Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k

スマホで“艦これ”が遊べない理由――コンテンツ技術を巡るし烈な争い：佐野正弘のスマホビジネス文化論（1/2 ページ） 2013年に最も注目を集めたソーシャルゲームといえば、“艦これ”こと「艦隊これくしょん」(角川ゲームス／DMM.com)であるといっても過言ではないだろう。 艦これは、提督となって擬人化された艦船の「艦娘」を集めて育成したり、艦隊を組んでバトルしたりするゲーム。実在した旧日本海軍の艦船を美少女に擬人化するなどのユニークな発想に加え、戦闘で一度撃沈された艦娘は復活させられないなどシビアなルール設定なども注目を集め、今年4月のサービス開始ながら12月2日にはユーザー数が130万を突破。現在も新規ユーザーの登録に制限がかけられているなど、人気が継続している。 このゲームが非常に特徴的なのが、Webブラウザ上で動作するタイプのソーシャルゲームであり、PC向けのゲームということだ（リ

古いブラウザ、Javaのバージョンとはまったく関係ありません。 とりあえず、今日あったことを書いておきます。 今日の午前の段階では、右サイドバーに「あなたが最近見たQ＆A」が表示されていました。 現在は表示するためのコードが削除されており、表示されておりません。 この「最近見た〜」に表示される内容は、サーバー側で書いているのではなく、クライアント側、つまり、InternetExplorerやChrome、Firefox、Safariのローカルストレージという所に閲覧履歴が貯められており、それを表示するようになってました。 これをサーバー側でやりたくない理由があるのか、面倒くさかったのか、この方法でもちゃんとやれば問題ないと言えば問題ないので、その判断は各自に委ねますが、致命的に駄目だったのは、質問のタイトルの中にHTMLのタグが混じっていても対処していなかったため、質問のタイトルに悪意ある

注: クイックスタートの項目は、新しい、より集中的なクイックスタート記事 として更新され、従来のクイックスタート記事をすべて置き換えるものとなりました。この記事がより有益な情報源となり、古い一連の記事よりもより素早い学習体験を提供することを期待しています。 この記事は、開発者、プロジェクトマネージャ、その他アプリの開発や配布に関わる役割を担いつつ、Open Web Apps についてより詳しく学びたいというすべての人にとって最適なスタート地点となることを意図して書かれています。Open Web Apps とその背景にある哲学の、簡単で高次元な概要を提供します。 Open Web Apps は一般的な Web サイトや Web ページと本質的な違いはありません。いずれも HTML、CSS、JavaScript といった標準的でオープンな Web 技術を用いて開発され、Web ブラウザ経由でア

We’re getting things ready Loading your experience… This won’t take long.

第20回 RIAコンソーシアム・ビジネスセミナー「Flash」はその役割を終えたのか～今後のRIA開発を考える～ http://www.riac.jp/2012/01/bflash-ria.html でつかった資料

Googleは9月2日（金）、ブラウザ「Google Chrome」の誕生3周年を記念したインフォグラフィック「The evolution of the web - ウェブの進化」を公開しました。過去20年間に誕生した主なWeb技術や、「Internet Explorer」「Firefox」といったブラウザの進化を、HTML5の技術を使って表現しています。 ▽ The Evolution of the Web ▽ http://googlejapan.blogspot.com/2011/09/chrome-3.html 「The evolution of the web - ウェブの進化」は、1990年から2011年にかけて誕生したWebの技術やブラウザの歴史を解説するコンテンツです。1990年に登場した通信プロトコル「HTTP」から、2011年8月にリリースされたオペレーティングシステム

検索上位でもAI Overviewsに出ない!? 老舗米屋・八代目儀兵衛が取り組んだGEO施策 4月20日 8:00

IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記･注意：下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8　　HTML 4.01+EUC-JP　　HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8　　XHTML 1.0+

ウェブ標準化という大きな流れの中で、「HTML5」というキーワードはバズワード化するほどに浸透してきた。しかし、その仕様自体はまだ策定中であるため、ブラウザベンダーの思惑でHTML5の実装が進んでいるのが現状だ。各ブラウザベンダーが今後どう足並みをそろえていくつもりなのかが気になるところだ。 11月2日にヤフーと技術評論社が開催した「ブラウザカンファレンス2010」では、Mozilla Japan、Opera Software、マイクロソフト、グーグルの各担当者たちが語る「ブラウザベンダーーに聞くHTML5対応の本音と未来」と題したパネルディスカッションが開かれた。参加者はピクセルグリッドの外村和仁氏、Mozilla Japanの加藤誠氏、Opera SoftwareのDaniel Davis氏、マイクロソフトの春日井良隆氏、グーグルの北村英志氏、ヤフーの継岩直充氏。モデレーターは「WEB

羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi

Microsoftの次期ブラウザInternet Explorer（IE9）は、HTML5の動画再生機能でH.264フォーマットのみをサポートする。同社のIEチームが公式ブログで明らかにした。 「H.264は優れたフォーマットだ。HTML5サポートにおいて、IE9はH.264の動画のみの再生をサポートする」と同チームは述べている。 MicrosoftはH.264を選択した理由について、「業界標準であり、幅広いハードウェアでサポートされている」からと説明している。「一般的な家庭用ビデオカメラで撮影した動画を簡単にWebにアップロードして、H.264に対応したOSや機器でブラウザから再生できる」。また、ほかのフォーマットは知的財産権があまり明確でないが、H.264はMPEG LAによる明確なライセンスプログラムがあるとしている。 HTML5の仕様では特定の動画フォーマットは指定されていないため

米Googleは5月4日（現地時間）、次期Webブラウザ「Chrome 5」の最新β版（Ver.5.0.375.29）を公開したと発表した。Windows版、Mac版、Linux版がGoogle Chromeのサイトからダウンロードできる。 JavaScriptエンジン「V8」の改良により、前回のβ版リリースよりV8ベンチマークで30％、SunSpiderベンチマークで35％高速化したという。 高速化のほかに追加された主な新機能は以下の通り。 HTML5のジオロケーション、アプリケーションキャッシュ、Web Sockets、ファイルのドラッグ＆ドロップといった機能に対応した Adobe Flash Playerプラグインの統合。Google Chromeの自動更新システムを通してFlash Playerの最新版への更新も行えるようになった 同期機能でこれまでのブックマークに加え、テーマ、ホ

昨日の画像を使わずにCSS3だけで作ったサイト「NetaGear」に引き続き、本日もCSS3の記事です。ここ最近の私のマイブームはCSS3で色々やってみることなんですが、CSS3を使えば画像なんて使わずに絵が描けるんじゃない？という疑問を抱き実際に作ってみました！ 今回作成したのは日本人なら誰もが知っている国民的キャラクターの「ドラえもん」です。使うものはXHTML+CSS3だけで一切の画像は使いません。画像を使えば簡単にできるのは言うまでもないことですが、すべてソースコードから成り立つことが前提です。 CSS3で作ったドラえもんの完成品！ CSS3 ドラえもん 最近のドラえもんというより、大山のぶ代さんが声をやっていた頃のドラえもんの方が好きなので、そっちをイメージして作りました。注意事項としてはGoogle Chromeとfirefoxで閲覧してください。Operaでは一部CSS3に対

qnighy DirectXって…標準の意味わかってんのかこいつら 2009/11/19 Internet Explorer 6 以前の DirectX Filter みたいなのと誤解しているのならアレですが，(まだドラフト段階の) 標準と (現在初期実装段階にある製品の) 実装技術が切り離せるかという切り口で見ると結構奥深い話かもしれません．今後たとえば WebGL が標準として意味を持つのであれば，OpenGL をブラウザの実装技術の中核にしておいた方が都合が良いという議論はありえると思います． WebGL の場合，それが OpenGL コマンドをそのまま流用したような命令形態であることがポイントとなります．仮にブラウザのレンダリングエンジンを Direct3D / Direct2D ベースで行っていた場合，WebGL サポートのためには 1)部分的に OpenGL を使用する 2)

HTML5でローカルストレージが使えるようになる。 そこでちょっと使ってみようと思ったのだけど、これはかなり難しいのではないかと思った。 もちろん、データを入れたり出したりするだけなら、window.openDatabaseなどとして、普通にSQLを発行すればいい。 SQL呼び出し結果の取得がコールバックになっているので少しコーディングは面倒だけども、それを除けば特に難しいことはない。 HTML5 ローカルストレージが難しいのは、実際にアプリケーションを組むときにそれが使えるとは限らないし、使えるときは唯一のDBではないということだ。 つまり、まず過渡期では、HTML5 ローカルストレージが使えるブラウザと使えないブラウザが混在する。Google Gearsをインストールすることで同様のことは可能だけど、そこでもGoogle Gearsをインストールしているブラウザとしてないブラウザが混在