@programmingプログラミング関連アカウント。Web標準技術を中心に書いていきます。済ませたい人たちの集いです。JavaScriptピュアJS:ブラウザで任意のカメラデバイスを選択PCもしくはモバイル端末のブラウザ上で任意のカメラデバイスを選択し、videoタグで利用するサンプルです。ピュアなJavaScriptだけを使って実現しています。JavaScriptピュアJSで画像の遅延読み込みピュアなJavaScriptだけを使って画像の遅延読み込み(レイジーロード)を実現する方法のご紹介。ユーザがブラウザのタブをスクロールした時にタブの表示領域に入ってきた画像要素だけを読み込みさせることで、Webページの全体的な表示を軽くします。JavaScriptピュアJSで配列からランダムに1件取得するワンライナーピュアなJavaScriptで配列から要素をランダムに1件取得するワンライナーです。外部ライブラリを使わず生JSだけでHTML内の特定の文字列をmarkタグで囲う(マーカーを引く)方法のご紹介。JavaScriptJavaScriptで画像の動的ロードJavaScriptを使って画像を動的に読み込む方法です。画像の読み込み中のローディングイメージの表示などに応用できます。ピュアJS版とjQuery版の2つをご用意しました。JavaScriptブラウザからファイル出力(ダウンロード処理)ピュアなJavaScriptを使ってブラウザからファイルを出力させる方法です。この方法を使えば、JavaScriptによってブラウザ上で生成された任意のデータ(例えばCSVとか)をファイルとしてダウンロードさせることができます。Excelでも文字化けせずに開けるCSVファイルの出力方法も。JavaScript生JSでAsync/Awaitも使わずに非同期関数の同期的ループピュアなJavaScriptだけで且つAsync/Awaitも使わずに非同期関数の同期的ループを実現する方法です。このテクニックはイテレーターとジェネレーターを使います。使えない)場面でも使えるかと思います。以下、本サイト「芽萌丸」を「本サイト」、本サイトの利用者を「利用者」、本サイトの運営者「田中ソフトウェアラボ」を「運営者」とそれぞれ表現します。本サイトを使用することにより、利用者は本利用規約に同意されたものとみなします。同意されない場合は、本サイトを使用することはできません。著作権について本サイトの全てのコンテンツの著作権は運営者に帰属します。本サイトのコンテンツの無断複製は禁止しております。本サイトへのリンクについて本サイト内の記事へのリンクはご自由に貼っていただいても構いませんが、本サイトを誤認させるような形でリンクを張ることは禁止しております。個人情報について本サイト一般利用者の個人情報を取得することは一切ありません。本サイトのメンバー会員につきましてはアカウント新規登録の際にメールアドレス等を取得する場合があります。サードパーティ(広告プロバイダ等)が利用者のCookieなどの情報を利用する場合があります。広告について本サイト内ではアフィリエイト広告を表示する場合があります。アフィリエイトの収益は全て本サイトの運営費用に充当し、長期的に持続可能な運営を目指します。