こんばんは。ファガイです。本日はJavaScriptだけでブラウザのある情報のデータを保存する機能の実装方法について書こうと思います。 概要ローカル上だけでファイルの保存ができるようになる方法になります。 自分が作っているMarkdown-F Editorはその機能を使って保存を実装しています。 今回利用する機能はHTML5の機能なので、ブラウザによっては実装されていない可能性がありますので、注意。 確認ブラウザIE11FirefoxGoogleChromeにて確認を取ってます。IEに関しては独自関数を使っているため、前のブラウザでは対応されていない可能性があります。 ソースコードソース自体は結構簡単です。 var text = "テキストデータ"; var blob = new Blob([text], {type: "text/plain"}); // バイナリデータを作ります。 //
![JavaScriptだけでファイルの保存機能を実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/482da7289d76e682768a9dfbbe677a7e1b435e36/height=288;version=1;width=512/https%3A%2F%2Fblog.fagai.net%2Fwp-content%2Fuploads%2F2020%2F07%2Ftumbnail.jpg)