FCMとは FCM は、Firebaseが提供するメッセージを無料で確実に送信するためのクロスプラットフォーム メッセージング ソリューションです。 iPhone や Android などスマートフォンへの通知はもちろん […]
システム開発の記事
プログラマーとして学んだ知識や役立つ情報を掲載しています。
Firebase
Firebase Cloud Messaging(FCM) を利用してプッシュ通知を受信する − React.js
AWS
Dockerを利用してAWS-CLI環境を構築する方法
Dockerを利用してAWS-CLI環境を構築する Dockerが利用できる環境さえあれば、AWSのCLIコマンドをOSにインストールしてセットアップしなくても、簡単に利用することが可能です。 以下のコマンドの、”AWS […]
Javascript
jQueryでdocument.write() の含まれるスクリプトコードを画面に追加する方法
jQueryでdocument.write の含まれるスクリプトコードを画面に追加する場合、document.write で出力した内容が画面全体に上書きされてしまう現象が発生します。DOMに追加する直前で、document.write の中身を書き換えてしまうことで、この現象を回避することが出来るようになります。
データベース
MySQL レプリケーションのデモ環境（Docker 版）
Docker を利用してMySQLのレプリケーションをシミュレートするツールを作成しましたので公開します。 片方向のレプリケーション https://github.com/isystk/mysql-replication […]
データベース
MySQL レプリケーション設定後にデータの整合性を検証する
レプリケーション設定後に、マスターとスレーブで本当にデータが一致しているのか心配になった場合に、整合性をテーブル単位で検証するためのシェルスクリプトになります。
データベース
MySQL レプリケーションが停止した場合の復旧手順
MySQLのレプリケーションが停止した場合の復旧手順について纏めておきたいと思います。レプリケーションを復旧させる場合、先ずはリレーログからの復旧を試みる。もし上手く行かない場合は、リレーログが破損している可能性があるのでバイナリーログからの復旧を試みる。それでも駄目だと、Dumpファイルからリストアして復旧する流れとなる。
css3
超・便利技！CSS3を使ったハンバーガーメニューの作り方
スマホファーストが求められる昨今ではハンバーガーメニューを利用してナビゲーションが必要不可欠になっています。今回はハンバーガーメニューの簡単な実装方法について纏めてみました。 ポイント ハンバーガーメニューの三本線を利用 […]
Vue.js
Vue.jsでオーバーレイを作成する（TypeScript対応版）
作成したオーバーレイ Vue.jsで利用できるオーバーレイ（モーダル）のコンポーネントを作成しました。親コンポーネントでオーバーレイ内に表示するコンテンツをslotで指定してから、propで表示の切り替えが可能です。 デ […]
Vue.js
Vue.jsで画像スライダーを作成する（TypeScript対応版）
作成した画像スライダー Vue.jsで利用できる画像スライダーのコンポーネントを作成しました。親コンポーネントからPropでオプションを渡すことで、カルーセルやオートページャなどの機能にも対応しています。 対応している機 […]
Vue.js
Vue.js で グラフを表示！Vue-Chartjs の使い方一覧とサンプル
Chart.js とは 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどのグラフが簡単に描けるJavascriptのライブラリです。HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動き […]