ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. 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 wrot
アドレスバーすら取り払った、究極の先端的ウェブブラウザ Sleipnir 4 for Mac 、本日リリースです！
こんにちは、UI デザインの松野です。 本日は、Sleipnir 4 for Mac をご紹介します。そう、“4” です！ Sleipnir 4 for Mac は、アドレスバーすら取り払った、究極の先端的ウェブブラウザです。 Mac 版で初のメジャーアップデートとなるこのバージョンでは、デザインを刷新！ ページをそのまま表示する見やすいサムネイルや、開きたいページを最短で見つけ出す進化した “ポータルフィールド”といった機能を、息をのむような美しくシンプルなツールバーに収めました。 指で触れたら切れそうなくらいシャープで美しいツールバーの高さは、わずか54ピクセル。主要なウェブブラウザより遥かに細いこのツールバーも、Sleipnir 4 for Mac が先端的なデザインであることを表しています。 これまでも斬新で特徴的だった独特のスタイルをいっそう進化させ、地上でもっとも先端的なウェブ
Chromeを最大限活用する10のTips
新参ながら、GoogleのChromeは他のブラウザを評価するスタンダードになってきていますよね。今回はこのChromeを最大限活用する10のコツをご紹介しましょう！ HOMEページを追加してみようパワーユーザーはHOME1個じゃ物足りないよね？ Chromeはブラウザ立ち上げると複数のサイトが開くように設定できるんです。右上にある工具みたいなレンチアイコン押してTools ＞ Basicsと進んで好きなサイトを追加しちゃいましょう。ただしあんまり追加し過ぎると起動が遅くなるので...ホドホドにね！ 検索窓を計算機に活用ChromeのGoogle Suggests機能をうまく使いこなせば｢数にめちゃ強いヤツ｣と同僚にも尊敬してもらますよ。URL入れる検索枠（Chrome発表時に｢超能力バー｣と呼んでたけど、｢Omnibar｣が正式名称）に数式を書き込むだけで、Enterキー押さなくっても検
第1回 ウェブブラウザとJavaScriptの未来 | gihyo.jp
こんにちは、id:os0xこと太田昌吾です。今回から、クロスブラウザ対策を中心としたJavaScriptの初級から中級の方向けの連載を開始します。JavaScriptの基礎的な文法は理解されているという前提での解説となりますので、ご了承ください（間違いやすい、わかり難いと思われるところは適宜補足します）。初回である今回はJavaScriptやウェブブラウザの背景など盛りだくさんの内容でお届けします。 JavaScriptのイマ JavaScriptは2010年現在において、最も重要な言語となりつつあります。旧来はすべての処理をサーバーで行って、結果をウェブブラウザ上に表示するだけというのがウェブの一般的な姿でした。2005年に登場したGoogle Mapsを一つの契機として徐々にウェブブラウザ・クライアント側での処理が見直され始め、近年ではクラウドやSaas、そしてHTML5の流行によ
ブラウザ上でWebページをリアルタイム編集できる簡単な方法 - EC studio デザインブログ
「テキスト修正してサーバーにアップしたけど、今度は改行がおかしい・・・ また作り直して、アップしなおさないと・・・」 「このテーブル、項目が増えてもレイアウトが崩れないかなぁ・・・ 検証面倒くさいなぁ・・・」 「打ち合わせ中に、この画像を削除したパターンが見たいっていわれけど・・・ 今HTMLファイルもFTP情報もないしなぁ・・・」 こんなとき、リアルタイムでWebページを編集できたら便利ですよね。 そこで紹介するのが今回の方法です。 ブラウザのアドオンやエクステンションのインストールは一切なし！ ブラウザに左右されない！（Firefox、IE8、Chrome、Opera共通） そんな便利な方法をご紹介します。 お気に入りに追加してWebページを編集する方法 下記のテキストリンクを「ドラッグ」し、 ブラウザのツールバーに「ドロップ」します。 このページを編集する ツールバーに入った「このペ
Firefoxと完全互換の高速起動が可能な軽量ブラウザ「Pale Moon」 | フリーソフトラボ.com
Pale Moon 「Pale Moon」はFirefoxと高い互換性を持つ、高速起動が可能なオープンソースのウェブブラウザです。Firefoxの最大の欠点と言えば、何と言ってもとにかく起動に時間がかかること。最近ではChromeも拡張機能に対応してきたこともあり、豊富なアドオンで自由に機能を追加できるというFirefox独自の優位性が失われつつある今、ヘビーユーザーの間でもより起動の速いChromeへの乗り換えが進んでいる傾向にあるようです。 そんなFirefox最大の欠点である起動の遅さですが、こういった問題点を改良してアドオン等の互換性はそのままに、よりユーザーの視点に立って使いやすく軽量に再設計されているのがこの「Pale Moon」というブラウザです。基本的なデザイン、機能からインターフェースまでほとんどFirefoxと同じで、起動や動作が速くメモリの消費も少ないという、ツボを押
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
Google Chrome 拡張機能41個まとめ Google Chromeを壊してまで厳選 - WEBマーケティング ブログ
いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたｗ おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。 → 新着のおすすめChrome拡張機能はこちらです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 厳選Google Chrome 拡張機能 まとめ 【永久保存版】 今回のコンセプトは、 複数機能をひとつにまとめられるものを優先 ボタンはなるべく少なく済ませる といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。 また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介し
Google Chromeのオススメ拡張機能 - はてなブックマークニュース
シンプルで軽い操作が魅力のブラウザ、「Google Chrome」。登場以来順調にシェアを伸ばし続けていますが、中でも注目なのが昨年12月にベータ版が公開されてから、既に2000種類以上登場している「拡張機能」ですよね。今回は「たくさんありすぎて何から入れていいか分からない！」という人のために、はてなブックマークでも人気の「Google Chromeの拡張機能」についてのエントリーをご紹介します。 ■仕事の効率アップにも使える！オススメ拡張機能いろいろ まずは最初に入れたいものから仕事や趣味に役立つものまで、オススメの拡張機能をまとめたエントリーです。 ＜最初に入れておくと便利な拡張機能は？＞ ▽Google Chrome に最初に入れた６つのエクステンション – ライフハック心理学 「とりあえず、最初に入れておくと便利なものを知りたい！」という人には、筆者が最初に入れた拡張機能についてま
web開発者なら知っておきたい HTTPステータスコード : LINE Corporation ディレクターブログ
こんにちは。ブログと検索を担当している河野です。 突然ですが、皆さんは404という数字を見て何を思い浮かべるでしょうか。 この数字からWebブラウザで時折見かける「404 Not Found」を思い出す人は多いのではないかと思います。ということで、ちょっと強引ですが、今回はこの404などのHTTPステータスコードについて、ディレクターの視点で知っていた方がいいことを書いてみたいと思います。 【１】HTTPステータスコードの定義と確認方法 まずはHTTPステータスコードについて一通り説明をしたいと思います。 HTTP ステータスコードとは、「HTTPにおいてWebサーバからのレスポンスの意味を表現する3桁の数字からなるコード」とWikipediaには定義されています。 冒頭であげた404は、このステータスコードの1つで、リクエストに対応するページやファイルを見つけられなかった時にサーバが返し
さよならFirefox 気づいたらGoogleChromeがデフォルトブラウザだった件|MOBILE POWER 〜読書とかiPhoneとか〜 - livedoor Blog（ブログ）
長年Firefoxを利用してきましたが、とうとう乗り換えの時期がやってきました。 少し前からGoogleChromeも併用していましたが、Firefoxのアドオンへの依存度が高くて移行しきれずにいました。 でもChromeのβ版に関して特に致命的な不具合の情報とかもなく、そろそろいいのでは、と思いβ版のdevバージョンに切り替えて色々とアドオンを設定してみました。私の場合はこれまでFirefoxで実現できていたことの80%くらいはChromeでも実現できました。あとの20%とChromeのスピードを天秤にかけましたが、私の中ではChromeのスピードメリットが残りの20%を上回りました。 ということで晴れてChromeがデフォルトブラウザに。 今回私がFirefoxの機能をChromeに移行したときの作業を備忘録としてメモしておきます。まずはChromeのバージョン変更 Chromeのバー
PandoraTV（パンドラTV）を快適に観る方法 TV小僧
10年7月21日記事修正しました。 先に申しておきますが、これは裏技です。ですので正式な視聴方法ではありません。 ブラウザの設定を変えるだけの方法ですが、その点だけあらかじめご了承ください。 導入の手順 １・いつも使っているブラウザと違うブラウザを用意する ２・海外プロキシをコピーして用意したブラウザに設定する。 ３・韓国からのアクセスとしてPandoraTVを快適に視聴する ４・ついでにツールを使って保存する ■新しいブラウザを用意する 新しいブラウザが必要な理由 今回の裏技は、ブラウザの設定を変更することにより、日本からのアクセスではなく、PandoraTV運営国である韓国からのアクセスとして視聴する方法です。 ですので、メインでお使いのブラウザの設定を変更してしまうと、どのサイトにアクセスする時も常に韓国からのアクセスという事になり、何かと不便になってしまいます。 このように、Goo
IE6、IE7、IE8におけるCSSの違いまとめ | エンタープライズ | マイコミジャーナル
IE? - IE6, IE7 and IE8 Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つのバージョンのIEが似たようなシェアを持った期間が続くことになる。IEが第一シェアだといっても、結果的に3つのバージョンに対応する必要がある。 この状況は、特にCSSのサポートという面で厄介な状況を生み出している。IE8はCSS 2.1への高い準拠を実現しているが、IE7はそうではない。IE6はサポートしている要素やプロパティがさらに少ない。またIE7やIE6は対象の要素やプロパティをサポートしてい
ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
userAgent一覧
ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称（偽物）される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません（詐称の方法のページを参照）。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンブラウザ不具合特集
とりあえず今すぐ使えるChromeエクステンション、11種類ご紹介
IE6 No More
