WEB系の開発をお仕事にしていると、不思議なことにブラウザのデベロッパーツールなしでjavascriptのエラーやデザイン崩れと格闘してるエンジニアの方を見かけることもあります。 しかし、そんな彼らにデベロッパーツールの使い方を簡単に教えると、すぐに使いこなして生産性を上げていきます。 当たり前のように使っている人からすれば「今までどうしてたん？」と思うところですが、そもそも、今までと違うやり方であったり、初めて使うものには強い抵抗を感じるものですよね。 そこで今回は、デベロッパーツールを使ったことのない方を対象に、GoogleChromeのデベロッパーツールを使ってエラーとデザインの確認を行う方法を紹介します。 デベロッパーツールにはいろいろな機能がてんこ盛りですが、全部覚えようとして参ってしまうより、まずはよく使う簡単なものから習得していきましょう。 デベロッパーツールを出す [表示]
Thank you for being patient. We are doing some work on the site and will be back shortly.
追記：Firefox 7に対応した記事を書きました。 Firefox 3.5では、Firefox 3からの設定周りの変更があるようなので改めてまとめてみたいと思う。 ツール→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Firefox 3.5ではまず詳細設定するよう設定の変更が必要らしい。 Cookieを有効にするが、保存期間はFirefoxを閉じるまで ツール→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン（標準設定） ツール→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン（標準設定） ツール→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで 毎回書いてるけど、Firefoxの一番の魅力。Cookieを有効にしていないといろいろと不便になるサイトはよく
Mozilla Foundationはユーザーに対して、「Firefox 3.5」で「ウェブをアップグレードしよう」と呼びかけている。そして、そのより良いブラウジングと似たようなテーマは、Googleの「Google Chrome」、Appleの「Safari」、そして「Opera」などでも見られる。 ウェブは、比較的静的なページの連続から、動的なウェブアプリケーションの本拠地へと発展していくと期待されている。それには、現在の電子メールから、未来のスプレッドシートまで、あらゆるものが含まれる。しかし、現実の世界がこのビジョンに追いつくにはしばらく時間がかかるかもしれない。 それは確かに、ブラウザにとっては明るく、輝かしい未来であり、前衛的なものは急激に発展している。ウェブサイトを活気あるものにしたり、手の込んだウェブアプリケーションを構築したりすることに熱心なウェブ開発者は、巨大で動作の遅
セットアップしたてのPCでYouTubeを見ようとすると、ブラウザにFlash Playerをインストールしなければならないことに気付く。だが、今後はこうしたプラグインなしにブラウザ上で動画の再生が可能になるという。 Mozilla Japanは6月1日、プレス向けディスカッションを開催し、商用のアドインやコーデックに依存しないOpen Videoについて、米Mozilla CorporationのAsa Dotzler（エイサ・ドッツラー）氏が解説した。 HTML 5のサポートで「ビデオを“プラグインの刑務所”から解放する」 「WebにおけるOpen Videoには2つの側面がある」（ドッツラー氏）。1つは次世代HTML標準であるHTML 5で、videoタグ（およびaudioタグ）が追加されることだ。videoタグとaudioタグを使ってWebページに埋め込まれたビデオは、Flash
主要ブラウザーをインストールなしに使える「Xenocode Browser Sandbox」で対応するすべてのブラウザーを起動してみた。左上から、IE8/7/6/、Google Chrome、Firefox 3/2、Opera、Safari。 Internet Explorer、Firefox、Opera、Google Chrome、Safari……と、各社からさまざまなWebブラウザーをリリースされ、シェア争いが活発になっている。競争によってブラウザー全体のパフォーマンスが上がったり、使い勝手がよくなるのはユーザーとしてはうれしいこと。だが、普段はせいぜい1つか2つしか使わないブラウザーをいくつも（しかも複数バージョンを）インストールして、それぞれで動作チェックしなければならないWeb制作者にとっては、大いなる苦痛の種、というものだ（関連記事）。普段使いのブラウザー以外は、なるべくインス
新しいNitroエンジンにより、JavaScriptの実行速度が４倍以上高速に 2009年2月24日、アップルは本日、Mac®とWindows PCのための世界で最も速く、革新的なウェブブラウザ、「Safari® 4（サファリフォー）」のパブリックベータ版を発表しました。Safari 4に組み込まれたNitroエンジンによりJavaScriptの実行速度がSafari 3に比べ4.2倍速くなっています*。Safari 4にはTop Sites、Full History Search、Cover Flow®そしてTabs on Topなど、ブラウジングをより直観的で楽しいものにする革新的な新機能が搭載されています。Top Sitesを使うと、頻繁に訪問するページの美しいビジュアルプレビューを見ることができます。Full History Searchでは、最近閲覧したページのタイトルやウェブア
sponsored ポータブルゲーミングスピーカー「TQ-PG300」 パイオニアの小型ゲーミングスピーカー、想像を超える没入感でめちゃくちゃ驚きなんですけど！ PCパーツ 12月14日（土）12時から、秋葉原の「LIFORK AKIHABARA II」で開催 ASCII主催「TOKYO Gaming-PC STREET 2」公式ガイド sponsored 今回も医療機器認証取得で、かつ前モデルよりも薄く軽いサイズを実現！ スマートウォッチのようでこれは血圧計でもある!? 「HUAWEI WATCH D2 ウェアラブル血圧計」レビュー sponsored 1本のサウンドバーで360立体音響が実現！ 自宅で映画を見るならソニー「HT-A9000」が最高の選択だ sponsored 「QuTS hero」はランサムウェア対策、安価なSSD／大容量HDDの導入など、中小企業オフィスでも役立つ N
Latest topics > IEからシェアを奪う、を合言葉にしていてはFirefoxが勝てない理由 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « ほしい物リストが活用されている件 Main アメリカン » IEからシェアを奪う、を合言葉にしていてはFirefoxが勝てない理由 - Mar 23, 2008 第348回 PC業界がAppleに学べること - 本田雅一の「週刊モバイル通信」 こうした戦略を実行できたのは、最初から「ジョブズはWindows搭載PCを超えるシェアを取ることに興味がなかった(福田氏)」からだともいえる。 Windowsをライバルと見立て、それ以上のシェアを取るのではなく、同氏が実現したいと考えているビジョンを実現する
Internet Explorerにさまざまな操作性を追加できるプラグイン「IE7Pro 2.0」が2日にリリースされた。IE7Pro公式サイトよりダウンロードできる。すでにインストール済みの場合は更新通知機能よりアップデートすることが可能。 IEは他のブラウザと比較すると搭載されていない機能が多いが、IE7Proをインストールすることでマウスジェスチャや入力フォームの内容記憶、新規タブで開く設定、広告ブロック機能などを利用できるようになる。他にもユーザースクリプトや、Operaのスピードダイアルに似たイージーホームページなどの機能も備わっている。 最新版となるVer.2.0では、全体的にソースコードを見直すことで安定性を向上させた。また、「MiniDM」と呼ばれるダウンロードマネージャが搭載されている。その他、CTRL＋Mでタスクトレイに格納できるようになったほか、64ビット対応版もリ
2007/11/05 米Flockは11月3日（現地時間）、ソーシャルWebブラウザ「Flock 1.0」の正式版をリリースした。無償でダウンロードできる。FlockはMozillaのコードをベースに、メジャーなソーシャルサービスに対応する“ソーシャルWebブラウザ”。Flockの実体は、Flickr、Del.icio.us、YouTubeなど個別のサービスに対応するFirefox向けエクステンションを集大成したほか、いくつかの独自機能を施したFirefox。単一のWebブラウザとして提供されている。手元のWindows XP SP2＋Firefox 2.0の環境では、FirefoxとFlockの2つのWebブラウザの同居に問題はなかった。Flock 1.0は英語版のFirefox 2.0.0.8をベースにしており、Firefoxでできることは、基本的にすべてできるようだ。 現在バージョン
Safari 3に追加された新機能『Webクリップ』を試してみました。 『Webクリップ』は好きなWebサイトをDashboardウィジェットにできる機能です。 今回はYahoo!路線情報をウィジェットにしてみます。 Safariにあるこのアイコンをクリックすると、『Webクリップ』の画面になります。 ウィジェットにしたい箇所を選択します。 このままだと少々大きいのでサイズ調整。できたら『追加』ボタンでウィジェット作成。 ご覧の通り、ウィジェットとしてDashboardに登録されました。 路線検索すると検索結果をSafariで開いてくれます。個人的にはかなり便利で気に入りました。 他には何を追加しようかな。 [追記] ネタフルさんにならってYahoo!の週間天気予報を追加してみた。（Safari「ウェブクリップ」機能を試す） 確かにこれも便利！ [追記2] ニコニコ動画のランキングウィジェ
"Web 2.0"なブラウザの「Flock」に最新のリリース候補版が登場 米Flockは4日(米国時間)、FirefoxベースのWebブラウザ「Flock 0.9」のリリース候補版を公開した。対応プラットフォームはWindows 2000 / XP、Mac OS X(ユニバーサルバイナリ)、およびLinux。 今回のリリースでは、コードベースにFirefox 2.0.0.4 / Gecko 1.8.1.4を採用。インラインスペルチェック機能やクラッシュ時のセッション回復機能、フィッシング詐欺防止機能など、Firefox 2.0相当の機能が装備された。 Flock独自の機能としては、ユーザインタフェースを大幅に改良。ツールバー上に「My World」ボタンを追加、Flickrなどのオンラインサービス上に置かれた写真 / ビデオや、WebサイトやWebフィードの新着情報をまとめて表示する
ロングカーディガンが流行ってるみたいですよ。 最近、ゆるいファッションというのが定番になっていて、 チュニックでもなんでもゆったりしたシルエットの ファッションアイテムが多いですが、 その流れなんでしょうか。 でも、注意しておかないといけないのは、 「だらけた」感じにならないことです。 ゆるりとしたシルエットながらもおしゃれには気を抜いていない、 そんなコーディネートが望まれます。 ロングカーディガンでは、fluxusなんかが流行ってるみたいですね。 ミーガン・フォックスとか、アマンダ・バインズとか、 セレブも愛用しているおしゃれブランドです。 ロサンゼルス発のブランドですね。 このロングカーディガンを見てみても、 ウエストのラインとかゆったりしていて、 サイドに大きなポケットがついていて、いかにもゆるいファッション、 という風に見えますが、着てみるとゼンゼン違います。 ボタンをはずして着
皆さんは「シイラ」というオープンソースプロダクトをご存知だろうか。シイラは、木下誠氏を中心とする日本人技術者/デザイナー数名によって開発されたMac OS X用のWebブラウザである。「Macの美しいUIを損なわずに、Safariよりも高い操作性を実現する」ことを目標に開発が進められており、4月24日には約1年半ぶりのバージョンアップとなる「シイラ2.0」がリリースされた。本稿では、木下氏の話を基に新版の特徴をお伝えしよう。 まずは、以下の画面をご覧いただきたい。これは、シイラ2.0で複数のWebサイトを開き、Googleの検索画面をアクティブ表示させたときの画面だ。 シイラ2.0の画面 画面下部に並ぶ大きめのアイコン(わかりやすくするためにアイコンを最大表示させている)に注目してほしい。これは「PageDock」と呼ばれるもので、「サムネイル付きタブ」といった役割を果たす機能だ。ご覧のと
この記事はStartup MemeブログのBilal Hameedが執筆した。 今月上旬（4月2日の週）、ウェブ上では新しい流行の兆しが見られた。わたしはこれを「サイドバー症候群」と名付けた。この流行の影響について分析する前に、まず最終的にこのサイドバー時代の旗手になり得るサービスについて見ていくことにしよう。 Google Talk：「サイドバー内のIM」 Google Talkは当初デスクトップクライアントとして発表されたが、現在はブラウザサイドバーに統合することができる。これは確かに素晴らしい機能で、ユーザーは定期的にタスクバーをクリックしなくても友人と連絡を取り合うことができる。 Mozilla：「サイドバー内のソーシャルネットワーク」 Mozillaは最近「Project Coop」を発表した。これはブラウザのサイドバーに入るソーシャルネットワークサービスだ。この製品では、ユーザ
結局 Firefox≧Opera＞＞＞＞＞＞＞＞＞＞＞＞＞Sleipnir＞IE なわけだが ：様々なニュースを適当に貼っていくブログサイト。無駄な感想つき。 1：番組の途中ですが名無しです 2007/02/12(月) 15:37:25 ID:dalzEvtC0 IE 6のDoS脆弱性、コード実行の可能性も 1月に報告されたMicrosoftのInternet Explorer（IE）のDoSの脆弱性について、DoS状態に陥るだけでなく、リモートでコードを実行できてしまう可能性もあるとSANS Internet Storm Centerが2月6日、サイトで指摘した。 US-CERTの脆弱性リスト「CVE-2007-0099」によると、この脆弱性はIE 6のmsxml3モジュールに存在する。多数のネスト化されたIFRAMEタグを組み込み、細工を施したXML文書によってDoSが誘発され、ア
Firefox 2.0、IE 7と立て続けにリリースされた。国内でもLunascapeやSleipnirなどのWebブラウザがバージョンアップを競っている。インターネットそのもの進化に比べ、停滞していたWebブラウザ。しかしタブブラウザ化やRSS対応などが急激に進む中、「Web2.0のプラットフォーム」としてのブラウザに迫る。 「Internet ExplorerはWebブラウザである」──。当たり前に思えるこの言葉の定義は、もう過去のものかもしれない」 ご存知のとおり、インターネットの登場により、我々が手に入れられる情報は飛躍的に増加した。検索可能なWebページはいまや数百億以上、1億以上のWebサイトがネットに存在するといわれている。10年程前には数千万といわれていたので、あっという間に千倍以上に膨れ上がった計算だ。本当に途方もないスピードである。 そしてそのWebの世界においてここ最
WEBサーフィンのためではなく、WEB上のツールをより便利に使うための常駐型ブラウザの紹介。 ブログ投稿画面、Wiki、BugzillaなどのWEBアプリを、タスクトレイに常駐させておくことができます。 WEBアプリケーション全盛の現代において有用なツールです。 タスクトレイアイコンをクリックするだけで、WEBツールを瞬時に表示することが可能。 思い立った時、すぐにブログを書きたい！WIKIを確認したい！といった方にオススメです。 画面の確認がスムーズに行えるので、ネットオークション画面などの監視などにも非常に便利です。 「ブラウザ起動→お気に入りを開いてクリック」という毎回の処理が非常に無駄である、と感じたことをきっかけに、このツールを作成しました。目的のURLに素早く移動でき、タスクバーがスッキリしているため、作業がかなり快適になりました。 プログラム終了後も、終了時のURL一覧を保存
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
