File System Access API は、ファイル選択ダイアログやディレクトリ選択ダイアログだけでなく、ドラッグ&ドロップでもファイルやディレクトリを受け入れることができます。以前から...
Continue reading...6月 2022
【JavaScript】File System Access API – ディレクトリを開く方法 showDirectoryPicker() 編
File System Access API にはファイルを開く showOpenFilePicker() メソッド、ファイル保存ダイアログを表示する showSaveFilePicker() メソッ...
Continue reading...【JavaScript】File System Access API – ファイルピッカーを表示してファイルを保存する方法 showSaveFilePicker() 編
ファイル保存ダイアログを表示し、ユーザーに PC やスマートフォン内にファイルを保存するには 2 つの方法あがります。今回は旧来より使われてきた <a download=”filename”> ...
Continue reading...【JavaScript】File System Access API – 仮想的なファイルシステム Origin Private File System 編
JavaScript で扱えるストレージといえば Web Storage や Indexed Database API がありますが、ファイルやディレクトリという概念を使ってデータを保存したい場合もあ...
Continue reading...【HTML】inert 属性でコンテンツをまとめて不活性にする
[2024-05-19 更新] 特定のコンテンツに注目させたいときや、何かしらの処理を実行中の場合など、それ以外のコンテンツをユーザーが操作できないようにしたいと考えたことはないでしょうか。 たとえば...
Continue reading...【HTML】徹底解説 dialog 要素 – マークアップからスタイリング、JavaScript による操作まで
[2022-07-28 更新] dialog 要素はかなり以前より HTML5 仕様に存在していましたが、Safari がサポートしていなかったことでなかなか現場で使われませんでした。しかし、2022...
Continue reading...