HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成
安定した基盤上で、次世代のウェブテクノロジーを構築 Read below what W3C Members have to say about HTML5 2014年10月28日(アメリカ)： ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きました。HTML5は、アプリケーション開発者やアプリケーション産業がこの先何年に渡って信頼するに足る、アプリケーション開発のための機能を提供します。HTML5は今や幅広いデバイスで、そして世界中のユーザが利用可能であり、かつ豊富な機能を持つアプリケーションの開発コストを削減します。 W3Cディレクターを務めるティム・バーナーズ＝リーは、「ビデオやオーディオをブラウザ上で見たり、ブラ
Easy HTML5 Template
I’ll be the first to admit that when I see a default template like HTML5 Boilerplate, it brings about a swirl of emotions. On the one hand, I’m ridiculously intimidated by the incredible amount of knowledge and experience that’s been collected into one place for the benefit of front-end developers. So much so, that I wonder what I’m even doing in this industry, because it reminds me of how far beh
ブラウザベンダーが勢ぞろいでHTML5について本音をぶつけ合った日
ウェブ標準化という大きな流れの中で、「HTML5」というキーワードはバズワード化するほどに浸透してきた。しかし、その仕様自体はまだ策定中であるため、ブラウザベンダーの思惑でHTML5の実装が進んでいるのが現状だ。各ブラウザベンダーが今後どう足並みをそろえていくつもりなのかが気になるところだ。 11月2日にヤフーと技術評論社が開催した「ブラウザカンファレンス2010」では、Mozilla Japan、Opera Software、マイクロソフト、グーグルの各担当者たちが語る「ブラウザベンダーーに聞くHTML5対応の本音と未来」と題したパネルディスカッションが開かれた。参加者はピクセルグリッドの外村和仁氏、Mozilla Japanの加藤誠氏、Opera SoftwareのDaniel Davis氏、マイクロソフトの春日井良隆氏、グーグルの北村英志氏、ヤフーの継岩直充氏。モデレーターは「WEB
HTML5でマインドマッピング·Mind Notes MOONGIFT
Mind NotesはGoogle App Engine/Java上で動作するマインドマッピングシステム。 MOONGIFTはこう見る マインドマッピングをオンラインサービス化しているサービスは幾つか存在する。Mind Notesの利点はオープンソース・ソフトウェアである点になるだろう。またHTML5で実装されているので、iPadのようなスマートフォンからでも操作できるのが利点だ。恐らくそのこともあってキーボード主体ではなくマウス主体になっているのだろう。 現状では他のサービスに比べると機能的に見劣りするが、今後に期待したいところだ。ノードへのデータ追加がうまくモジュール化されれば、他のサービス（WikipediaやFlickrなど）とも連携しやすくなるはずだ。 Mind NotesはGoogle App Engine/Java用のオープンソース・ソフトウェア。日々多数のアプリケーションが
HTML5への傾倒が進むアドビ
アドビシステムズのイベント「Adobe MAX 2010」がロサンゼルスで行われたのは、先週10月25日（日本時間25日深夜）。同社CTOのケビン・リンチ氏の基調講演では、モバイルデバイスの盛り上がりというIT業界全体のトレンドに触れた後、アドビ製品の最初の話題として登場したのがHTML5/CSS3によるマルチスクリーン対応でした。 一方でFlashとAIRが主役として登場したのは後半。セットトップボックスで動作する「AIR FOR TV」の発表と、ゲームプラットフォームなどに使えるGPU対応のFlashの発表などにおいてです。 ［速報］Adobe MAX 2010。HTML5とjQueryに対応したWebアニメーションツール「EDGE」などを発表 － Publickey アドビのイベントで、HTML5/CSS3/JavaScriptがFlashよりも先に紹介される。これはアドビがHTML
JavaScript+HTML5で作られたゲーム「Canvas Rider」が面白い - 強火で進め
Canvas Rider http://canvasrider.com/ 「Canvas Rider」は手描きの絵をMTBのコースしたゲームです。 こちらのベットルームをコースに見立てたものは難易度が高めでお勧めです。 Canvas Rider - 3D Bedroom by moose_man http://canvasrider.com/tracks/29472 操作方法はこちら。一度、ゲーム画面をクリックしてフォーカスを当ててからキー入力をして下さい。 enterキー : リトライ カーソルキー : アクセル/ブレーキと体重移動 Bキー : バイクの種類を変更 Fキー : フルスクリーン Zキー : 進行方向の変更ｚ スクロール : 画面の拡大・縮小サイトの上部に有るタブで全てのコースの中からやランダムにコースを選択する事が出来ます。
W3C - 『HTML 5 differences from HTML 4』日本語訳 - HTML5.JP
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL：http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル：HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日：2011/05/26 最終更新日：2011/05/26
HTML5で、6502MPUが動いている様子をビジュアルにエミュレートする「The Visual 6502」
HTML5で、6502MPUが動いている様子をビジュアルにエミュレートする「The Visual 6502」 6502といえば、Apple IIやPET 2001など、パソコン黎明期のマシンに搭載されていたCPU。当時はMPU（Micro Processing Unit）とも呼ばれていました。1975年に発表され、今年で35周年を迎えるそうです。 6502の内部回路をHTML5とJavaScriptで再現 下記は、その6502MPU内部のチップ写真ではなく、トランジスタのレベルでCPUの内部回路をHTML5とJavaScriptによりビジュアルに再現した「The Visual 6502」（の縮小画面キャプチャです）。 右側のプレイボタンを押すと実行が始まり、回路内に電気が流れる様子までビジュアルに再現されます。動作中でも回路の拡大、縮小などが可能。ステップ実行もできます。 まるで動作中のC
@rem @ > 140 characters - Hold off on deploying HTML5 in websites?
This is my place that doesn't fit in 140 characters, but doesn't fit in to a blog post, so I'm dropping it here. [Please note that this post is intentionally unedited. It’s a raw rant that would probably go down better in a pub. Since we’re not in a pub, this medium will have to do.] So, go read this equally link baiting article on why you should hold off HTML5. Then come back and let’s talk. I’ll
HTML5でWebページをマークアップするための基礎知識
最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
HTML5活用の現時点での落としどころ
HTML5完全準拠をうたったIE（Internet Explorer）の新バージョン「IE9」ベータ版が2010年9月15日に一般公開になった。Webブラウザーシェアの約6割を占めるIEであるが、現バージョンであるIE8は、HTML5対応の点でFirefoxやGoogle Chromeなど主要なライバルWebブラウザーに大きな遅れをとっている。ベータ版とはいえ、HTML5に対応したバージョンがリリースされたことで、HTML5に対する注目度は一気に高まっている（関連記事1）。 HTML5の大きな特徴の一つは、Webアプリケーションのプラットフォームとしての機能強化である。現在のHTML4はHTMLのタグの仕様を規定するものだ。そのためHTML4をベースとしたWebブラウザーでは製品ごとにJavaScriptプログラムの挙動が異なることがあり、それがWebアプリケーション開発者にとって悩みの種
Google、Web開発者向けサイト「HTML5 Rocks」公開 HTML5関連のリソースを紹介
米Googleは、Web開発者向けにHTML5に関するリソースを公開するサイト「HTML5 Rocks」を発表した。 HTML5 Rocksは［Presentation］［Tutorials］［Playground］［Resources］の4つのセクションで構成されており、HTML5の特徴や、アプリケーション開発の際の使用方法などの情報が盛り込まれている。 ［Presentation］では、実際にHTML5で書かれたスライドで、HTML5の特徴を詳細に説明している。スライド上ではHTML5で実装された多くのサンプルが紹介されており、実際に使ってみることもできる。 ［Tutorials］には、Geolocation APIを使用したユーザーの所在地へのアクセス方法や、オフライン時でのアプリケーションの表示方法、Javascript無しでローカルのファイルを読み込む方法などを含む、9つのチュー
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Nerine - Simple HTML5 Presentation Tool
Simple HTML5 Presentation Tool About Download Usage Petal About HTMLで手軽にスライドが作れたら楽なのにというものぐさな気分から生まれた、出来る限り綺麗なHTMLの書けるHTMLプレゼンテーションツールです。 デモ / ちょっとカッコつけたデモ How to use Downloadから、ファイルセットをダウンロード アーカイブを展開 example.htmlを参考にしながら、ぽちぽち書く CSSでお好きな見た目をつける(Effect PetalはPetalから) 推敲する 3に戻る Requirement jQuery Safari / Google Chrome / Firefox License どれならいいのかわかりませんが、GPLだと思います！ Download stable: Zip Archive develo
ブラウザにローカルファイルを Drag & Drop でフォトライフにアップロードする Greasemonkey Script - 2nd life (移転しました)
HTML5 File API つかうとローカルファイルをブラウザに Drag したファイルをハンドリングして binary やら data スキームとして扱うことができ、Firefox 3.6 や Chrome 5 ですでに使えるというのを今さらながら知った*1ので、はてなフォトライフにローカルファイルをブラウザにドラッグするだけでアップロードできる UserScript を作ってみまんた。 http://gist.github.com/raw/406281/drag_drop_fotouploader.user.js WinXP + Firefox 3.6.3 で確認してますが OSX や Chrome5 などの環境で動くかは試してないので解りません。動作デモは以下の swf 動画を見てください。 http://rails2u.com/misc/fotolife_drag/ なんかすごい
canvasをバイト単位で修正する方法（ImageDataの使い方） - KAYAC engineers' blog
引っ越ししました。agoです。 思いっきりネタがかぶってますが、あまり気にせずcanvasネタを書いてみたいと思います。 今回はcanvasの中でもImageData関係をまとめて見ました。 ImageDataってなに？ canvas内のバイト列を扱うためのObjectです。 canvas内の各バイト毎に赤、緑、青、透明度の情報を配列として保持しています。 何に使うの？ canvas内をバイト単位で修正したい場合に使います。 canvas内に図形等を書く場合、通常提供されているlineTo等を使用することも出来ますが、こういった抽象メソッドは一回ごとの呼び出しコストが大きいため、細かい単位の操作には向きません。 その点、ImageDataであればバイト単位での操作しかできない代わりに呼び出し毎のコストが小さいため、細かい単位の操作も高速に行うことができます。 ただ、もちろん線を引く、丸を書
canvasでキラキラした背景を作る方法 - KAYAC Engineers' Blog
tech.kayac.com、ささやかにリニューアルしました！ tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が？って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvasについて記事を書こうと思います。 最初なので、、、 簡単にぼくの属性を説明すると、html5とか好き、CSS3とか好き、canvasとか興味ある、非モテ、javascriptはjQueryがなんとなくわかる程度、非リア充。こんな感じです。 今回のリニューアルではコーディング全般を担当しました。 特に、プログラミングに関してはド素人だ！ということを強調しておきます。 そんなぼくが、canvasを使ってキラキラした背景を作ってみました 「リニューアルするからには新しいことがやりたいよね。だったらhtml5とc
「第6回 HTML5とか勉強会」活動報告 | gihyo.jp
2010年5月12日（水）にHTML5開発コミュニティ html5-developers-jpが主催する勉強会「第6回 HTML5とか勉強会」が開催されました。 今回は、ロリポップなどを提供しているpaperboy&co.様のご支援のもと、T's 渋谷フラッグにて行われました。 「動画配信サイトから見たHTML5」 ドワンゴの草野さんから、動画配信事業者の観点から、"HTML5についてどう取り組むべきか？"について講演いただきました。 HTML5の<video>（videoタグ）により、Flashなどのアドオンを使わずに映像サービスを提供することが可能になっていますが、こちらの動画コーデックの各種ブラウザでのサポート状況などが紹介されました。映像のコーデック変換にかかる莫大なコストを考えたときに、現在各ブラウザベンダが異なるコーデックをサポートしている状況は非常に厳しいという話や、"iPh
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
