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

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

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

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

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

React Hooksの使い方を学ぼう~関数コンポーネントの状態管理を行う

React Hooksの使い方を学ぼう

基本のフック useState useState とは、関数コンポーネントでstateを管理( state の保持と更新)するためのReactフックであり、最も利用されるフックです。 state とはコンポーネントが内部 […]

超便利!よく使うLodashとES6のメソッド25選

超便利!よく使うLodashとES6のメソッド25選

LodashとES6(ES2015) LodashやUnderscoreは素晴らしいモダンなJavaScriptユーティリティライブラリであり、フロントエンド開発者に広く使われています。 しかしながら、モダンブラウザがタ […]

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

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

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

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

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

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

Laravel で作る!ECサイトのサンプル(フロント&管理画面&バッチ)

Laravel & React.js で作成したECサイト構築の為のボイラープレート

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

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

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

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

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

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

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 の中身を書き換えてしまうことで、この現象を回避することが出来るようになります。