main-visual

プログラミング教育の情報サイト

Laravel&React.js でStripeを利用した決算処理を作成する

Stripeとは インターネットで商品を取引する際に使えるオンライン決済サービスのことです。 カリフォルニア州にあるstripe社が手掛けており、世界の120か国以上、数百万社の企業で導入されています。 stripeの魅 […]

Firebase Cloud Messaging(FCM) を利用してプッシュ通知を受信する − React.js

FCMとは FCM は、Firebaseが提供するメッセージを無料で確実に送信するためのクロスプラットフォーム メッセージング ソリューションです。 iPhone や Android などスマートフォンへの通知はもちろん […]

Dockerを利用してLaravel の開発環境を構築するサンプルアプリケーション

作成したアプリケーション フロント画面 https://laraec.isystk.com/ フロント画面の主な機能 ログイン/ログアウト 会員登録 パスワードリマインダ 商品一覧 カートに追加 決算処理(Stripe) […]

画像アップロードReact用コンポーネント(ドラッグ&ドロップ対応)− react-image-base64

react-image-base64 とは react-image-base64 は、NPMで公開 されている画像アップロード用のReactコンポーネントです。 特徴 Base64にエンコードされた画像データを取得するこ […]

アップロード画像をリサイズしてBase64に変換する – jQueryプラグイン

画像ファイルをリサイズする 最近のスマートフォンで撮影した写真は解像度が高くそのまま送信してしまうとサーバー側の負荷が高くなってしまったり、通信時間がかかってタイムアウトになってしまう問題が発生してしまいます。 その為、 […]

Windows で WSL&Dockerを利用してLaravelの開発環境を構築する

WSL2のインストール https://docs.microsoft.com/ja-jp/windows/wsl/install-win10 Docker Desktop for Windows のインストール http […]

Dockerを利用してAWS-CLI環境を構築する方法

Dockerを利用してAWS-CLI環境を構築する Dockerが利用できる環境さえあれば、AWSのCLIコマンドをOSにインストールしてセットアップしなくても、簡単に利用することが可能です。 以下のコマンドの、”AWS […]

jQueryでdocument.write() の含まれるスクリプトコードを画面に追加する方法

portfolio-402179_1920

jQueryでdocument.write の含まれるスクリプトコードを画面に追加する場合、document.write で出力した内容が画面全体に上書きされてしまう現象が発生します。DOMに追加する直前で、document.write の中身を書き換えてしまうことで、この現象を回避することが出来るようになります。

MySQL レプリケーションのデモ環境(Docker 版)

server-2891812_1920

Docker を利用してMySQLのレプリケーションをシミュレートするツールを作成しましたので公開します。 片方向のレプリケーション https://github.com/isystk/mysql-replication […]

MySQL レプリケーション設定後にデータの整合性を検証する

light-bulb

レプリケーション設定後に、マスターとスレーブで本当にデータが一致しているのか心配になった場合に、整合性をテーブル単位で検証するためのシェルスクリプトになります。