@programming (芽萌丸プログラミング部)2021/5/27ブラウザからファイル出力(ダウンロード処理)ピュアなJavaScriptを使ってブラウザからファイルを出力させる方法です。この方法を使えば、JavaScriptによってブラウザ上で生成された任意のデータ(例えばCSVとか)をファイルとしてダウンロードさせることができます。Excelでも文字化けせずに開けるCSVファイルの出力方法も。続きを読む »
@programming (芽萌丸プログラミング部)2021/5/27ブラウザからファイル内容を読み込むChromeやFirefox等の Web API だけを使ってローカルファイルのデータを読み込むサンプルコード。続きを読む »
@programming (芽萌丸プログラミング部)2020/7/5ArrayBufferとTypedArray,Blob等相互変換ArrayBuffer(最もプリミティブなバイト列)を中心にTypedArray(Uint8Array等)、Blob、Base64、Data URL、Hexと相互変換するコードのご紹介。ブラウザで動作し、外部ライブラリも不要。続きを読む »
@programming (芽萌丸プログラミング部)2020/5/25ピュアJSでData URIな音データを再生base64変換されたmp3な音データをピュアなJavaScriptで再生する方法のご紹介。おまけで wavファイルからmp3への変換、base64文字列化の方法も。(要ffmpeg)続きを読む »
@programming (芽萌丸プログラミング部)2020/5/11ピュアJS: HTMLの該当文字列をmarkタグで囲う方法外部ライブラリを使わず生JSだけでHTML内の特定の文字列をmarkタグで囲う(マーカーを引く)方法のご紹介。続きを読む »
@programming (芽萌丸プログラミング部)2020/2/3ピュアJS:ブラウザで任意のカメラデバイスを選択PCもしくはモバイル端末のブラウザ上で任意のカメラデバイスを選択し、videoタグで利用するサンプルです。ピュアなJavaScriptだけを使って実現しています。続きを読む »
@programming (芽萌丸プログラミング部)2019/12/18ピュアJSで画像の遅延読み込みピュアなJavaScriptだけを使って画像の遅延読み込み(レイジーロード)を実現する方法のご紹介。ユーザがブラウザのタブをスクロールした時にタブの表示領域に入ってきた画像要素だけを読み込みさせることで、Webページの全体的な表示を軽くします。続きを読む »
@programming (芽萌丸プログラミング部)2019/7/29JavaScriptで画像の動的ロードJavaScriptを使って画像を動的に読み込む方法です。画像の読み込み中のローディングイメージの表示などに応用できます。ピュアJS版とjQuery版の2つをご用意しました。続きを読む »