ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b27cc5696a1f63b8b9b307b372a4cf8d66bd2d8/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F11%2Ffire_1.gif)
ウェブ標準化という大きな流れの中で、「HTML5」というキーワードはバズワード化するほどに浸透してきた。しかし、その仕様自体はまだ策定中であるため、ブラウザベンダーの思惑でHTML5の実装が進んでいるのが現状だ。各ブラウザベンダーが今後どう足並みをそろえていくつもりなのかが気になるところだ。 11月2日にヤフーと技術評論社が開催した「ブラウザカンファレンス2010」では、Mozilla Japan、Opera Software、マイクロソフト、グーグルの各担当者たちが語る「ブラウザベンダーーに聞くHTML5対応の本音と未来」と題したパネルディスカッションが開かれた。参加者はピクセルグリッドの外村和仁氏、Mozilla Japanの加藤誠氏、Opera SoftwareのDaniel Davis氏、マイクロソフトの春日井良隆氏、グーグルの北村英志氏、ヤフーの継岩直充氏。モデレーターは「WEB
オープンで拡張機能が優れているFirefoxは、パワーユーザーが好んで使うウェブブラウザです。一方で、Googleの軽量なChromeも人気です。拡張機能があり、オープンブラウザということで、Firefoxから鞍替えするユーザーもいます。 米lifehackerの読者に、現在使っているブラウザをアンケートしたところ、Chromeが42%で、Firefoxが33%でした。前回(英文記事)は、Firefoxが57%で、Chromeが21%だったので、Chromeはかなり飛躍したことになります。 米lifehackerでは、オフィスを開いた2005年以来Firefoxを使っていて、Internet Explorerに比べ、格段に使いやすいFirefoxに愛着を持っているのですが、読者の投票からすると、どうやらChromeの時代になってきているようです。ここからは、なぜパワーユーザーがChrome
chromeとsafariを対象とする場合 if(!jQuery.support.checkOn){ alert('あなたがお使いのブラウザはChromeもしくはSafariっぽいです'); } if文の条件式の中で!をつけたので、checkOnがfalseであればこの条件文に該当します。該当するのはwebkitだけなので、これでchormeとsafariのみに振り分けたコードを記述できます。なお、Android標準ブラウザ、iPhone / iPad標準ブラウザといったスマートフォンも同じChromeとSafariなので、この条件に合致します。 FirefoxとOperaを対象とする場合 if(jQuery.support.checkOn && jQuery.support.noCloneEvent){ alert('あなたがお使いのブラウザはFirefoxもしくはOperaっぽいです'
こんにちは、太田です。前々回と前回はHTMLの操作について解説しました。今回は、CSSの操作を中心に解説していきます。 CSSとJavaScript JavaScriptからCSSを扱うとは、JavaScriptから要素に適用されているスタイルを変更して見た目を変化させる、ということを意味します。その具体的な方法にはいくつかの種類があります。 styleプロパティの操作 class名の操作 CSS自体の操作 では、styleプロパティの操作から順番に見ていきます。 styleプロパティの操作 要素のstyleプロパティを直接操作する方法は、その要素だけに影響するので1回あたりの処理コストは低く済むというメリットはあります。しかし、複数のプロパティの操作に加え、多くの要素のスタイルを変更する場合には、スタイルを変更するたびに描画への影響の計算が行われる(この計算をreflowと呼びます)ので
今日は、ブラウザの話を。Web業界を未だに悩ませるIE 6に関して、内閣官房情報セキュリティセンターから発表されたIE6からIE8への移行推奨の話題などをお届けします。 内閣官房情報セキュリティセンターがIE6からIE8への移行を推奨少し古い話になってしまうのですが、そういえばWeb担で書いていなかった、ちゃんとお伝えしたい話題があります。 内閣官房情報セキュリティセンター(NISC)は、各府省庁にIE6からIE8への移行を推奨したうえで、今後ウェブアプリを構築する際には最新のブラウザに対応する設計とすることを5月12日付けで指示したと6月17日に発表しました。 政府機関において未だIE 6が使われているが、IE6は旧型のブラウザであり、マイクロソフトがセキュリティ面でのリスクがあることなどを理由にIE6からIE8への移行を勧めていることを背景としたものです。 内閣官房情報セキュリティセン
Nicholas C. Zakas is a web software engineer who specializes in user interface design and implementation for web applications using JavaScript, Dynamic HTML, CSS, XML, and XSLT. HTMLのimgタグおよびscriptタグで「src=""」が指定されている場合、またはlinkタグで「href=""」が指定されている場合、リクエストが発生してページの取得が実施される振る舞いをするブラウザがあることをNicholas C. Zakas氏が指摘している。しかも空URL指定で取得されるコンテンツは何にも使われることなくそのまま消えていくという、まさに通信帯域だけを消費するという無駄な動きになっているという。 こうした動作の違
『Firefox 1.0』が、ブラウザ界の巨人『Internet Explorer』に挑んだのは、かれこれ6年前。IEは、いまだ主要ブラウザのひとつですが、Appleの『Safari』、Googleの『Google Chrome』、『Opera』などの競合も次々と進化し、いまや、ブラウザ業界は群雄割拠の時代になりました。 では、そんな「ブラウザ戦国時代」のきっかけとなった、Firefoxは、これからどこに向かい、ウェブの世界はどう変わっていくのでしょう? 米Gizmodoでは、MozillaのDirector of Developer RelationsであるChristopher Blizzardさんにインタビュー。こちらでは、その様子をお届けしましょう。 米Gizmodo(以下Giz): iPhoneアプリ『Firefox Home』がそろそろリリースだそうですね。 Christoph
Market share by Net Applications Net Applicationsから2010年4月のブラウザシェアが発表された。発表されたシェアは次のとおり。 2010年4月ブラウザシェア - Net Applications報告 2010年4月バージョン別ブラウザシェア - Net Applications報告 順位 ブラウザ シェア 推移 備考 1 IE 59.95% ↓ 2 Firefox 24.59% ↑ 2ヶ月連続上昇 3 Chrome 6.73% ↑ 4 Safari 4.72% ↑ 5 Opera 2.30% ↓ 6 Opera Mini 0.79% ↑ 順位 バージョン別ブラウザ シェア 推移 備考 1 IE8 24.66% ↑ 4ヶ月連続1位 2 IE6 17.58% ↓ 3 Firefox 3.6 15.33% ↑ 4位から浮上 4 IE7 12.50
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
Unlike Light’s older phones, the Light III sports a larger OLED display and an NFC chip to make way for future payment tools, as well as a camera.
MIX10で、GPUによるハードウェアアクセラレーションをサポートして、レンダリング速度が大幅に高速化されたInternet Explorer 9(以下、IE9)のプレビューを紹介した(詳細はInternet Explorer 9はGPUで武装するを参照のこと)。だが、その中で登場した「HTML5」「SVG」「Acid3」といったキーワードについて、あまり聞き覚えがないというユーザーもいるだろう。これらキーワードは「標準化」というテーマと密接な関係がある。 かつて、Internet Explorerは「Netscape Navigator」とWebブラウザの覇権を争い、激しさは「ブラウザ戦争」と呼ばれていたほどだ。その当時から現在にいたるまで、独自路線を歩むIEと業界標準を重視する競合他社との綱引きが続いているのだ。標準化を巡る争いはMicrosoftだけでなく、“標準化重視”で一致団結し
3月中旬、米国ラスベガスで開催されたマイクロソフトの技術カンファレンス「MIX10」でInternet Explorer(IE)の次期バージョンIE9の概要が発表された。そこで、JavaScript実行速度の向上など、IE9における様々な強化点が発表された(関連記事)。中でも、筆者が関心を持ったのはHTML5への対応で、特にSVGの標準サポートを正式表明した点に興味を覚えた。 SVGとはScalable Vector Graphicsの略で、画像を扱うためのフォーマット形式である。JPEGやGIFなどと同じようなものと考えればよい。ただし、JPEGやGIFがラスター方式と呼ばれる画像を細かいドットで表す方式を使っているのに対し、SVGはベクター形式と呼ばれる画像を構成する線の位置や関係といった情報で表す方式を使っている点が異なる。ベクター方式を使うことで、画像サイズが携帯電話のような小さな
こんにちは、太田です。前回はクロスブラウザの入口として、各ブラウザの特徴をまとめつつ、実際にクロスブラウザなコードを紹介しました。今回はクロスブラウザ対策における基本である、各ブラウザ環境の構築について解説したいと思います。 前回紹介した通りブラウザにはたくさんの種類・バージョンがあります。それぞれが動作する環境を用意するだけでも、一苦労ではすみません。なるべく少ないマシンで、各バージョンをインストールして、さらにデバッグするための環境作りについて紹介します。なお、Safari以外はWindows環境を想定しています。さらに、特に断りがない限りはWindows XP SP3をベースに解説させていただきます。ご了承ください。 各ブラウザのデバッグ環境は近年目覚しいほどの進化を遂げています。統合デバッグ環境の草分けであるFirebugを筆頭に、Safari/Chrome(WebKit)のWeb
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
3月4日、Internet Explorer(IE)6を埋葬するために、100人もの人が米コロラド州デンバーに集まった。この葬式は、10年近く生き続けてきた同ブラウザの、長々と引き延ばされていた終わりを示す出来事となるだろう。そしてこの葬式の直後には、GoogleがYouTubeでIE6のサポートを終了する。 IE6に永遠にさよならを告げたい人には残念なことだが、別れはすぐには訪れないだろう。同ブラウザは世界中のWindows XPユーザーや、レガシー製品に依存している企業に広く使われている。だからといって、引退させるべきではないということにはならない。IE6は長い間、批判の的になってきた。市場において、セキュリティ問題を引き起こしている最悪の「犯人」の1つとなっている。 最悪の製品にも義理立てを続けることで悪名高いMicrosoftでさえ、IE6を使い続けるよりも、IE8にアップグレード
Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0(2.0.0.18) Firefox 3.0(3.0.13) Firefox 3.05(3.5.3) Internet Explorer 6.0(6.0.3790.3959) Internet Explorer 7.0(7.0.5730) Internet Explorer 8.0(8.0.6001.18702) Chrome 3.0(3.0.195.27) Mac OS X Safari 3.0(3.2.3) Safari 4.0(4.0.3) Firefox 2.0(2.0.0.18) Firefo
Internet Explorer(IE)、Mozilla Firefox、Google Chrome、Safari、Operaなど、インターネット上のウェブページを閲覧する際に使用するソフトウェアをウェブブラウザと呼ぶわけですが、これらのブラウザのシェアがどのように移り変わってきたのか一目でわかる図があります。 圧倒的シェアを誇っていたIEがほかのブラウザにシェアを奪われていっている状況や、Google Chromeが着実にシェアを伸ばしている様子がよく分かるのですが、よく見てみるとちょっとしたネタが隠されているようです。 詳細は以下より。 Michael VanDaniker :Historical Browser Statistics これがブラウザシェアの移り変わりが一目で分かる図 一番内側が2002年1月、一番外側が2009年8月になっており、2ヶ月ずつ外に向かっていきます。詳細
<textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く