LodashとES6（ES2015） LodashやUnderscoreは素晴らしいモダンなJavaScriptユーティリティライブラリであり、フロントエンド開発者に広く使われています。 しかしながら、モダンブラウザがタ […]
Javascript
超便利！よく使うLodashとES6のメソッド25選
Stripe
Laravel&React.js でStripeを利用した決算処理を作成する
Stripeとは インターネットで商品を取引する際に使えるオンライン決済サービスのことです。 カリフォルニア州にあるstripe社が手掛けており、世界の120か国以上、数百万社の企業で導入されています。 stripeの魅 […]
Firebase
Firebase Cloud Messaging(FCM) を利用してプッシュ通知を受信する − React.js
FCMとは FCM は、Firebaseが提供するメッセージを無料で確実に送信するためのクロスプラットフォーム メッセージング ソリューションです。 iPhone や Android などスマートフォンへの通知はもちろん […]
ボイラープレート
Laravel で作る！ECサイトのサンプル（フロント＆管理画面＆バッチ）
作成したアプリケーション フロント画面 https://laraec.isystk.com/ フロント画面の主な機能 ログイン/ログアウト 会員登録 パスワードリマインダ 商品一覧 カートに追加 決算処理（Stripe） […]
React
画像アップロードReact用コンポーネント(ドラッグ&ドロップ対応)− react-image-base64
react-image-base64 とは react-image-base64 は、NPMで公開 されている画像アップロード用のReactコンポーネントです。 特徴 Base64にエンコードされた画像データを取得するこ […]
JQueryプラグイン
アップロード画像をリサイズしてBase64に変換する – jQueryプラグイン
画像ファイルをリサイズする 最近のスマートフォンで撮影した写真は解像度が高くそのまま送信してしまうとサーバー側の負荷が高くなってしまったり、通信時間がかかってタイムアウトになってしまう問題が発生してしまいます。 その為、 […]
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 レプリケーション設定後にデータの整合性を検証する
レプリケーション設定後に、マスターとスレーブで本当にデータが一致しているのか心配になった場合に、整合性をテーブル単位で検証するためのシェルスクリプトになります。