Web サイトの デバッグツール 開発者用ツール « SE99隊.jp


Web サイトの デバッグツール 開発者用ツール

最近の Web サイト構築用のデバッグツールには、 驚かせます。開発者用ツールですよね。 Firefox のプラグインで色々ありましたが、 最近のWebブラウザには、 標準でデバッグツールが搭載されていますよね。 Webサイトデバッグツール IE もバージョン8 にアップデートされて、 ACID2テストも合格するようになり、 デバッグ用のツールが搭載されていますよね。 IE8 開発者用ツール 今までの IE では実現できなかった、 便利なツールですよね。 これもなかなか便利ですよね。 ところで、IE7モードでも、 このデバッグツールは「使える」のかな? どうなんでしょうか?だれか使った事ある人いますか? デバッグツールの概要ですが、 Webページの要素の取得時間を計測してくれます。 サイトのボトルネックポイントを計測するのに便利です。 Webサイトデバッグツール こういう画像を見て思い出すのが、 HTTP コネクションの接続方法ですよね。 効率よく HTTP で接続させることで、 描画スピードをあがりますよね。 それには、ポイントがあって、、、 知りたい人はコメントしてくださいね。 Webページのレイアウト、CSSのレイアウトですが、 これを視覚的に表示してくれたり、 レイアウトのずれが分かります。 開発者用ツール レイアウト表示 Webサイト開発者としては、 IE8で、IE6 や IE7 のようなWEB標準に準拠していない ブラウザでの表示状況も丁寧に解説してもらえると、 たすかりますよね。 今日も早起きの99隊長でした。

タグ: ,

コメント »

このコメントの FEED

コメントはまだありません。

この記事へのトラックバック

このカテゴリーの記事

iPhone + Skype で無料音声通話

こんにちは。 久しぶりの更新です。 約一ヶ月ぶりとなります。 久しぶりにこのブログの管理画面を開くと、 プラグインのアップデートの雨あられ。 定期的にチェックしておかないとダメですね。 反省です。 また、このブログもだいぶ前ですが、 Facebook の 「いいね!」ボタンとシェアボタンを設置しました。 いいね、と思ったら、いいねボタンを押してくれると、 嬉しいです。(^^) もちろん Facebook アカウントを持っていないとダメだけど。 Facebook はこちら。http://www.facebook.com/ ところで、 iPhone での Skype の音声通話が 3G 回線でも、 無料で行えるようになったようです。 利用者としてはうれしいですが、 ソフトバンクとしては、 Skypeからの接続料が気になるところですね。 iPhone 同士 iPhone と全世界のパソコン iPhone と全世界の電話(スカイプアウト・スカイプイン) が対象になりますから便利ですね。 とは言っても無料期間は 2010 年末までらしいです。 3G回線を使ったスカイプ通話に、 どのような課金がなされるのか不明なのですが、 ソフトバンクの重要な収入源である、 キャリア間の接続料金が減る、という可能性はありますね。 iPhone 同士だけでなく、 iPhone と全世界のパソコン、 iPhone と全世界の電話 例えば、 ドコモから、ソフトバンクの iPhone に電話する場合には、 ドコモからソフトバンクへ接続料の支払いが発生します。 この収入が大きいので、ホワイトプランとかが成り立っているわけです。 [...]

iPhone 用 Flash 開発中止 アドビ

アドビは、iPhone 用 Flash 開発を中止する なんて噂が出ています。 色々なニュースサイトを見てみると、 アドビの CEO の言葉も出ているので、 現実なのかもしれませんね。 今現在Webで、Flash技術の一番の恩恵を受けているのは、 言うまでもなく動画配信ですよね。 世界中で最も有名な動画配信サイトは、youtube。 なぜ動画配信で、Flash が使われるかというと、 HTML4 単体では動画を配信できなきから。 でも次世代HTMLである、 HTML5 には、 動画を見る為の機能が実装されています。 HTML5 が正式に勧告され、 それを実装するブラウザがリリースされ、 Webページが HTML5 で置き換えられられれば、 動画を見るためにフラッシュは必要なくなります。 (動画閲覧の為にフラッシュが完全に必要なくなるのは、 だいぶ先の話しだと思いますが。) ということは、 余分なプラグインが減るので、 パソコンが軽くなる(^_^) セキュリティホールも減るでしょうね。 今後、フラッシュが活躍する場面は、 動画よりも、ゲームやその他アプリケーションだと思います。 企業なのどのWebでフラッシュアニメーションや、 Flash でメニューやトップページを構成されているサイトもありますが、 個人的には、綺麗ですごいなーと思うけど、 それよりも「うざい」と感じて直ぐバツボタンです。 Flash が動画配信から、 Webのゲームやアプリケーションに、より影響力を強めると、 iTunes で iPhone, iPod Touch アプリの販売で利益を得ている、 Apple としては、面白く無いですよね。 HTML5、CSS、Javascript、H.264、 というような標準技術をサポートする(していく)という、 Apple [...]

YSlow 応答速度測定ツール 使ってみました。

こんばんわ。 昨日紹介した、 Google の検索アルゴリズムの話でチョット出た、 応答速度分析ツールのご紹介です。 今回は、YSlow YSlow をインストールしてみました。 Page Speed 同様、Firefox のアドオンです。 また、Firebug とも連携するようです。 Safari ではダメなので、Firefox を起動して、 「Download Now」ボタンを押します。 「Add to Firefox」ボタンを押します。 アドオンのインストールが終わったら、 Firefox を再起動します。 右下に YSlow のアイコンが表示されてましたね。 firebug は事前にインストールしてください。 インストールは、Page Speed の記事を参考にしてください。 右下の YSlow のアイコンをクリックします。 このような画面が表示されます。 測定って感じですね。 「Run Test 」というボタンを押します。 計測してますね。 少し待てば、結果が表示されます グレード表記されます。 このサイトは E でした。まだまだですね。(^^) Component に関しても詳細に表示されています。 Statistics は円グラフで表示されます。 とてもわかりやすいと思います。 HTTP Request 数も表示されます。 [...]

PageSpeed サイト応答速度調査ツール 使ってみました。

Page Speed を使ってみました。 http://code.google.com/speed/page-speed/index.html こちらのツールですね。 説明は youtube に動画になっています。 英語ですが。(*゜▽゜)ノ [youtube]GRm9bxu2jUA[/youtube] 英語が聞き取れなくても、 字幕が流れるので大丈夫です。 英語が読める人は、ですが。(*゜▽゜)ノ 難しい英語ではないので、 読めると思います。 使い方の動画もありました。 [youtube]S8pqNtkW4OQ[/youtube] これも英語です。 こちらは字幕は無いですが。 早速ダウンロードしてみます。 画面右上の「 download 」をクリックすると、 どうやら、Google Chrome ではなくて、 Firefox のアドオンとしてあるようですね。 Firefox は、バージョン 3.5 以上です。 アップロードが必要な場合は、 Firefox のメニューからアップロードしてください。 Firefox を持っていない人は、ここからダウンロードして下さい。 http://mozilla.jp/firefox/ ということで、Firefox を起動します。 ベータ版と安定版ありますので、安定版を選びます。 Macは、PowerPC は対応してないみたいですね。 「Install Page Speed 1.6」ボタンを押します。 アドオンのインストール画面になるので、 インストールボタンを押して、インストールします。 インストールが完了したら、Firefoxを「再起動」します。 インストールしたら、Page Speed は 有効状態になっているようです。 firebug [...]

透過GIF で アニメーションGIF

久しぶりの更新となります。 安田です。 透過GIF のアニメーションGIFの作り方です。 普段簡単なアニメーションGIF を作成する時に使っている ソフトウェア GIFfun では、透過 GIF のアニメーションGIF ができないようです。透過部分が黒くなってしまいます。 やり方悪いのかな?というのもありますが、 他のソフトウェアで実現する方法です。 ここで使用するソフトウェアは GIMPです。 おそらく Photoshop でも出来るのでは? なんて思ってます。 Photoshop 持ってないので、すみません、感で。 久しぶりに GIMP を操作していると、 どうも、レイヤーに画像を追加出来ない。 なんていう初歩的な事に時間を取られました。 そもそも GIMP も使いこんでないので、 体も頭も操作方法を覚えていません。 メモしておかないとダメですね。 去年くらいから、画像編集には、Pixelmator という、 GPU の性能を生かしたソフトウェアを使っています。 画像編集ソフトにとっては命といっていい、 画像処理が早くてストレスフリーです。 Mac OS X のインターフェースに慣れると、 Linux や Windows の GUI には違和感がありますね。 皆さんはどうでしょう? 本題とずれたので話しをもどします。 すみません。 画像の挿入ですが、 どうやら画像自体をコピーして張り付けないとダメみたいです。 画像ファイルのアイコンをコピー( command [...]

HTML5 ビデオコーディック

HTML5 で使用される ビデオコーディックで、 何やらもめているようです。 html5 の詳細はこちら http://dev.w3.org/html5/spec/Overview.html もめる要因は、 ビデオコーディックのライセンス料。 HTML5 では、FlashPayer や、 Quick Time, Silvelight, Windows Media といったプラグインがなくてもブラウザ上で、 ビデオを閲覧できるようになります。 ブラウザから動画を直接操作できるわけですから、 可能性が広がりますよね。 W3C ではまだ、 どのコーディックをサポートするか が決定されていないようです。 ※ W3C とは簡単に説明すると、 Web標準を決める非営利団体。 1つのコーディックに決定される、 ということはないとは思いますが、 早く決定してもらいたいですね。 今問題というか揉めているのは、 ビデオのエンコードとデコードに使用される コーディックのライセンス料。 例えば、Mozilla が、 H.264 コーディックの使用許可を、 H.264 テクノロジを管理する業界団体 MPEG LA から受けるとなると、 500万ドルのライセンス料を 支払わなければならないようです。 ちなみにWebブラウザでは、 Firefox と Opera では、 Ogg Theora をサポート。 Safari [...]

WordPress

WordPress とは CMS の1つです。 主にブログをブログを構築する際に用いられます。 Webページも作成することもできます。 ASPが提供している無料ブログサービスは、 ドメイン選択はできません。 ワードプレス をはじめとするCMSでは、 自分でレンタルサーバーを借りて、 独自ドメインにてブログを構築することが出来ます。 ASPが提供している無料ブログとは異なり、 自分がブログのオーナーであり、 CMSのオーナーでもあるので、 さまざまなカスタマイズが可能です。 MT も同様にCMSですが、利用形態によっては、 有料のライセンスを購入しなければなりませんが、 WordPress は、無償で手にいれることが可能です。 個人利用、商用利用ともに無料です。 WordPress のテンプレートは、 PHP のコードも埋め込めますので、 PHP の知識がある人であれば、 柔軟なテンプレートの構築が可能です。 関連リンク http://ja.wordpress.org/

レンタルサーバ

レンタルサーバとは、ホームページやメール等に必要な データを保存する場所をレンタルするサービスです。 レンタルサーバ業者はインターネットへの接続回線や サーバを持たない方へ、自社で保有するサーバーを提供します。 提供アプリケーション、提供HDD容量など、 サービス内容はレンタルサーバー各社でさまざまですが、 ユーザは初期費用と月額費用を支払うだけで、 サービスの提供を受けることが出来ます。

リファラ

リファラ とは、現在閲覧しているWebページの直前に 閲覧していたWebページ情報の事です。 ブックマークを選択したり、ロケーションバーに直接 入力されたものではなく、あるWebページのハイパーリンクを クリックして訪れたWebページでのみ収集できる情報です。 これをたどれば、ユーザーがどのページのハイパーリンクを クリックして、このサイトに訪れたのか、 またどんなキーワードで検索されたのか把握出来ます。 SEOや広告の効果を把握する為に、 重要なチェック項目となります。

リスティング広告

リスティング広告、検索連動型広告とは、 検索エンジンで検索されたキーワードに関連した広告を、 検索結果に表示するものです。 オーバーチュア の スポンサードサーチや、 Google の アドワーズ があります。 広告テキストやリンク先も細かく設定することが可能で、 一般的に検索したキーワードが広告文に含有させるとか、 広告文に合わせたWebページに誘導するほうが成果に つながりやすい傾向もあるようです。 リスティング広告からリダイレクトされるページは、 キーワードや広告文を意識擦る必要もあります。

Web用語辞典 検索エンジン用語辞典 パソコン用語辞典

FEED

タグクラウド

新着記事

sponsored link

応援感謝です! m(._.)m


SE99隊.jp を検索

全カテゴリー一覧

携帯SE99隊.jp

携帯SE99隊.jpはこちら
携帯SE99隊.jp

お気に入り

カレンダー

2024年10月
« 6月    
 12345
6789101112
13141516171819
20212223242526
2728293031  

月間アーカイブ

リンク集

社会貢献活動