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.
Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック
Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事 「Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム」は、非常に多くの読者に注目されました。 この記事で紹介したSencha Touch開発チームのブログ「The Making of Fastbook: An HTML5 Love Story」の後半では、どのようなテクニックを用いて高速なHTML5アプリケーションを実現したのかも紹介されています。 この記事では、その3つのテクニックについてポイントを紹介したいと思います。タイムラインやニュースフィードのようなユーザーインターフェイスを備えたモバイルアプリケーションは、これから広く開発されていくことにな
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って「HTML5に賭けたのは失敗」と発言しました。 しかし「Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている」（We had our suspicions about why Facebook's mobile application team had problems）とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク「Sencha Touch」の開発チーム。
謎のゲーム「HTML5杯」にかける開発者の想いが熱すぎる | ライフハッカー・ジャパン
先日リリースされた「HTML5杯」は、なんとも不思議なウェブコンテンツです。「100m連打」と銘打たれたゲームをはじめ9つのミニゲームを楽しめます。 タイトルを見ればHTML5を活用していることが分かります。ドット絵が動き回るのも、見ていて郷愁を誘います。ただ、ひとつの想いがふつふつと胸に湧き上がります。 なんなんだ、これは。 分からないことは抱え込まずに人に聞きなさいという言葉もあります。そこで、先人の教えを守り、直接聞いてみることにしました。問い合わせたのは、開発を手掛けたカヤック。質問に対しすぐさま返ってきた答えは熱く、熱く、熱い開発者の想いでした。 以下、それぞれのゲームに対するコメントです。 ■キーボードを連打してライバルと競う「100m連打」には、漢（おとこ）のロマンがあるらしい 終わった後に息切れしてしまう。そんな競技となることを目指して、ライバル走者のレベル調整を何度も繰り
Google がまだ Flash を使っているサービスでみる脱 Flash の難しさ - てっく煮ブログ
Flash, HTML5スマートフォンの普及が進む中、iPhone には Flash が搭載されず、Android 版 Flash は開発停止になるなど、遅かれ早かれ Web 上から Flash が消えていき、リッチな表現は HTML5 に置き換わっていくことは確実となりました。「これからは HTML5 だ」という印象を世間に強く与えたのが、2009 年の Google I/O でした。Google I/O 2009 レポート グーグルが賭けるHTML 5の未来 − ＠ITGoogle はそれ以降、多くのサービスに HTML5 を取り入れてきました。しかし、いまだに Flash を利用しているサービスがいくつかあります。この記事では HTML5 化していない、または、できていない 5 つの Google のサービスを通してどのこで Flash が使われているのかなぜ Flash が使われて
Android Eclair(2.0/2.1)ブラウザでCanvasを使うときの注意点。 - 車輪を再発明 / koba04の日記
スマートフォンだとHTML5が使えるということで、意気揚々とCanvasとかバリバリ使いたくなるのですが、罠も色々あったりするのでそんなおはなしです。 スマートフォンでウェブアプリを作る時、どのOSのどのバージョンをサポートするかは悩ましい問題ですが、iOSは4.0以上でAndroidは2.0(2.1)以上辺りが落とし所でしょうか。 今でも2.1の端末としては、初代XperiaとIS04(REGZA Phone)などがあります。 iOS3はどうするかは悩みどころですが、canvasのfillText辺りにバグがあったりで今回は考慮していません。。。 詳細は@yukobaさんのブログにとても分かりやすく説明されていますので、自分が試した回避法について書きたいと思います。 http://d.hatena.ne.jp/yukoba/20100322/p1 Android Eclair(2.0/2
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
iPad対応！HTML5 Audioで作るブラウザーピアノ (1/6)
HTML5で作ったピアノ演奏ページ。iPadでも制限付きで動作する。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 前回の記事ではHTML5 Audioを使ってサウンドプレイヤーを作りましたが、HTML5 Audioで再生できるのは音楽だけではありません。ブラウザーだけで音声ファイルを再生できるということは、発想を変えるとおもしろい使い方ができます。 今回は、HTML5 Audioを使ってブラウザー上で演奏できる鍵盤楽器を作ります。画面上に表示した鍵盤がクリックされたらあらかじめ用意しておいたピアノの音声ファイルを再生し、あたかもピアノ演奏の気分を味わえるようにします。ピアノだけでは少々物足りないので、おまけとしてオルガン、木琴、PSG音源の音色も用意しました。 また、今回のサンプルはアップルのiPad/iPhone（iOS4以
Freight Forwarders - Smokescreen.us
Navigating the World of Freight Forwarders: Expertise, Evolution, and Efficiency Freight forwarders are the unseen architects of global trade, ensuring that the gears of commerce keep turning smoothly. Their ability to adapt and innovate in the face of changing trade dynamics, regulatory environments, and technological advancements will be crucial in shaping the future of global trade. In a world
HTML5で作られた画像加工サイト「Mugtug Darkroom」がすごすぎる*二十歳街道まっしぐら（FC2ブログ時代）
「Darkroom」はHTML5で作られたオンライン画像加工サイトです。 ちょこっと加工するくらいなら十分なくらいの機能をもっています。 HTML5で作られたってとこがすごいですねー。 IE8では動きませんでした。 以下に使ってみた様子を載せておきます。（※Chrome dev 6使用） まず「Darkroom」にアクセスします。 うお、めちゃくちゃ高機能っぽそう！これがHTML5！？ 以下に各機能をざっと紹介します。 トリミングや反転、赤目補正などがあります。 カラーバランスや露出の調整。 こちらはエフェクト。用意されている10ほどのエフェクトから選びます。 IE8ではご覧の通り、エラーで動いてくれません。 一見Flashでも使ってるのかなと思っちゃうくらいリッチですね。 動作もサクサクしていて実用的！ （本記事で紹介したサイト：Darkroom）
文書共有サイト運営の Scribd、『Flash』を捨て『HTML5』へ（japan.internet.com） - Yahoo!ニュース
Apple の CEO (最高経営責任者) Steve Jobs 氏は、Adobe Systems の『Flash』が時代に合わないと強く主張しているが、ほかにもこれに呼応する動きがある。今後も『iPhone』と『iPad』から Flash を排除するという Jobs 氏の判断は議論を呼んだ。同氏の見解に対し、Apple が iPhone や iPad 用のプログラム開発を不公正に制限しているという批判の声が上がったが、Adobe が示した批判に対し、Jobs 氏は理由のある行動だとして反論した。 そして今度は、有名なソーシャル パブリッシング サイト運営会社 Scribd が、Flash をやめて『HTML5』を採用すると発表した。同社はこれまで3年にわたり、Flash を使ってサイト開発を行なっていた。Jobs 氏はこれに先立ち、Google などと同様に Apple も Web コ
グーグルがO3Dの方針変換。WebGLに標準を統一し、O3DはJavaScriptライブラリへ
Webブラウザ上で3D表示（立体表示ではなく、遠近法などを用いた表示）を行うための仕様として、グーグルは昨年の4月にO3Dの開発を発表し、一方でモジラを中心にしたWebGLもそれ以前から標準仕様として開発が進められていました。 先週5月7日付けのグーグルの「The Chromium Blog」にポストされたエントリ「The future of O3D」で、グーグルはO3Dはこれまでの方針を変更し、WebGLをベースとしたJavaScriptライブラリとすることを明らかにしました。これにより、Webブラウザでの3D表示の標準APIはWebGLに一本化されます。 性能と環境に対するWebGLの懸念が払拭された グーグルがWebGLではなくO3Dを開発していた理由として、WebGLに関する2つの懸念があったことを明らかにしています。 1つはWebGLの性能です。WebGLはHTML5のCanva
HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」、iPhone/Androidにも対応
HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」、iPhone/Androidにも対応 「Akihabara」と名付けられたWebサイトで、HTML5のCanvasタグとJavaScriptを用いて開発されたゲーム用ライブラリと、それによって開発されたゲームが公開されています。特にゲームは昔のアーケードゲームを再現したようなものばかりで楽しめます。 開発したのはKesieVと名乗る人物。主に以下のようなライブラリから構成されています。 Gamebox 同時に動く複数のオブジェクトグループを扱うライブライリ。キーボード、ダブルバッファリングなども扱う。現時点で音声には未対応。 Gamecycle オープニング、メニュー、ステージ間のクロスフェードなどのサイクル機能を提供。 Toys シューティングゲームやロールプレイングゲームでよく使う、画面のエフェクトやヘッド
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webの開発側にいる人間でFlash死ね！HTML5最高!と言っている人は正直どうかと思う。
TechCrunch | Startup and Technology News
GitHub - dmcinnes/HTML5-Asteroids: Pure Javascript Asteroids
狐に背中を飛び越されまして
Sketchpad