Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
HTML5オールスターズ勉強会 資料まとめ - dackdive's blog
6/13 (土) は htmlday ということで、こちらのイベントに参加してきました。 HTML5オールスターズ勉強会｜IT勉強会ならTECH PLAY［テックプレイ］ 第58回 HTML5とか勉強会 - HTML5最新情報@Google I/O, de:code 2015｜IT勉強会ならTECH PLAY［テックプレイ］ とりあえず今の時点で公開されてるスライド資料やらキーワードやらをまとめ。 （随時更新します） Twitter でのハッシュタグは #dotshtml5 , #htmlday , #html5j などなど。 （2015/06/15追記） 若狭さんの『ハードウェアこわい』、川田さんの『The next generation mobile web!』 のスライドを追加しました。 （2015/06/19追記） 『Edge だけじゃない! Build 2015 で発表されたそれ
ネイティブよりも速いと評判のfastbookの裏側を調べてみる - webとかmacとかやってみようか R
本記事は、Sencha Advent Calendar 2012 の23日目の記事です。1日遅れでごめんなさい！あ、今日であってた(;´▽｀A 当初完走は無理なんじゃないかと思ってたけど、みんなのがんばりで完走目前！おめでとうございます！ Sencha Touchで作ったネイティブよりも速いfacebookアプリ「fastbook」が話題になっていますね。 原文: The Making of Fastbook: An HTML5 Love Story 和訳: HTML5へのラブストーリー: メイキングオブFastbook ネイティブを凌ぐすごいパフォーマンスに驚きますよね！これらは実際にはどんなコンポーネントを使って作られているのかすごく気になります。そこで、ちょっと調べてみたいと思いました。 ネイティブアプリ向けパッケージが、https://github.com/extjs/fastbo
【第23回 HTML5とか勉強会レポート】 HTML5のデバイス＆位置情報系APIを使いこなせ！
GEOHEX & Geolocation API 最後は、笹田氏（@sa2da）によるプレゼンだ。 笹田氏は、シリコンバレーで開催された位置情報サービス関連カンファレンス「Where2.0」のショートプレゼン大会において、唯一の日本人として登壇している。 また、第5回おばかアプリ選手権で優勝したそうだ。その時の作品については後述する。今回のプレゼンのスライドは以下のslideshareにて共有されている。 Geolocation APIの基礎 まずはGeolocationAPIの基礎から説明された。getCurrentPositionで現在地を取得したり、watchPositionを使うと現在地を取得し続けたりできる。 測位手段の選択は不可 Geolocation APIでは、測位手段を選択することができないそうだ。 下記に、スマートフォンなどで使用される主な測位手段を挙げる。 GPS：測
HTML5 で作る iPhone ローカル Web アプリ入門
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
JS Adventure 2.0 アドベンチャーゲーム用ライブラリで簡単なデモを作成 - ウィザード・コード | WIZARD-CODE
JS Adventure 2.0 アドベンチャーゲーム用ライブラリで簡単なデモを作成 JavaScriptのゲーム用ライブラリJS Adventureでデモ風のオープニングを作ってみました。バージョン2.0を使用しています。 セットで使用しているCSSファイルはjs_adv.v1.0.cssです。 しかしFlashのようにはいかずブラウザ依存なのでInternet Explorerなどでは文字が見にくくなるかもしれません。Chromeなどの高速ブラウザがオススメです。 もっとも簡単な設置方法 このサンプルを動かすのに、Prototype.jsとscriptaculous、JS AdventureのJSファイルとCSSファイルを使用しています。 なお、Prototype.jsといった有名ライブラリはいまやGoogle AJAX APIからダウンロードできるので、次のようにグーグルホストからダ
HTML5のrel=”author”で著作者とコンテンツを関連づける方法
6月7日（火）に米Googleが検索エンジンGoogleにおいてウェブコンテンツとその著作者を関連づけるマークアップのサポートを開始しました。 まだ実験段階のようですが、Googleの検索結果から著名なブロガーや記者などの記事コンテンツを見つけやすくするのが目的のようです。さまざまな情報で溢れかえったウェブの世界において、利用する我々にとってもそうですが、情報を整理するGoogleにとっても、有用な情報とそうでもない情報を区別できるようになるという点で一役買ってくれる機能となりそうです。 詳細はGoogleのWebmaster Central Blogで確認できます。 Authorship markup and web search (Webmaster Central Blog) rel=”author”の設定方法どのような方法でコンテンツとその著作者を結びつけるかについては、ウェブマス
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
HTML5 videoでニコニコ動画風プレーヤーを作ろう (1/7)
HTML5テロッパーのサンプル。テキストエリアの文字がテロップとして動画の上に表示される画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 動画投稿サイト「ニコニコ動画」が人気です。ニコニコ動画はユーザーのコメントを再生中の動画にテロップのように表示する機能が特徴で、多くのユーザーがコメントを書き込んで楽しんでいます。 ニコニコ動画のようにブラウザー上で動画を再生しながらテロップを表示するには、従来、Flashが必要でした。Flash（Action Script）に習熟している開発者でなければ、ニコニコ動画のようなWebサービスは作れなかったのです。ところが現在、モダンブラウザーへの実装が進んでいるHTML5 videoなら、JavaScriptを使って簡単に文字や画像を動画に重ねられます。 今回はHTML5 videoとJavaS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5でギャルゲーを作れるか？
HTML5なるものを学んでみる | なんかおもしろいことやりたいひとのぶろぐ