山崎屋の技術メモ

IT業界で働く中で、気になること、メモしておきたいことを書いていきます。

【JS】画面の高さ分スクロールする

どうも。JavaScript で画面の高さを取得してその分だけスクロールする方法をメモしておきます。 HTML 以下のように高さ 100 px のボタンを「あああ」、「いいい」・・・「ととと」まで縦に 20 個並べます。左のボタンが上にスクロール。右のボタンが下にスク…

【Selenium】自動でスクリーンショットを取る

前回、Selenium を使用して自動でブラウザを操作させてみました。www.shookuro.com今回は自動操作に加え、スクリーンショットを取りたいと思います。各種バージョンはこちら。Java : 11 Spring Tool Suite(IDE): 4.3.2 Selenium Server : 3.9.1 スクリ…

【Selenium】Java で画面の自動テスト

Web アプリの画面(ブラウザ)を自動で操作してくれるテストツールの Selenium 。公式サイトはこちら。 Selenium - Web Browser Automation今回は Selenium WebDriver を使って Java で Selenium の導入を行っていきます。Java 以外の言語を使うとしても、We…

【読書】結局、人生はアウトプットで決まる

結局、人生はアウトプットで決まる 自分の価値を最大化する武器としての勉強術作者: 中島聡出版社/メーカー: 実務教育出版発売日: 2018/09/22メディア: 単行本(ソフトカバー)この商品を含むブログを見る私もこのブログや個人のアプリ開発を通じアウトプッ…

【Java】Stream を理解する その2(Stream 生成編)

Java の Stream について全 4 回中の2回目。 【Java】Stream を理解する その1(概要編) 【Java】Stream を理解する その2(生成編) ← この記事 【Java】Stream を理解する その3(中間操作 編) 【Java】Stream を理解する その4(終端操作 編) 公…

【Java】Stream を理解する その1(概要編)

こんにちは。Java の Stream について概要から詳細まで全 4 回 で紹介していきます。 【Java】Stream を理解する その1(概要編) ← この記事 【Java】Stream を理解する その2(生成編) 【Java】Stream を理解する その3(中間操作 編) 【Java】Stream…

Vue で作成した PWA (Web アプリ)を GooglePlayStore で紹介する

公開中の PWA アプリを GooglePlayStore で紹介できるようにするための手順をメモしておきます。 今回、GooglePlayStoreで紹介したい公開中の PWA アプリはこちら。 yyama694.github.io なお、パラメータ user_id でツイッター ID を渡すと遷移時に自動でツ…

【Vue.js】vue-i18n を使用した国際化(多言語)対応

Vue で作った既存の Web アプリケーションを国際化(多言語)対応していきます。vue-i18n というライブラリを使用します。 GitHub - kazupon/vue-i18n: Internationalization plugin for Vue.jsVue I18n国際化対応するアプリケーションは、すでに公開してい…

【Git】インストール後の設定

git

Git を新規インストールした後の設定。OS は Windows。 E-Mail の設定 git config --global user.email "yyama694@gmail.com" 名前の設定 git config --global user.name "yyama694" コミットメッセージを入力するエディタの設定 git config --global core.e…

Spring Tool Suite(STS)のインストールと起動

自宅 PC の買い替えにともない、開発ツール類も新規にインストールしなおす必要があるので、ついでなので現時点(2019 年 8 月)での環境構築方法をメモしておきたいと思います。今回は SpringBoot での開発が捗る Spring Tool Suite(STS)のインストールと…

【Vue】js で template を使いたくてハマった

まずバージョン情報。 vue : 2.6.10 vue-cli : 3.7.0 node : 10.11.0 npm : 6.4.1 Vue cli を使って「vue create app-name」とかやってプロジェクトを作成すると、デフォルトでは Vue の単一ファイルコンポーネントを使うプロジェクトが作成されます。普段は…

テスト用 サーバ証明書(SSL証明書)の作成(完全版)

テスト用サーバ証明書(SSL証明書)の期限が切れてしまい、作り直す場面が忘れた頃にやってくるので複数のサイトを見なくても作れるようここにメモしておきたいと思います。せっかくなので firefox でも警告がでないようにオレオレ証明書ではなく、ちゃんと…

Effective Java 項目8 equals をオーバーライドする時は一般契約に従う

Effective Java を再度読み直して感想や考察を書いています。今回は項目8「equals をオーバーライドする時は一般契約に従う」を読み直してみました。 equals の一般契約 「一般契約」というと大げさですが単なるお約束。equals のお約束は次の5つ。簡単に…

Vue プロジェクトで Bulma を使う

HTML の class 属性に値を追加するだけで良い感じのページにしてくれる css フレームワークの bulma。Vue プロジェクトでも積極的に利用していきたいです。公式ページ Bulma: Free, open source, & modern CSS framework based on FlexboxVue プロジェクトで…

【Twitter API】User Object の内容

Tweet Object に引き続き、User Object についてまとめました。Tweet Object についてはこちら。 www.shookuro.com公式や参考になるサイトを見ながら作りましたが、いまいち何に使用しているのか理解できない項目もあり、そういうやつには「詳細不明」と書い…

【Twitter API】Tweet Object の内容

Twitter API を貪るうえで欠かせない Tweet Object ですが、各項目の日本語での説明が少ないのでここにまとめておきたいと思います。また、Tweet Object に含まれる User Object や Coordinates Object についても別記事にてまとめます。参考にさせていただ…

【Vue.js】ドラッグ&ドロップで並べ替え

表示したリストをドラッグ&ドロップで並べ替える方法をメモしておきます。ライブラリは SortableJS の vue 版である Vue.Draggable を使います。 github.com 日本語情報も豊富で人気のあるライブラリのようです。 Vue.Draggableを使ってサクッとTrelloっぽ…

Vue で作成した Web アプリを GitHub Pages で公開

GitHub では Git を使ったソースコードの管理のほか、html/css/js 等で作成した Web アプリケーションを公開することもできます。Vue オンリーで作成したプロジェクトはこの条件を満たすので GitHub で公開できます。前回、vue-cli を使用してプロジェクト…

【Vue】プロジェクトの作成から GitHub への Push まで

ここ最近というか初めて本格的にフロント技術を学んでいます。採用したフレームワークは大人気 Vue.js です。自分で学びながらチュートリアルの記事も書きました。 www.shookuro.com今回は Vue.-cli でプロジェクトを作成し、そのプロジェクトを GitHub に P…

【DbUnit】テスト完了時にテーブルデータを元に戻す方法

前回 SpringBoot で作成した DB 操作クラスに対し DbUnit を使って簡単なテスト実施方法を紹介しました。 www.shookuro.com 前回の記事にも書きましたが、この自動テストの実行後にはテーブルのデータがテストで使用したデータに変わってしまいます。ちょっ…

DBUnit を使って Excel からデータを DB にロードする with Spring Boot

DB 絡みのユニットテストを行う場合、テストケースごとにテーブルのデータを準備したいことがあると思います。DBUnit を使えばあらかじめ用意しておいたデータをテストメソッドごとにテーブルにインポートしてからテストを実行できます。用意しておくデータ…

Twitter API ベアラートークン(Bearer Token)を取得する

今更ですが Twitter API を 貪り始めました。Twitter4J というライブラリもありますが、先ずは生の API を利用した方法をメモしておきます。今回はベアラートークンの取得をシンプルに行いたいと思います。ユーザー認証後に取得できるトークンとは異なり、ユ…

Spring Boot 環境変数の取得

前回、Spring Boot でファイルに定義されたプロパティの使用方法を紹介しました。 Spring Boot 独自のプロパティを定義して使う - 山崎屋の技術メモ今回は、システムの環境変数に定義された値を取得する方法を紹介します。結論から言うとプロパティファイル…

Spring Boot 独自のプロパティを定義して使う

ソース本体にハードコーディングしたくない設定値は外部ファイルに定義しておくのがプログラミングの基本です。例えば DB 接続情報や消費税率、パフォーマンス調整用の値などがありますね。今回はフレームワーク Spring Boot を使用して、application.proper…

【Eclipse】 プロジェクト作成から GitHub に登録するまで

新しいプログラムを組み始めて、まず GitHub に登録しますが、やり方を忘れて調べることが多いので、手順をメモしておきます。 準備 適当なプロジェクトを作成します。こんな感じです。 例では Java の Spring プロジェクトを GitHub に登録しますが、他の言…

【Vue-cli】PWA プロジェクトを作ってみる

Web アプリケーションでありながら ネイティブアプリケーションのような動作をさせることができる PWA(Progressive Web Apps)が最近注目されています。Vue-cli のプロジェクト作成コマンド「vue create xxxx」でも「PWA にする?」のように聞かれるので、P…

【Vue】無限スクロールライブラリを試す

Twitter や Facebook みたいにスクロールして下段まで行くと追加でデータをロードしてくれるあれを Vue を使って試したいと思います。 今回は Qiita の API を使用してデータを取得し、無限スクロールしていこうと思います。 使用ライブラリ 便利な無限スク…

vue-cli でプロジェクトを作成して GitHub へ Push するまで

参考サイト。良記事! qiita.com vue-cli でプロジェクトを作成してから GitHub にソースを Push するまでの手順をメモしていきたいと思います。 バージョン node、vue-cli、git のバージョンは次のとおり。 C:\yyama>node --version v10.11.0 C:\yyama>vue …

IndexedDB に入門してみる

Web アプリ界隈で WebStorage に変わる機能として徐々に認知されつつある IndexedDB があります。スマホブラウザからネイティブアプリのように Web アプリを機能させる PWA を作るにあたって、この IndexedDB についても精通しておく必要があるので勉強して…

【Vue】おれおれチュートリアル Ⅶ

第7弾です。前回までの記事はこちら。 【Vue】おれおれチュートリアル Ⅰ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅱ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅲ - 山崎屋の技術メモ 【Vue】おれおれチュートリアル Ⅳ - 山崎屋の技術メ…