https://b.hatena.ne.jp/repon/HTML5/ HTML5に関するreponのはてなブックマーク (108) https://www.html5rocks.com/ja/tutorials/workers/basics/ repon 2016-05-31T12:26:49Z javascript html5 js <blockquote cite="https://www.html5rocks.com/ja/tutorials/workers/basics/" title="Use web workers to run JavaScript off the browser&#39;s main thread  |  Articles  |  web.dev"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2Ftutorials%2Fworkers%2Fbasics%2F" alt="" /> <a href="https://www.html5rocks.com/ja/tutorials/workers/basics/">Use web workers to run JavaScript off the browser&#39;s main thread  |  Articles  |  web.dev</a></cite><p><a href="https://www.html5rocks.com/ja/tutorials/workers/basics/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2e5066108f59bd213da1701c0b4e7fe8de5442c5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb.dev%2Fstatic%2Farticles%2Foff-main-thread%2Fimage%2Fthumb.png" alt="Use web workers to run JavaScript off the browser&#39;s main thread  |  Articles  |  web.dev" title="Use web workers to run JavaScript off the browser&#39;s main thread  |  Articles  |  web.dev" class="entry-image" /></a></p><p>In the past 20 years, the web has evolved dramatically from static documents with a few styles and images to complex, dynamic applications. However, one thing has remained largely unchanged: we have just one thread per browser tab (with some exceptions) to do the work of rendering our sites and r...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/workers/basics/"><img src="https://b.hatena.ne.jp/entry/image/https://www.html5rocks.com/ja/tutorials/workers/basics/" alt="はてなブックマーク - Use web workers to run JavaScript off the browser&#39;s main thread  |  Articles  |  web.dev" title="はてなブックマーク - Use web workers to run JavaScript off the browser&#39;s main thread  |  Articles  |  web.dev" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/workers/basics/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 120 https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html repon 2015-07-28T18:19:07Z FileAPI html5 javascript js <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html" title="JavaScriptでファイル操作！？ File APIを使いこなそう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1112%2F16%2Fnews135_2.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html">JavaScriptでファイル操作！？ File APIを使いこなそう</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/49656f824e1aedbcf43175f097424ca0519ea201/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_ait.gif" alt="JavaScriptでファイル操作！？ File APIを使いこなそう" title="JavaScriptでファイル操作！？ File APIを使いこなそう" class="entry-image" /></a></p><p>&lt;textarea id=&quot;text&quot; placeholder=&quot;テキストを入力してください。&quot;&gt;&lt;/textarea&gt;&lt;br /&gt; &lt;button id=&quot;btndownload&quot;&gt;ファイル作成&lt;/button&gt; &lt;div id=&quot;disp&quot;&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; document.getElementById(&quot;btndownload&quot;).addEventListener(&quot;click&quot;, function () { var text = document.getElementById(...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html" alt="はてなブックマーク - JavaScriptでファイル操作！？ File APIを使いこなそう" title="はてなブックマーク - JavaScriptでファイル操作！？ File APIを使いこなそう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 15 https://naopr.hatenablog.com/entry/20140401/1396341503 “ここでもハマりポイントがあって、Blob作成にはBlob()を使いましょう。” repon 2015-07-27T10:21:24Z html5 javascript <blockquote cite="https://naopr.hatenablog.com/entry/20140401/1396341503" title="JavaScriptでローカルにファイルを保存する方法（その1） - るさんちまん"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnaopr.hatenablog.com%2Fentry%2F20140401%2F1396341503" alt="" /> <a href="https://naopr.hatenablog.com/entry/20140401/1396341503">JavaScriptでローカルにファイルを保存する方法（その1） - るさんちまん</a></cite><p><a href="https://naopr.hatenablog.com/entry/20140401/1396341503"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a6df1c4aeb741e6b290d78d8dc99b13c1786e774/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F8454420450081656489%2F8454420450081656522%2F1662299278" alt="JavaScriptでローカルにファイルを保存する方法（その1） - るさんちまん" title="JavaScriptでローカルにファイルを保存する方法（その1） - るさんちまん" class="entry-image" /></a></p><p>JavaScriptでローカルにファイルを保存する方法を調べたので、メモ。 動作確認はMac OS X10.9.2、Google Chrome 33で行っています（他のブラウザについては、参考リンクにもある JavaScriptからローカルファイルを作成する方法まとめ - あらびき日記 をご覧ください）。 Chromeでローカルにファイルを保存するには、File...</p><p><a href="https://b.hatena.ne.jp/entry/s/naopr.hatenablog.com/entry/20140401/1396341503"><img src="https://b.hatena.ne.jp/entry/image/https://naopr.hatenablog.com/entry/20140401/1396341503" alt="はてなブックマーク - JavaScriptでローカルにファイルを保存する方法（その1） - るさんちまん" title="はてなブックマーク - JavaScriptでローカルにファイルを保存する方法（その1） - るさんちまん" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/naopr.hatenablog.com/entry/20140401/1396341503"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 8 https://dev.classmethod.jp/articles/html5-filesystem-api-1/ repon 2015-07-21T06:48:58Z HTML5 FileSystem API JavaScript <blockquote cite="https://dev.classmethod.jp/articles/html5-filesystem-api-1/" title="[HTML5] FileSystem APIの概要と活用 #1 ｜ Developers.IO"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdev.classmethod.jp%2Farticles%2Fhtml5-filesystem-api-1%2F" alt="" /> <a href="https://dev.classmethod.jp/articles/html5-filesystem-api-1/">[HTML5] FileSystem APIの概要と活用 #1 ｜ Developers.IO</a></cite><p><a href="https://dev.classmethod.jp/articles/html5-filesystem-api-1/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5adf53a4a3de063d490a95a617f4d0edfb7ab5df/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F11%2Fhtml5.png" alt="[HTML5] FileSystem APIの概要と活用 #1 ｜ Developers.IO" title="[HTML5] FileSystem APIの概要と活用 #1 ｜ Developers.IO" class="entry-image" /></a></p><p>FileSystem API FileSystem APIとはWebアプリケーションでユーザのローカルにデータの保存、読込ができるAPIです。 ただし残念なことに対応してるブラウザが多くはありません。 今回はChrome※１を使っていますが、Chomeもブラウザのバージョンが上がるごとに仕様が少しずつ変わっていたりしています。APIのメソッドにも...</p><p><a href="https://b.hatena.ne.jp/entry/s/dev.classmethod.jp/articles/html5-filesystem-api-1/"><img src="https://b.hatena.ne.jp/entry/image/https://dev.classmethod.jp/articles/html5-filesystem-api-1/" alt="はてなブックマーク - [HTML5] FileSystem APIの概要と活用 #1 ｜ Developers.IO" title="はてなブックマーク - [HTML5] FileSystem APIの概要と活用 #1 ｜ Developers.IO" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/dev.classmethod.jp/articles/html5-filesystem-api-1/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 17 https://kurukurupapa.hatenablog.com/entry/20121013/1350101221 repon 2015-07-21T05:46:08Z File API html5 JavaScript ダウンロード <blockquote cite="https://kurukurupapa.hatenablog.com/entry/20121013/1350101221" title="HTML5のFile API:Writerで、動的データのダウンロードを実装してみた。 - kurukuru-papaのブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkurukurupapa.hatenablog.com%2Fentry%2F20121013%2F1350101221" alt="" /> <a href="https://kurukurupapa.hatenablog.com/entry/20121013/1350101221">HTML5のFile API:Writerで、動的データのダウンロードを実装してみた。 - kurukuru-papaのブログ</a></cite><p><a href="https://kurukurupapa.hatenablog.com/entry/20121013/1350101221"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/21bf084a806885f2e77a3d19ad0543b01781f868/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F6dd3b99d9bdaadaaaeef92fdff967a0cbc35f412%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkurukuru-papa%252F20120929%252F20120929222823.png" alt="HTML5のFile API:Writerで、動的データのダウンロードを実装してみた。 - kurukuru-papaのブログ" title="HTML5のFile API:Writerで、動的データのダウンロードを実装してみた。 - kurukuru-papaのブログ" class="entry-image" /></a></p><p>前回の記事では、HTML5のBlobを使用して、動的データのダウンロードを行いました。非常に簡単に実装できたのですが、ひとつ残念だったのは、ファイル名を指摘できないことでした。 今回、HTML5のFile API:Writerを使って、ファイル名を指定して、動的データのダウンロードを行なってみました。難しいことなく、出来上が...</p><p><a href="https://b.hatena.ne.jp/entry/s/kurukurupapa.hatenablog.com/entry/20121013/1350101221"><img src="https://b.hatena.ne.jp/entry/image/https://kurukurupapa.hatenablog.com/entry/20121013/1350101221" alt="はてなブックマーク - HTML5のFile API:Writerで、動的データのダウンロードを実装してみた。 - kurukuru-papaのブログ" title="はてなブックマーク - HTML5のFile API:Writerで、動的データのダウンロードを実装してみた。 - kurukuru-papaのブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kurukurupapa.hatenablog.com/entry/20121013/1350101221"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 https://www.html5rocks.com/ja/tutorials/file/filesystem/ repon 2015-07-20T08:37:42Z html5 JavaScript FileAPI tutorial <blockquote cite="https://www.html5rocks.com/ja/tutorials/file/filesystem/" title="Read files in JavaScript  |  Articles  |  web.dev"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2Ftutorials%2Ffile%2Ffilesystem%2F" alt="" /> <a href="https://www.html5rocks.com/ja/tutorials/file/filesystem/">Read files in JavaScript  |  Articles  |  web.dev</a></cite><p><a href="https://www.html5rocks.com/ja/tutorials/file/filesystem/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e6d208f8ef5acfce243f4a66ea6a7b7c71c096c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb-dev.imgix.net%2Fimage%2FFNkVSAX8UDTTQWQkKftSgGe9clO2%2FuZ3hQS2EPrA9csOgkoXI.png%3Fauto%3Dformat%26fit%3Dmax%26w%3D1200%26fm%3Dauto" alt="Read files in JavaScript  |  Articles  |  web.dev" title="Read files in JavaScript  |  Articles  |  web.dev" class="entry-image" /></a></p><p>Selecting and interacting with files on the user&#39;s local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/file/filesystem/"><img src="https://b.hatena.ne.jp/entry/image/https://www.html5rocks.com/ja/tutorials/file/filesystem/" alt="はてなブックマーク - Read files in JavaScript  |  Articles  |  web.dev" title="はてなブックマーク - Read files in JavaScript  |  Articles  |  web.dev" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/file/filesystem/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 56 https://language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample repon 2015-07-20T07:38:12Z javascript html5 File API <blockquote cite="https://language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample" title="今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flanguage-and-engineering.hatenablog.jp%2Fentry%2F20140330%2FHTMLfiveDragDropAndFileAPISample" alt="" /> <a href="https://language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample">今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して</a></cite><p><a href="https://language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/808b3874770ade914673e2c6b36c4d2671e3eb29/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fws-fe.amazon-adsystem.com%2Fwidgets%2Fq%3F_encoding%3DUTF8%26ASIN%3D4883379167%26Format%3D_SL250_%26ID%3DAsinImage%26MarketPlace%3DJP%26ServiceVersion%3D20070822%26WS%3D1%26tag%3Dfugayahogeo-22" alt="今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して" title="今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して" class="entry-image" /></a></p><p>JavaScriptプログラミングのTOPへ 今から３分で，HTML5の JavaScript API の使い方を２つ覚えよう。 １：ドラッグ＆ドロップAPI 画面上の要素を。 画面外から。 ２：File API 読み込み。 書き込み　※これは覚える必要はない。 シンプルなサンプルコード付きで，これらの実装の方法を素早く学習する。 ※サンプルは，IE8の...</p><p><a href="https://b.hatena.ne.jp/entry/s/language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample"><img src="https://b.hatena.ne.jp/entry/image/https://language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample" alt="はてなブックマーク - 今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して" title="はてなブックマーク - 今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/language-and-engineering.hatenablog.jp/entry/20140330/HTMLfiveDragDropAndFileAPISample"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 162 https://codezine.jp/article/detail/8782 repon 2015-07-20T05:09:12Z electron html5 JavaScript <blockquote cite="https://codezine.jp/article/detail/8782" title="HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodezine.jp%2Farticle%2Fdetail%2F8782" alt="" /> <a href="https://codezine.jp/article/detail/8782">HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは</a></cite><p><a href="https://codezine.jp/article/detail/8782"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8218eb507da973f69460e5cb8d20756f08d1ded8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F8782%2F8782_t.gif" alt="HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは" title="HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは" class="entry-image" /></a></p><p>Electron（旧Atom-Shell）とは、Web開発者がHTML5とNode.jsでMac、Windows、Linuxのデスクトップアプリを作れるクロスプラットフォーム実行環境です。Electronはオープンソースで無料で使える上に、MITライセンスであるため、商用利用も可能です。開発元はGitHub社です。 最近はJavaScript、HTML5の進化によって、多機能...</p><p><a href="https://b.hatena.ne.jp/entry/s/codezine.jp/article/detail/8782"><img src="https://b.hatena.ne.jp/entry/image/https://codezine.jp/article/detail/8782" alt="はてなブックマーク - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは" title="はてなブックマーク - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codezine.jp/article/detail/8782"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 235 http://webcre8.jp/collect/html5-game-engine.html repon 2015-06-06T08:29:58Z html5 フレームワーク ゲーム <blockquote cite="http://webcre8.jp/collect/html5-game-engine.html" title="HTML5やJavaScriptでゲームが作れる！ ゲーム制作のためのアプリケーション、フレームワーク、ゲームまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebcre8.jp%2Fcollect%2Fhtml5-game-engine.html" alt="" /> <a href="http://webcre8.jp/collect/html5-game-engine.html">HTML5やJavaScriptでゲームが作れる！ ゲーム制作のためのアプリケーション、フレームワーク、ゲームまとめ</a></cite><p><a href="http://webcre8.jp/collect/html5-game-engine.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d0c88fae6add004178aa4fe36e49fb8a74291f83/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F11%2Feyecatch-collection-150x150.png" alt="HTML5やJavaScriptでゲームが作れる！ ゲーム制作のためのアプリケーション、フレームワーク、ゲームまとめ" title="HTML5やJavaScriptでゲームが作れる！ ゲーム制作のためのアプリケーション、フレームワーク、ゲームまとめ" class="entry-image" /></a></p><p>HTML5で誰でもゲームが作れる！？ 最近webで何かを作るためのフレームワークというものがどんどん出てきており、ゲームにしろwebサイトにしろ、さわりを学べばそれを作る組み合わせだけなら抑えることが可能になってきています。 それを実際に使いこなし、またそれで作るものの内容がしっかりしていなければ何人もの人が...</p><p><a href="https://b.hatena.ne.jp/entry/webcre8.jp/collect/html5-game-engine.html"><img src="https://b.hatena.ne.jp/entry/image/http://webcre8.jp/collect/html5-game-engine.html" alt="はてなブックマーク - HTML5やJavaScriptでゲームが作れる！ ゲーム制作のためのアプリケーション、フレームワーク、ゲームまとめ" title="はてなブックマーク - HTML5やJavaScriptでゲームが作れる！ ゲーム制作のためのアプリケーション、フレームワーク、ゲームまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webcre8.jp/collect/html5-game-engine.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 60 http://honttoni.blog74.fc2.com/blog-entry-175.html repon 2015-05-18T12:46:26Z HTML5 iframe <blockquote cite="http://honttoni.blog74.fc2.com/blog-entry-175.html" title="[63] インラインフレームで 他のHTMLファイルを組み込もう iframe要素"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhonttoni.blog74.fc2.com%2Fblog-entry-175.html" alt="" /> <a href="http://honttoni.blog74.fc2.com/blog-entry-175.html">[63] インラインフレームで 他のHTMLファイルを組み込もう iframe要素</a></cite><p><a href="http://honttoni.blog74.fc2.com/blog-entry-175.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/88b461aa2e637752e0cef615d5ee26ed82bf33d1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-45.fc2.com%2Fh%2Fo%2Fn%2Fhonttoni%2Ftsubu_icon2s.jpg" alt="[63] インラインフレームで 他のHTMLファイルを組み込もう iframe要素" title="[63] インラインフレームで 他のHTMLファイルを組み込もう iframe要素" class="entry-image" /></a></p><p>&lt;iframe&gt;要素の HTML5 での変更点は、frameborder属性・marginheight属性・marginwidth属性・scrolling属性・longdesc属性・align属性・scrolling属性が廃止されたこと。 代わりに新しく、srcdoc属性・seamless属性・sandbox属性が追加されました。 インラインフレームを配置してみよう ●サンプル1：インラインフレーム...</p><p><a href="https://b.hatena.ne.jp/entry/honttoni.blog74.fc2.com/blog-entry-175.html"><img src="https://b.hatena.ne.jp/entry/image/http://honttoni.blog74.fc2.com/blog-entry-175.html" alt="はてなブックマーク - [63] インラインフレームで 他のHTMLファイルを組み込もう iframe要素" title="はてなブックマーク - [63] インラインフレームで 他のHTMLファイルを組み込もう iframe要素" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/honttoni.blog74.fc2.com/blog-entry-175.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 24 https://www.publickey1.jp/blog/15/manifoldjs_build_2015.html repon 2015-05-13T07:56:17Z manifoldjs Windows javascript html5 <blockquote cite="https://www.publickey1.jp/blog/15/manifoldjs_build_2015.html" title="［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F15%2Fmanifoldjs_build_2015.html" alt="" /> <a href="https://www.publickey1.jp/blog/15/manifoldjs_build_2015.html">［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015</a></cite><p><a href="https://www.publickey1.jp/blog/15/manifoldjs_build_2015.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f039d897c11f55d5d590262470b638ffcae5cb4d/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.publickey1.jp%2Fblog%2F15%2Fbuild202.jpg" alt="［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015" title="［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015" class="entry-image" /></a></p><p>［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015 マイクロソフトが米サンフランシスコで開催中のイベント「Build 2015」。2日目の基調講演では、iOSやAndroid、Windows 10などクロスプラットフォーム対応のアプリケーション...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/15/manifoldjs_build_2015.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/15/manifoldjs_build_2015.html" alt="はてなブックマーク - ［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015" title="はてなブックマーク - ［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/15/manifoldjs_build_2015.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 555 https://www.html5rocks.com/ja/tutorials/service-worker/introduction/ repon 2015-05-05T12:56:43Z HTML5 <blockquote cite="https://www.html5rocks.com/ja/tutorials/service-worker/introduction/" title="Introduction to Service Worker: How to use Service Worker - HTML5 Rocks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2Ftutorials%2Fservice-worker%2Fintroduction%2F" alt="" /> <a href="https://www.html5rocks.com/ja/tutorials/service-worker/introduction/">Introduction to Service Worker: How to use Service Worker - HTML5 Rocks</a></cite><p><a href="https://www.html5rocks.com/ja/tutorials/service-worker/introduction/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d32f4195297f2428ae1e25ef48e7e395fefbbec1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb.dev%2Fstatic%2Fimages%2Fsocial-wide.jpg" alt="Introduction to Service Worker: How to use Service Worker - HTML5 Rocks" title="Introduction to Service Worker: How to use Service Worker - HTML5 Rocks" class="entry-image" /></a></p><p>Web Platform Dive into the web platform, at your pace.</p><p><a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/service-worker/introduction/"><img src="https://b.hatena.ne.jp/entry/image/https://www.html5rocks.com/ja/tutorials/service-worker/introduction/" alt="はてなブックマーク - Introduction to Service Worker: How to use Service Worker - HTML5 Rocks" title="はてなブックマーク - Introduction to Service Worker: How to use Service Worker - HTML5 Rocks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/service-worker/introduction/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 158 https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications repon 2015-04-29T12:47:24Z html5 javascript js FileApi <blockquote cite="https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications" title="ウェブアプリケーションからのファイルの使用 - Web API | MDN"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FAPI%2FFile_API%2FUsing_files_from_web_applications" alt="" /> <a href="https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications">ウェブアプリケーションからのファイルの使用 - Web API | MDN</a></cite><p><a href="https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dea999ec21b71dd375395e3e161a67c6298af31f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdeveloper.mozilla.org%2Fmdn-social-share.d893525a4fb5fb1f67a2.png" alt="ウェブアプリケーションからのファイルの使用 - Web API | MDN" title="ウェブアプリケーションからのファイルの使用 - Web API | MDN" class="entry-image" /></a></p><p>ファイル API を使用すると、ウェブコンテンツがユーザーにローカルファイルを選択するように指示し、それらのファイルを読み取ることができるようになりました。この選択は HTML の &lt;input type=&quot;file&quot;&gt; 要素を使用したり、ドラッグ &amp; ドロップを行ったりすることで行うことができます。</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications" alt="はてなブックマーク - ウェブアプリケーションからのファイルの使用 - Web API | MDN" title="はてなブックマーク - ウェブアプリケーションからのファイルの使用 - Web API | MDN" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 37 http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4 repon 2015-04-29T12:46:48Z html5 dragdrop javascript js fileapi <blockquote cite="http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4" title="HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsoraxism.com%2Fsoraxism%2Fblog%2Fhtml5%25E3%2581%25AEfile-api%25E3%2582%2592%25E4%25BD%25BF%25E7%2594%25A8%25E3%2581%2597%25E3%2581%25A6%25E3%2580%2581%25E3%2583%2589%25E3%2583%25A9%25E3%2583%2583%25E3%2582%25B0%25EF%25BC%2586%25E3%2583%2589%25E3%2583%25AD%25E3%2583%2583%25E3%2583%2597%25E3%2581%25A7%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4" alt="" /> <a href="http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4">HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism</a></cite><p><a href="http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/eecfe7a25a60e96399b745885558a7a85b30c151/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fsoraxism.com%2Fsoraxism%2Fblog%2Fwp-content%2Fuploads%2F2014%2F10%2Fimage.jpg" alt="HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism" title="HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism" class="entry-image" /></a></p><p>社内で使用するファイルアップローダを作ることになりました。 実装段階では従来の「ファイルを選択」ボタンを押して、ダイアログ内でファイルを選択する仕様だったのですが、操作を見ているとかなり深い階層のファイルをアップロードするようなこともあるようで、階層たどっていくのが手間なように感じたため、ドラッグ...</p><p><a href="https://b.hatena.ne.jp/entry/soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4"><img src="https://b.hatena.ne.jp/entry/image/http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4" alt="はてなブックマーク - HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism" title="はてなブックマーク - HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 18 http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/ repon 2015-04-29T12:46:17Z html5 FileApi javascript js <blockquote cite="http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/" title="ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftokidoki-web.com%2F2013%2F08%2Ffile-api%25E3%2581%25A7%25E3%2583%25AD%25E3%2583%25BC%25E3%2582%25AB%25E3%2583%25AB%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB%25E6%2583%2585%25E5%25A0%25B1%25E5%258F%2596%25E5%25BE%2597%25E3%2581%2597%25E3%2581%25A6%25E3%2582%2584%25E3%2582%2593%25E3%2582%2588%2F" alt="" /> <a href="http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/">ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!</a></cite><p><a href="http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ab52d00cef00252f1b69b1ea0359f5d7a582f7eb/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Ftokidoki-web.com%2Fwp-content%2Fthemes%2Fyanyo%2Fimages%2Flogo.png" alt="ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!" title="ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!" class="entry-image" /></a></p><p>そろそろHTML5 APIのひとつでもリファレンスしていこうかな・・・ かといって今さらcanvasとかやってもしょうがないし、MathMLみたいなマニアックなものは覚えても使う機会があるかどうか・・・という事で 『File API』というヤツを手始めに覚えようかと思います。 『File API』について HTML5以前はブラウザ(またはWeb...</p><p><a href="https://b.hatena.ne.jp/entry/tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/"><img src="https://b.hatena.ne.jp/entry/image/http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/" alt="はてなブックマーク - ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!" title="はてなブックマーク - ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 45 https://www.html5rocks.com/ja/tutorials/file/dndfiles/ repon 2015-04-26T10:58:53Z html5 api <blockquote cite="https://www.html5rocks.com/ja/tutorials/file/dndfiles/" title="JavaScript でのローカル ファイルの読み込み - HTML5 Rocks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2Ftutorials%2Ffile%2Fdndfiles%2F" alt="" /> <a href="https://www.html5rocks.com/ja/tutorials/file/dndfiles/">JavaScript でのローカル ファイルの読み込み - HTML5 Rocks</a></cite><p><a href="https://www.html5rocks.com/ja/tutorials/file/dndfiles/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e6d208f8ef5acfce243f4a66ea6a7b7c71c096c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb-dev.imgix.net%2Fimage%2FFNkVSAX8UDTTQWQkKftSgGe9clO2%2FuZ3hQS2EPrA9csOgkoXI.png%3Fauto%3Dformat%26fit%3Dmax%26w%3D1200%26fm%3Dauto" alt="JavaScript でのローカル ファイルの読み込み - HTML5 Rocks" title="JavaScript でのローカル ファイルの読み込み - HTML5 Rocks" class="entry-image" /></a></p><p>Selecting and interacting with files on the user&#39;s local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/file/dndfiles/"><img src="https://b.hatena.ne.jp/entry/image/https://www.html5rocks.com/ja/tutorials/file/dndfiles/" alt="はてなブックマーク - JavaScript でのローカル ファイルの読み込み - HTML5 Rocks" title="はてなブックマーク - JavaScript でのローカル ファイルの読み込み - HTML5 Rocks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/file/dndfiles/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 539 https://qiita.com/stomita/items/0d978be1f3696e9ef7e8 ありがとうございます。 repon 2015-04-19T12:18:19Z javascript js html5 <blockquote cite="https://qiita.com/stomita/items/0d978be1f3696e9ef7e8" title="モダンJavaScriptアプリケーション開発 in Salesforce - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fstomita%2Fitems%2F0d978be1f3696e9ef7e8" alt="" /> <a href="https://qiita.com/stomita/items/0d978be1f3696e9ef7e8">モダンJavaScriptアプリケーション開発 in Salesforce - Qiita</a></cite><p><a href="https://qiita.com/stomita/items/0d978be1f3696e9ef7e8"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dba56a77af243f9328b69a54c08201354b5c6109/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjQ5NSUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MjkyOD9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9MmNiZjJkZDBhNzU0M2FiZmZhNWY4YTY4NmU4ZDZmNzM%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D7d0b59cb6e0b996ef41ced8b0b4e290e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgzJUEyJUUzJTgzJTgwJUUzJTgzJUIzSmF2YVNjcmlwdCVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MiVCMSVFMyU4MyVCQyVFMyU4MiVCNyVFMyU4MyVBNyVFMyU4MyVCMyVFOSU5NiU4QiVFNyU5OSVCQSUyMGluJTIwU2FsZXNmb3JjZSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTlhYWFiODJlNDU4NWE0ZDNlNWUzY2NkNmI0MjgzNjY1%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzdG9taXRhJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NTdmNjQ5ZmZkYjhiZGM0M2FjMjY2N2M4NzQ4ZjhiNWQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db470b11f31ad5617c607f05b2f9ee15e" alt="モダンJavaScriptアプリケーション開発 in Salesforce - Qiita" title="モダンJavaScriptアプリケーション開発 in Salesforce - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに HTML5でのアプリケーション開発は、エンタープライズ向けアプリケーションでも当たり前のようになってきました。これはSalesforceにおけるアプリケーション開発でも同じで...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/stomita/items/0d978be1f3696e9ef7e8"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/stomita/items/0d978be1f3696e9ef7e8" alt="はてなブックマーク - モダンJavaScriptアプリケーション開発 in Salesforce - Qiita" title="はてなブックマーク - モダンJavaScriptアプリケーション開発 in Salesforce - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/stomita/items/0d978be1f3696e9ef7e8"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 181 https://qiita.com/yoichiro@github/items/5d699abd2e261107a7e5 repon 2015-04-17T23:56:29Z HTML5 api <blockquote cite="https://qiita.com/yoichiro@github/items/5d699abd2e261107a7e5" title="Chrome 43から各種Permissionの状態を問い合わせるPermissions APIが提供されます - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fyoichiro%40github%2Fitems%2F5d699abd2e261107a7e5" alt="" /> <a href="https://qiita.com/yoichiro@github/items/5d699abd2e261107a7e5">Chrome 43から各種Permissionの状態を問い合わせるPermissions APIが提供されます - Qiita</a></cite><p><a href="https://qiita.com/yoichiro@github/items/5d699abd2e261107a7e5"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/441a3b87de7f952a117e63408d104b086b225544/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%252520Chrome%25252043%2525E3%252581%25258B%2525E3%252582%252589%2525E5%252590%252584%2525E7%2525A8%2525AEPermission%2525E3%252581%2525AE%2525E7%25258A%2525B6%2525E6%252585%25258B%2525E3%252582%252592%2525E5%252595%25258F%2525E3%252581%252584%2525E5%252590%252588%2525E3%252582%25258F%2525E3%252581%25259B%2525E3%252582%25258BPermissions%252520API%2525E3%252581%25258C%2525E6%25258F%252590%2525E4%2525BE%25259B%2525E3%252581%252595%2525E3%252582%25258C%2525E3%252581%2525BE%2525E3%252581%252599%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253Dc553db6ef92eb483b56e4faa1d4ce522%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540yoichiro6642%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D038cf2956d1ebf9e4e97b2d6c56bcce2%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3D12914fe6ca193ee63c2cb382dbab5216" alt="Chrome 43から各種Permissionの状態を問い合わせるPermissions APIが提供されます - Qiita" title="Chrome 43から各種Permissionの状態を問い合わせるPermissions APIが提供されます - Qiita" class="entry-image" /></a></p><p>Webブラウザが提供するAPIの中には、事前にユーザが許可しなければ結果を得られないAPIがいくつかあります。GeolocationやNotificationなどがそうなのですが、ユーザから権限を取得するための方法や、権限を得たのかどうか問い合わせるための仕組みが、今まではAPIごとに異なるやり方になっていました。これを改善するた...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/yoichiro@github/items/5d699abd2e261107a7e5"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/yoichiro@github/items/5d699abd2e261107a7e5" alt="はてなブックマーク - Chrome 43から各種Permissionの状態を問い合わせるPermissions APIが提供されます - Qiita" title="はてなブックマーク - Chrome 43から各種Permissionの状態を問い合わせるPermissions APIが提供されます - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/yoichiro@github/items/5d699abd2e261107a7e5"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 https://www.htmq.com/tech/webstorage/ repon 2015-04-16T13:16:13Z localStorage WebStorage html5 <blockquote cite="https://www.htmq.com/tech/webstorage/" title="★Web Storage"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.htmq.com%2Ftech%2Fwebstorage%2F" alt="" /> <a href="https://www.htmq.com/tech/webstorage/">★Web Storage</a></cite><p><a href="https://www.htmq.com/tech/webstorage/"><img src="" alt="★Web Storage" title="★Web Storage" class="entry-image" /></a></p><p>■sessionStorageは、一回限りのセッションで有効なストレージ sessionStorageは、ウィンドウやタブ単位での一回限りのセッションで有効なストレージです。 ウィンドウやタブが開いている間のみデータが保存され、閉じるとデータが失われます。 同じドメインのサイトを別々のウィンドウで開いている場合には、それぞれが...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.htmq.com/tech/webstorage/"><img src="https://b.hatena.ne.jp/entry/image/https://www.htmq.com/tech/webstorage/" alt="はてなブックマーク - ★Web Storage" title="はてなブックマーク - ★Web Storage" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.htmq.com/tech/webstorage/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 50 http://www.misclog.com/tech/1021/ repon 2015-04-16T13:15:51Z localStorage JavaScript html5 js webStorage <blockquote cite="http://www.misclog.com/tech/1021/" title="HugeDomains.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.misclog.com%2Ftech%2F1021%2F" alt="" /> <a href="http://www.misclog.com/tech/1021/">HugeDomains.com</a></cite><p><a href="http://www.misclog.com/tech/1021/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8fb682cd99463f101dcf93b04df3bbae1c4a75c0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fstatic.hugedomains.com%2Fimages%2Fhdv3-img%2Fog_hugedomains.png" alt="HugeDomains.com" title="HugeDomains.com" class="entry-image" /></a></p><p>Captcha security check misclog.com is for sale Please prove you&#39;re not a robot View Price Processing</p><p><a href="https://b.hatena.ne.jp/entry/www.misclog.com/tech/1021/"><img src="https://b.hatena.ne.jp/entry/image/http://www.misclog.com/tech/1021/" alt="はてなブックマーク - HugeDomains.com" title="はてなブックマーク - HugeDomains.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.misclog.com/tech/1021/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 70