IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
HTML5で導入されるClient-side databaseが使用できるブラウザは以下の通り ( 一部ブラウザではHTML5未対応でも GoogleGears をインストールすると使えます。) http://gears.google.com/ Win + IE6,7,8(Gears使用) Win + Firefox3.6(Gears使用) Win + Chrome(Gears使用) Win + Opera10以降 Mac + Safari 3.1 , Safari 4以降 Mac + Chrome 使用できないのは Mac + Firefox 3.6(Google Gears 未対応) Mac + Opera 10.10(Google Gears 未対応) だけですね。 サンプルソース <!DOCTYPE html> <html lang="ja"> <head> <script src
iPhone OSのFlash排除で、HTML5/JavaScriptだけがマルチプラットフォーム対応として残った アドビシステムズはFlashをどのデバイスでも、どのOSでも動作するアプリケーションのプラットフォームにしようとしていました。しかし、アップルが新しいiPhone OSから、Flashも、Flashで開発されたアプリケーションの実行も排除してしまったことで、それは不可能となりました。 アドビの経営陣は昨日、FlashをiPhone OSに対応することには投資しないと明言しています。 iPhone非対応で完全なマルチプラットフォームにならず 最近ではTwitterクライアントがAIRで開発されているように、実行環境をOSではなくFlash/AIRのようなクライアントOS上のミドルウェアに依存する選択肢が登場しています。Flashは、WindowsやMacOSから「アプリケーショ
http://www.geocities.jp/psipage/html5/html5_canvas2.html boxの中でクリックすると素敵な円が現れます。マウス座標にも付いていくはず。 ソース <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Example2: HTML5 canvas</title> <!--http://d.hatena.ne.jp/juntk/--> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div id="ms">Click in the box. </div> <canvas id="canvass
Credits for music artists are on staff rolls of each games and here. Feel brave? So you're ready for the Dark side of Akihabara with experimental material! Uh-uh-uh! HTML5 is my Arcade. Akihabara is a major Tokyo shopping area for electronic, computer, anime, and otaku goods. You can find any sort of old & new videogames, starting from the 8-bit era to modern motion-sensing videogames. But is also
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
HTML5 Canvasで作った「シンプルペイント」。ペンの色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) HTML5の新機能で特に注目を集めているのが、Flashなどのプラグインを使わずにWebブラウザー上でグラフィックを描画できる「Canvas」です。Canvasは、すでにInternet Explorer(IE)をのぞく、ほとんどのブラウザーに実装されていますし、マイクロソフトは現在開発を進めている「IE9」でHTML5を積極的にサポートするとしていますから、IE9にCanvasが実装される可能性は高そうです(ただし、現在公開されているPlatform Preview版ではCanvasは実装されていません)。すべての主要ブラウザーでCanvasが利用できるようになれば、画像処理を伴うWebア
(2010/04/09 追記:タイトル内のVNCをSVNと間違えていたのを修正しました。) 次世代のWebの規格としてWebSocketというものがあります。WebSocketは、AjaxでもCometでもないサーバ-クライアント間の新しい通信方法です。通常のWebアクセスや、Ajax・CometはHTTPを使用していますが、WebSocketはHTTPではありません。接続のたびに接続のリクエストが発生するHTTPと違い、WebSocketはとても高速で、同時に複数の接続も可能となっています。遅延も小さく比較的容量の大きいデータも高速に転送できるため、リモートデスクトップのようなものが作成できないかと思い、WebSocketRemoteというものを作ってみました。ブラウザには、プラグインやFlash、Javaアプレット等は一切不要となっています。 一応動作するのですが、XMLHttpReq
HTML5のhistory.pushState、history.replaceStateを試した。 HTML5 pushState/replaceState demoで動かせる。 Minefieldだと完全に意図した通りに動くがWebKitだとURLまわりがうまくいかない。 メインのソースコードは下記の通り。 canvasで適当に壁紙用画像を作るデモで、画像自体をクリックして何度も作り直せるようにした。 こういう物を作るときは、前の画像に戻れるよう履歴管理をすべきだが、今まではlocation.hashを使ったり(hashchangeイベントが入るまではタイマーが必要だった)iframeを使ったハックだったり(ブラウザ間の互換性やhistory.go(-2)をきちんと動かすのが難しい)、あるいはページを遷移する(必要ない部分まで毎回読み込まれる)必要があった。 pushState/repl
ProjekktorはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の中で最も注目を集めているのがvideoタグだろう。これがFlashから置き換わるか否かによって、今後のシェア争いに大きな変化が出てくるはずだ。H.264は導入が難しい状況ではあるが、まだまだ分からない。 多様なブラウザに対応 HTML5を使った動画プレーヤを提供するのはさほど難しくないかも知れないが、HTML5に対応していないブラウザまで含めて対応しようとすると工数がかかってしまう。そこでHTML5対応の動画プレーヤProjekktorを使ってみよう。 ProjekktorはIE7/8、Firefox、Safari、Chrome、Operaといった主要ブラウザに対応した動画プレーヤだ。HTML5によるvideoタグに対応している。動画フォーマットはOggやH.264に対応しており、ブラウザに
HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」 2010年04月14日- IE Print Protector - ieCSS HTML5なページでもIEで印刷した時に崩れないようにする「IE Print Protector」というものがあるようです。 ロゴがIEっぽいのが面白いのはさておき、印刷した時に表示が違う状態を避けられて便利そうです。 IE print protedtorがない時 IE print protector がある時 ない時の状態と、ある時の状態のそれぞれのページが用意されており、これを「印刷プレビュー」で確認してみるとその違いがよくわかるはずです。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 見ておくべきHTML5サイト集 最近公開のHTML5関連の参考サイト色々まとめ
HTML5 で、ブラウザの機能として「音」を再生する仕様が追加されました 音を再生するには、<audio src="..." autoplay> を HTML に埋め込むか、new Audio(src).play() とします。 仕様 ⇒ http://www.w3.org/TR/html5/video.html クロスブラウザ化する上での問題は2つ 1. 古いブラウザ向けに Silverlight(XAML) や Flash を使い、それらの違いも吸収しなければならない。 2. サポートしているコーデックの違いを吸収する仕掛けも必要。 Browser uu("Audio") HTML5Audio SilverlightAudio FlashAudio Firefox3.0 mp3 - mp3 mp3 Firefox3.5+ mp3,ogg,wav ogg wav mp3 mp3 Safa
GitHub - kyanny/html5_file_api_ajax_upload_sample: HTML5 file API + ajax file upload sample HTML5 の file API というのが面白そうなのでちょっといじってみた。 デモを動かすには Plack と JSON と Path::Class が必要です。このブログ読んでる人ならどれも ready for use ですよね。もしまだのひとは cpan -i Plack JSON Path::Class でよろしく。 git clone して plackup して Firefox 3.6.x 以降で開いてください。 複数ファイルをドロップしたときになんかうまく動いてない気がするとか、 app.psgi の書き方がだいぶいい加減とか、微妙なところはたくさんあるけどとりあえず動くところまでいけたので公開
棒グラフ 機能:ツールチップ、コンテクストメニュー、ズーム スタイルのバリエーションも豊富で、デモページには多くのグラフが掲載されています。
これがHTML5の実力! フル3Dゲーム「Quake」をブラウザ上でプレイしてみた(動画)2010.04.02 17:00 プラグインも、Flashも使ってません! Google Web Toolkit Blogからの動画です。ご覧のとおり、フル3Dゲーム「Quake」がブラウザ上でスムーズに動いちゃってます。以下Google Web Toolkit Blogからの引用です。 我々はJake2と呼ばれるQuake2ゲームエンジンの純粋なJavaのポートを、Google Web Toolkit (WebGL、WebSocketsなど)を使って、Javascriptに埋め込みました。この動画がそれです。驚いたことに1秒間に30フレームがノートPCで再生できたんです! いやいや、HTML5超やばいって! [Google Web Toolkit Blog via TechCrunch] (遠藤充)
HTML5/JavaScriptの遊べるゲームライブラリ「Akihabara」、iPhone/Androidにも対応 「Akihabara」と名付けられたWebサイトで、HTML5のCanvasタグとJavaScriptを用いて開発されたゲーム用ライブラリと、それによって開発されたゲームが公開されています。特にゲームは昔のアーケードゲームを再現したようなものばかりで楽しめます。 開発したのはKesieVと名乗る人物。主に以下のようなライブラリから構成されています。 Gamebox 同時に動く複数のオブジェクトグループを扱うライブライリ。キーボード、ダブルバッファリングなども扱う。現時点で音声には未対応。 Gamecycle オープニング、メニュー、ステージ間のクロスフェードなどのサイクル機能を提供。 Toys シューティングゲームやロールプレイングゲームでよく使う、画面のエフェクトやヘッド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く