Hebikuzure's Tech Memo

2009年9月27日

開発者ツールの新しいチュートリアルをご覧ください

Filed under: Internet Explorer — hebikuzure @ 12:12 PM

Check Out the New Developer Tools Tutorials
http://blogs.msdn.com/ie/archive/2009/07/23/check-out-the-new-developer-tools-tutorials.aspx


「連休で…」と言っていたのに全然進みませんでした。今頃更新です。

以下の文章は IE Blog の 7/23記事 Check Out the New Developer Tools Tutorials を hebikuzure が私的に試訳したものです。翻訳については Microsoft Corporation およびマイクロソフト株式会社とは無関係に hebikuzure が公開情報に基づき独自に行ったものであり、この文書の内容についての文責は公開者である hebikuzure にあります。翻訳の内容および技術的内容については正確を期すよう十分な注意を払っておりますが、誤りや不正確な部分が含まれている可能性がありますので、本文書を利用される際には原文も併せてご確認ください。


開発者ツールの新しいチュートリアルをご覧ください

今回は開発者ツールのコンテンツに新たに追加されたチュートリアルを紹介しようと思います。これらのチュートリアルは Web ページの問題を解決するための開発者ツールの使い方を学ぶのに役立つように作られています。それぞれのチュートリアルは、ページ上のテキストの変更や CSS クラスの更新、Jscript の変数の調査などのプログラム上の解決すべき課題に合わせて構成されています。ステップ バイ ステップのインストラクションに従って、これらの問題や類似の問題を解決するために開発者ツールをどのように使うのかが学習できます。

こんにちは、私は Duc “Cash” Vo です。Internet Explorer チームでプログラマー ライターを勤めており、開発者ツールについてのコンテンツを作成する事にわくわくしています。Web 開発者として、私は長らく統合された開発者ツールを望んでおり、IE8 でその願いが叶ったのです! この記事は私の IE Blog への初投稿ですが、このコミュニティーで開発者ツールの機能や改善についてお話しするのを楽しみにしていました。

Internet Explorer 8 のベータ版のリリースごとに、MSDN で開発者ツールの機能と利点について確認されており、また実際にお試しになっていたと思います。(もしそうでないのなら、先に進む前に MSDN の開発者ツールの記事をすぐに確認される事をお勧めします) IE8 の最終版のリリースに伴い、チュートリアルのシリーズを書き、試す事のできる “サンドボックス” を作成しました。

チュートリアルは、開発者ツールを使って解決できる Web サイトの問題の種類に基づいて分類されています。また Web 開発者のタスクに基づいてトピックごとに表題を付けました。例えば HTML セクションには以下のようなトピックが含まれています:

  • Item header を Item Description に変更したい
  • すべての価格を中央揃えしたい
  • 価格合計のフィールドを読み取り専用の要素にしたい

同じように、CSS セクションには以下のトピックが含まれています:

  • .listingsTable クラスを更新したい
  • 新しいクラス .price を追加して、価格の列に適用したい

http://msdn.microsoft.com/en-us/library/dd565631(VS.85).aspx で開発者ツール チュートリアルをお試しいただき、お楽しみください。それをされたら、ぜひチュートリアルを使った際のエクスペリエンスについてお聞かせください。チュートリアルをより有益な物にするにはどうすればよいか、またどのようなスキルやシナリオを追加すべきか、お聞かせください。

次回もお楽しみに、

Duc (Cash) Vo
プログラマー ライター
Internet Explorer

コメントする »

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

RSS feed for comments on this post. TrackBack URI

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

WordPress.com で無料サイトやブログを作成.

%d人のブロガーが「いいね」をつけました。