【HTML5】WebStorageを使ってみよう! HTML5で実装されたWebStorageを使って、データの保存をやってみます。 ブラウザ上でのデータ保存に関しては既存の技術ですとCookieがありますが、WebStorageは更に扱いやすく保存容量も多いのです。


2016/10/02

HTML5、CSS3のブラウザ毎の対応状況が確認できる「Can I use…」 HTML5、CSS3の技術って結構ブラウザ毎に対応状況が違うので困ることがあります。 一々ブラウザ毎にテストして確認やサイトで調べたりするのもとても手間です。 ですが、「Can I use…」を使えば指定のタグ等の対応状況をブラウザ毎に確認することが可能です。


【HTML5】Geolocation APIを使用して位置情報を受け取る方法 HTML5を利用して緯度・経度等の位置情報を受け取ることが出来るようになりました。 これによってWebページで位置情報を取得して様々なことに使えます。


2015/06/08

【HTML5】デスクトップ通知が出来る「Notification」 HTML5を使用して簡単にデスクトップ通知が実現出来る「Notification」の使用方法をご紹介。 今までアラート等で通知するしかなかった通知情報がデスクトップに出せるようになるので、色々なことが出来そうです。


Web上でハイブリッドアプリが作成出来る統合開発環境「Monaca」を使ってみる Web上でハイブリッドアプリが作成出来る統合開発環境「Monaca」を使ってみました。 使用感などのご紹介。


Web系プログラマがスマートフォンアプリの作成に挑戦する方法 スマートフォンアプリを作成するには対応OS毎に開発言語の習得が必要となりますが、こちらを使用すればWeb系プログラマでもスマートフォンアプリの作成が可能になります。


Javascriptで読み込んだ画像をモザイク化してみる。 HTML5を使用して画像を読み込んだ画像をリアルタイムにモザイク化する処理を行う方法。


2014/12/30

HTML5 FileAPIでイメージの読み込み 投稿サイト等で選択された画像を確認のためにすぐに表示したいってことがあります。 なので今回はHTML5を使用して画像の即時読み込みを行います。


2014/12/27

HTML5を使用して自動的に送信ボタンの状態を変更する方法 HTML5ではrequiredなどのvalidationが定義できるようになりました。 それを活用してJavascriptを使用して各項目をチェックする必要なくfromの状態を見て送信ボタンを自動的に有効化する方法をご紹介。


HTML5で簡単に入力チェックを行う方法 HTML5からinputタグに幾つもの属性が追加されています。 その属性を使用して簡単に入力チェックが行えます。 これら使用すれば簡単な入力チェックもJavascriptを書く必要がなくなります。


2014/12/03

HTML5で3D表現を行うために「three.js」を使ってみる HTML5で3D表現をしたい!でもcanvasで実現させるのは困難って時に「three.js」を使用してみましょう。


2014/11/15

HTML5 Canvasを使ってカメラのモーションセンサーを作成 Canvasを使ってカメラのモーションセンサーを作成する方法。 モーションセンサーをHTML5で簡単に実現することが出来ます。


2014/10/23