第6回 HTML5で何が変わる? InfoTalk#17 フォトレポート 岑康貴(@IT自分戦略研究所) 2010/4/19 第17回 InfoTalk 2010年4月16日(金) 産業技術大学院大学主催によるICT関連の勉強会。同大学 教授の小山裕司氏が中心となって運営している。今回のテーマは「HTML5」。
We’re getting things ready Loading your experience… This won’t take long.
8月17日、HTML5開発者コミュニティhtml5-developers-jp主催の「第9回 HTML5とか勉強会」が開催されました。本稿では、本勉強会の録画とともにレポートします。 今回は普段とは趣向を変え、前半には本勉強会スタッフが開発したHTML5によるデモアプリの紹介を、後半はLT大会ということで5名のスピーカーの方々にお話いただきました。 なお、本勉強会では初の、8月初旬に移転したばかりのGoogleの東京オフィス(六本木ヒルズ)をお借りさせていただきました[1]。 1週間日めくりお絵かき日記 最初に、スタッフの一條さんより、canvas API, localStorage, CSS3を活用した絵日記デモが紹介されました。 デモでは、canvasを用いフリーハンドで描いた絵日記をlocalStorageに保存し、日めくりで確認できることが示されました。canvasの装飾をCSS
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
WebSocketを体験してみたいのと、サーバサイドJSを試したいのと、さらにはmac版のChromeをインストールしてみたという条件が重なり、これはもう深夜だけどnode.websocket.jsを試してみるしかないな、という状況に追い込まれました。 構成 最近あたらしく調達したばかりのmacbook air にvirtualboxを入れています。その上でCentOSが動いています。 macbookをクライアントに、CentOS側をサーバとみたてて話を進めていきます。 ちなみに、virtualboxではアダプタ1をNATに、アダプタ2をホストオンリーアダプタ(IPはstaticに設定)としているので、CentOSからは外にも抜けられるしmacbook側からも自由にアクセスできます。ごきげんな環境です。 Node.JSのインストール まずは土台となるnode.jsが必要。ソースをダウンロー
HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」、iPhone/Androidにも対応 「Akihabara」と名付けられたWebサイトで、HTML5のCanvasタグとJavaScriptを用いて開発されたゲーム用ライブラリと、それによって開発されたゲームが公開されています。特にゲームは昔のアーケードゲームを再現したようなものばかりで楽しめます。 開発したのはKesieVと名乗る人物。主に以下のようなライブラリから構成されています。 Gamebox 同時に動く複数のオブジェクトグループを扱うライブライリ。キーボード、ダブルバッファリングなども扱う。現時点で音声には未対応。 Gamecycle オープニング、メニュー、ステージ間のクロスフェードなどのサイクル機能を提供。 Toys シューティングゲームやロールプレイングゲームでよく使う、画面のエフェクトやヘッド
HTML5の目玉機能の1つにCanvasタグがあります。このCanvasタグとJavaScriptを使ってWebブラウザで遊べるゲームが少しずつ登場してきたので、いくつか紹介しましょう。HTML5がどんなポテンシャルを持っているのか、その一部が楽しく分かると思います。 1つめはスーパーマリオみたいなゲーム。ブログ「PurpleFloyd's Blog 」のエントリ「 A Platform Game Using HTML5 Canvas 」で紹介されていました。 遊び方は、カーソルキーで主人公を左右に移動、スペースキーでジャンプです。音は出ませんしスコアも計算しません。Internet Explorer 7/8では「耐え難いほど遅い」そうですので、プレイはFirefoxなどでどうぞ。 もう1つのゲームは、Google Chromeの高速性やとHTML5のデモンストレーションのためにグーグルが
HTML5にはCanvasタグやVideo/Audioタグ、ドラッグ&ドロップ、Microdata、Web Workersなどさまざまな機能があると説明されますが、実際にはこれらは「HTML5とその関連仕様」を含んでいます。 仕様書に従った厳密な「HTML5」とは、どこまでの範囲を指すのでしょうか? モジラジャパンの浅井智也氏が「Keypoints HTML5」という資料を公開して分かりやすく紹介してくれています。 仕様書に沿った「HTML5」の範囲とは HTML5は、W3CとWHATWGが共同で仕様策定をしていますが、両者の仕様書に書かれている範囲は異なっています(非常に細かい部分では一部の仕様に違いもあります)。Keyoints HTML5から、その両方の仕様でHTML5の範囲を示した図を紹介します。 図の右側のW3C仕様ではCanvas、Microdata、Web Messaging
HTML5開発者コミュニティhtml5-developers-jpが主催し、毎月第3水曜日に開催させて頂いている「html5とか勉強会」。第8回となる今回は、人形町にオフィスをかまえる株式会社情報通信総合研究所のプレゼンテーションルームを提供いただき、7月14日に開催しました。 今回は先日リリースされたIE9 Platform preview3のUpdateや、iPadの登場で日本でも話題となっている電子書籍(EPUB)に関するHTML5/CSS3の標準化動向など大変興味深い内容について講演していただきました。 「Internet Explorer 9 Platform Preview3」 Internet Explorerの次期バージョン IE9のPlatform preview3が先日(6月23日)にリリースされました。こちらについてマイクロソフトの五寳(ごほう)さんに講演していた
∧_∧ _( ´・ω・)_ /\`'⊃(;;゚;;) \ ___ / ※ \_____|\__ヽ \※ ※ | |_三三|_< はじまるよ! \ / ※ ※ ※!、_ |||__|、 `─────||ヽ───i§ ヽi |`〜〜 JavaScript でも 3D くらい できるさ! amachang 先生の 次回作にご期待ください ∧∧ ( ・ω・) _| ⊃/(___ / └-(____/  ̄ ̄ ̄ ̄ ̄ ̄ ̄ - 完 - ごめんなさい ごめんなさい>< DOM パフォーマンス チューニング JavaScript の 誤解 JavaScript は 遅い JavaScript は そこそこ速い 論より証拠。 ベンチマーク マージソート 100 numbers × 3000 times JavaScript ActionScript code: http://s
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
Not your computer? Use a private browsing window to sign in. Learn more
FileAPIとは? HTML5関連のAPIです。これ。 http://www.w3.org/TR/FileAPI/ こんなことが出来る バイナリーで読み込める 文字列としても読み込める ただしローカルのファイルには保存が出来ない フローの変化 1)今まで ファイルをサーバに上げる サーバで処理する クライアントに表示 サーバを更新 2)FileAPIを使うと? クライアントでファイルを処理 サーバを更新 シンプルなフローを実現することが可能になりますね。 サンプル サンプルは、ソースファイルをただ表示するだけというシンプルなものです。 File APIでソースコードを表示するサンプル ※文字コードはUTF-8限定。 実はこのスクリプト、1秒おきに表示を更新しています。 書いている人が保存をするたびに表示が更新されるので、同じファイルを読み込める環境であればチームメンバーのコードの進捗
English (US) Dansk Deutsch English (Australia) English (Canada) English (UK) English (US) Español Español (Latinoamérica) Français Français (Canada) Italiano Nederlands Norsk (Bokmål) Polski Português Suomi Svenska Türkçe Русский हिन्दी বাংলা 日本語 简体中文 繁體中文 한국어 Sign Up Sign In to Your Account Email Address Next Reset Password or Sign in with Google Don't have an account? Sign Up ©2026 Box Privacy P
Google Chrome 5のリリースが刻一刻と迫ってきました。その注目の新機能と開発者向けの変更点に加え、Chrome 6を見据えた今後のスケジュールなどを詳細にお届けしたいと思います。 まず、Chrome 5の最大ニュースはなんといってもMac版、Linux版がそれぞれ正式にリリースされる予定という点です。これまで、Mac版とLinux版はベータ版と開発版が提供されていましたが、ついに安定版がリリースされる予定です。特にMac版はMac OS Xに馴染むようにかなりの改良が加えられているので、注目のリリースとなりそうです。 さて、これまでのリリースを簡単に振り返ってみます。シンプルで高速なブラウザとしてChromeがリリースされてから、Chrome 2では基本機能の充実と高速化、Chrome 3ではテーマのサポート、Chrome 4では拡張機能のサポートとブックマーク同期、Chrom
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く