HTML5+JavaScript アイデア&実践サンプル

HTML5+JavaScript アイデア&実践サンプル (WEB PROFESSIONAL)

 プロジェクト演習でHTML5を扱っています。この本はとてもお勧めです。私がこの本を買ったのは,いまはなき神戸のオープンソースカンファレンスのときです。
【ブログ内参照】
OSC神戸で発表します。 | オブジェクト脳@kcg

最新のFireFoxでプラグインなしでSVGができることを知ったので,会場で購入して,すぐにプログラミングしました。すごい!
 さて,この本の内容は実はウェブで確認できます。

【著者のすべての記事(本書に掲載されない記事もあります)】
ASCII.jp:古籏一浩のJavaScriptラボ

【目次と対応記事】
序章 HTML5とは?
第1章 スマートフォンとデバイスAPI
[1-1] iPhoneをGPSナビにする
ASCII.jp:iPhoneのGPSをJavaScriptで操ろう|古籏一浩のJavaScriptラボ
[1-2] iPhoneで動く水準器
ASCII.jp:iOS 4.2の新機能で作るHTML5+JSアプリ|古籏一浩のJavaScriptラボ

第2章 Canvas&SVG – 画像
[2-1] 赤色強調フィルターを作る
ASCII.jp:Photoshopを超えた!?BridgeとJSで作る画像フィルター |古籏一浩のJavaScriptラボ
[2-2] Flash不要のお絵かきツール
ASCII.jp:HTML5のCanvasで作る、Flash不要のお絵かきツール|古籏一浩のJavaScriptラボ
[2-3] SVGで描くミニゲーム
ASCII.jp:HTML5で注目!インラインSVGの使い方|古籏一浩のJavaScriptラボ
ASCII.jp:HTML5のInline SVGをJavaScriptで操作|古籏一浩のJavaScriptラボ
ASCII.jp:HTML5 SVGで作るシューティングゲーム|古籏一浩のJavaScriptラボ
[Column-1] Canvasに関する情報
HTML5 Canvasのブラウザによって異なる微妙な振る舞いについてまとめてみた。 – 風と宇宙とプログラム
Canvas – HTML5.JP
The HTML5 test – How well does your browser support HTML5?

第3章 Video – 動画
[3-1] jQuery UIを使ったパノラマ動画プレーヤー
ASCII.jp:HTML5 videoとjQuery UIでパノラマ動画プレーヤー|古籏一浩のJavaScriptラボ
[3-2] テロップが流れる動画プレーヤー
[3-3] リアルタイムでエフェクトをかけるビデオエフェクター [Column-2] SafariでOgg形式を再生する
Xiph.Org: QuickTime Components
Logo
The WebM Project | Welcome to the WebM Project

第4章 Audio – 音楽
[4-1] iTunes風音楽プレーヤー
ASCII.jp:HTML5 Audioで作るiTunes風音楽プレイヤー|古籏一浩のJavaScriptラボ
[4-2] iPad対応ブラウザーピアノ
ASCII.jp:iPad対応!HTML5 Audioで作るブラウザーピアノ|古籏一浩のJavaScriptラボ
[4-3] Audio Data APIでFirefoxにソフトシンセ
ASCII.jp:Firefoxでソフトシンセも作れるAudio Data APIの使い方|古籏一浩のJavaScriptラボ
[4-4] Audio Data APIでブラウザーにシーケンサー
ASCII.jp:Audio Data APIでブラウザーをシーケンサーに!|古籏一浩のJavaScriptラボ

第5章 関連技術を使う
[5-1] File APIを使ってローカルファイルをブラウザーから操作
ASCII.jp:File APIでブラウザーからローカルファイルを操作 (1/5)|古籏一浩のJavaScriptラボ
[5-2] File APIを使って自作するEPUBビューアー
ASCII.jp:InDesign+JavaScriptで電子書籍制作を自動化|古籏一浩のJavaScriptラボ
[5-3] Web Storageを使ってローカルディスクに保存
ASCII.jp:サーバー不要で保存できる「Web Storage」の使い方|古籏一浩のJavaScriptラボ
[5-4] Web Workersを使った並列処理
ASCII.jp:JavaScriptで並列処理ができる「Web Workers」 (1/5)|古籏一浩のJavaScriptラボ
ASCII.jp:Web WorkersでPhotoshop風ヒストグラムを作ろう|古籏一浩のJavaScriptラボ
[Column-3] iPhone/iPadでは制約の多いHTML5 Video&Audio
Safari HTML5 Audio and Video Guide: Audio and Video HTML

【HTML5に対応のKCGとKCGI】
京都コンピュータ学院 | 日本最初のコンピュータ専門学校
日本最初のIT専門職大学院 | 京都情報大学院大学…つぎの入学説明会は5月19日(日)

comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*