HTML5　対応コース

HTML5の時代がやってきます。HTML5とは。

HTML5とは、現在多くのホームページ、Webシステムが作成されているHTMLという規格の新しいバージョンです。
HTML5の規格自体は、古くから企画されていましたが、対応したブラウザがあまり多くなく、普及してきませんでした。
しかし、2010年になり、iPhone、アンドロイド携帯に代表されるスマートフォンの急拡大により、一気にHTML5の普及が加速してきました。
iPhone、アンドロイド携帯のブラウザで、HTML5が閲覧できるからです。
iPhoneではFlashが閲覧できない、という理由もあり、Flashがなくても動画が閲覧できるHTML5のニーズは高まってきました。

もちろん、スマートフォンだけでなく、パソコンでもHTML5のサイトを動作させられます。現在、HTML5が閲覧できるブラウザは以下の通りです。

Firefox　 Chrome Opera Safari

実際、HTML5は何がよいのでしょうか？その豊富な機能の一例です。

HTML4までは、PhotoshopやIllustratorなどのツールを利用して、きれいなグラフをデザイナーが描いていました。
HTML5からは、Canvasという機能を利用し、テキストファイルの修正だけで、美しいグラフを描くことができます。
グラフ以外にも、デザインツールに依存しない、グラデーションや光彩などの美しい見た目を実現することが可能です。

HTML4までは、ビデオのWebサイト内の再生は、Flashを利用していました。Flashの編集のために、Flashオーサリングツールが必要でした。
HTML5からは、HTMLのタグだけで、動画の制御をおこなうことができます。動画の再生が、より手軽になります。

HTML4でも、iPhoneやアンドロイドなどのスマートフォンで表示できますが、HTML5を利用すれば、スマートフォンアプリに近い動きを実現できます。しかも、アップルストアなどの申請は不要です。
アンドロイドとiPhoneで互換性のあるサイトを作成でき、しかもパソコンや携帯でも利用ができるサイトが作成できます。

こんな問題を解決

• iPhoneではFlashが表示されない！ →　HTML5なら、動画の再生・コントロールが可能。
• アップルストアやAndroidマーケットへ登録しなくても、全世界へ公開できる！

HTML4では実現できなかった数々の機能。Webシステム開発と組み合わせれば、今までWebでは不可能だったプランが実現します。

• オフラインで動作…今までWebと言えば、ネットにつながらなくては見れないのが当たり前でした。しかし、HTML5では、ネットにつながらなくてもネットが使えるのです。
• クロスドキュメントメッセージング…今では複数のタブを開いて操作するのが当たり前のネット。複数タブのデータをやり取りします。
• Websocket…サーバーとのコネクションを持続させることができます。リアルタイムにメッセージをやり取りしたり、サーバーからイベントを起こすことができるのです。
• 位置情報を取得…携帯でなくても、パソコンの位置情報が取得できます。（無線ルーターなどの使用時）
• より重い処理をJavascriptで処理…Web Workersというマルチスレッド処理により、より重い処理をブラウザ上でJavascriptで動作させることができます。（スマートフォンは未対応）

実績例

下記の実績の他、公表できませんが、音楽業界大手　Android向けサイト、ゲーム業界大手　Android向けサイトなどの実績があります。

タクシーが呼べる　タクシー検索　たくる

たくるではワンクリックで位置情報サービスを利用して近くのタクシー情報が検索できます。
ほかサービス内容などでタクシー情報が検索できます。 PC、携帯3キャリア、iPhoneへ対応。HTML5対応で、位置情報の取得などを行っています。
http://www.takuru.jp/

GALAXY OF DEATH

HTML5で作成したiPhoneアプリです。

iTunesでこのアプリをダウンロード
http://itunes.apple.com/us/app/galaxy-of-death/id406636008?mt=8

HTML5のデモサイト

シューティングゲーム　銀河の死神

上記iPhoneアプリのブラウザで動作するバージョンです。
Flashを利用しなくても、HTML5のcanvas機能を利用し、アニメーションやゲームが作成できます。 PC,iPhoneへ対応。マウスのクリックで弾を発射します。発射している弾が表示されている間は次の球が発射できません。
リンク先は、HTML5へ対応したブラウザでご覧下さい。バージョンの古いものだと、テキストが表示されない場合があります。（デモのためなので、ゲームとしての完成度は期待しないでください。）
http://onlineconsultant.tv/html5/game1.html

料金

ご依頼の内容によって変動しますので、都度お問い合わせください。