JavaScript

Ajax と PHP で画面遷移しないフォームを作成する方法

実務にて、jQuery を使わない JS（JavaScript）の Ajax と PHP で非同期通信を利用した画面遷移させないフォームを作成する作業があり、それを解決した情報になります。Web 開発の初心者、初学者の方にもわかりやすいように、ソースコードを編集してサンプルを公開しています、ご参考になれば幸いです。

kingia-australis-4772242_640

Google Chrome だけ背景動画が自動再生されない時の対処法

実務にて、Chrome DevTools の Console に「Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD」とエラーが表示されて背景動画（BigVideo.js）が自動再生されない不具合が発生、それを解決した情報になります。

google-analytics-tracking-code-include

Google アナリティクスのトラッキングコードを外部ファイルで共通化する

実務にて、ライブラリやプラグインを利用しないで、Google アナリティクスのトラッキングコードを外部ファイルで共通化してほしいという小仕事の依頼があり、それを解決した情報になります。

javascript-infinite-scroll

JavaScript の Fetch API で無限スクロールを実装する

実務にて、ライブラリやフレームワークを利用しないで、ページ最下部までスクロールした際に、自動的に次の投稿を取得して表示してほしいという小仕事の依頼があり、それを解決した情報になります。

video-display-before-sending

入力フォームで選択した動画を送信前に表示する

実務にて、ライブラリやフレームワークを利用しないで、入力フォームで選択された動画を送信前に表示してほしいという小仕事の依頼があり、それを解決した情報になります。

image-display-before-sending

入力フォームで複数選択した画像を送信前に表示する

実務にて、ライブラリやフレームワークを利用しないで、入力フォームで複数選択された画像ファイルを送信前に表示してほしいという小仕事の依頼があり、それを解決した情報になります。

qr-code-check-before-sending

入力フォームで選択した画像を送信前に QR コード判定する

実務にて、入力フォームで選択した画像を送信前に QR コード判定して、送信後に URL と画像ファイルを表示してほしいという小仕事の依頼があり、それを解決した情報になります。