一から勉強させてください( ̄ω ̄;)

最下級エンジニアが日々の学びをアウトプットしていくだけのブログです。

HTML5

localStorage使ってみた

今回はHTML5のlocalStorageを簡単に触ってみたときのことを書きたいと思います。 今回つくったものを簡単に説明すると、 1、フォームを二つ用意して、localStorageのkey, valueに当たるものをそれぞれ入力する。2、保存ボタンを押すと、1で入力したkey, v…

Web Workerの機能を試してみた

今回はHTML5のWeb Workerを使ってみました。この機能は一言でいうと、「バックグラウンドで処理を実行するための仕組み」のことです。JavaScriptはシングルスレッドで処理が行われるため、同時に複数のスクリプトを実行する事はできません。 でもこのWeb Wor…

Web Messaging機能を試してみた

今回はHTML5で新たに追加された機能「Web Messaging」を試してみました。この機能は簡単にいうと、「ドメインの異なる複数のページ間でメッセージをやり取りできる機能」です。 従来、セキュリティの問題上、実現できなかったやり取りを実現する機能になりま…

canvasで簡単なお絵かきアプリをつくってみた

今回はcanvasで簡単なお絵かきアプリをつくったときのことを書きたいと思います。まず出来上がったサンプルはこちら↓ http://jsfiddle.net/danimal141/y3N8t/1/embedded/result/ 黒画面部分がcanvasでこのエリアでマウスを押した状態で動きまわると線が描か…

要素をドラッグアンドドロップしてみた

今回はHTML5でサポートされたドラッグアンドドロップに挑戦しました。あ、ちなみに以前書いたFile APIを使ったファイル読み込みと同じ本を参考にしてます。。 (今後もお世話になり続けることが予想されるので毎回紹介するといったことはしませんw) では…

File APIを使ってファイル読み込んでみた

今回はHTML5のFile APIを使って、「フォームに指定したファイルを読み込んでブラウザに表示させる」というのをやってみたいと思います。 細かい動きはjQueryでつくってみました。これ↓ http://jsfiddle.net/danimal141/ey6SU/embedded/result/ コードはこち…

HTML5のdatalist要素について

今回はHTML5で新しく追加されたdatalist要素について見て行きたいと思います。 HTML5からsectionやarticle、navなど様々な要素が追加されました。まだ一部ブラウザでサポートしていない等の問題はあると思いますが、これらが完全に使えるようになればより…