SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

連載記事

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの書籍も豊富です。

ITエンジニアとしてのスキルアップ・リスキリングに、ぜひお役立てください。

書籍に関する記事を見る

'); googletag.cmd.push(function() { googletag.pubads().addEventListener('slotRenderEnded', function(e) { var ad_id = e.slot.getSlotElementId(); if (ad_id == 'div-gpt-ad-1659428980688-0') { var ad = $('#'+ad_id).find('iframe'); if ($(ad).width() == 728) { var ww = $(window).width(); ww = ww*0.90; var style = document.createElement("style"); document.head.appendChild( style ); var sheet = style.sheet; sheet.insertRule( "#div-gpt-ad-1659428980688-0 iframe {-moz-transform: scale("+ww/728+","+ww/728+");-moz-transform-origin: 0 0;-webkit-transform: scale("+ww/728+","+ww/728+");-webkit-transform-origin: 0 0;-o-transform: scale("+ww/728+","+ww/728+");-o-transform-origin: 0 0;-ms-transform: scale("+ww/728+","+ww/728+");-ms-transform-origin: 0 0;}", 0 ); sheet.insertRule( "#div-gpt-ad-1659428980688-0 div{ height:"+(90*ww/728)+"px;width:"+728+"px;}", 0 ); } else { if ($(window).width() < 340) { var ww = $(window).width(); ww = ww*0.875; var style = document.createElement("style"); document.head.appendChild( style ); var sheet = style.sheet; sheet.insertRule( "#div-gpt-ad-1659428980688-0 iframe {-moz-transform: scale("+ww/320+","+ww/320+");-moz-transform-origin: 0 0;-webkit-transform: scale("+ww/320+","+ww/320+");-webkit-transform-origin: 0 0;-o-transform: scale("+ww/320+","+ww/320+");-o-transform-origin: 0 0;-ms-transform: scale("+ww/320+","+ww/320+");-ms-transform-origin: 0 0;}", 0 ); sheet.insertRule( "#div-gpt-ad-1659428980688-0 div{ height:"+(180*ww/320)+"px;width:"+320+"px;}", 0 ); } } } }); }); } else { document.write('
'); document.write('
'); }
CodeZineニュース

MS、無償のWeb制作者向けIEプラグイン「Internet Explorer Developer Toolbar」正式版公開

  • X ポスト
  • このエントリーをはてなブックマークに追加

  • X ポスト
  • このエントリーをはてなブックマークに追加

Microsoftは、IE用プラグイン「Internet Explorer Developer Toolbar」正式版をリリースした。

 Microsoftは9日、IE用プラグイン「Internet Explorer Developer Toolbar」正式版をリリースした。以前からWeb開発者向けにリリースされていたプラグインだが、今回よりバージョン1.00の正式版となった(リリースされたのは、バージョン1.00.2188.0)。

 Internet Explorer Developer ToolbarはMicrosoftのWebサイトより無償でダウンロードできる。IE7の場合、インストールするとブラウザの右上に小さなアイコンが現れ、これをクリックするとメニューが表示されるようになる。

Internet Explorer Developer Toolbar
Internet Explorer Developer Toolbar

 Webサイトにおける画面デザインでは、HTMLのDOM構造やCSS適用内容、要素のサイズなど、実際にブラウザを通した表示を見ながら検証していく必要がある。Internet Explorer Developer Toolbarを使うと検証したい変更をプレビューしながら行えるため、これらの作業を効率よく行うことができる。

 Internet Explorer Developer Toolbarの主な機能は以下の通り。

  • DOMツリーの表示(画面上の要素をクリックすることでツリーの該当部分を表示させることができる)
  • 要素の属性表示・追加・削除
  • 適用CSSの詳細表示
  • Script、ポップアップブロック、CSSのオフ
  • class、IDの表示
  • リンクパスの表示
  • タブインデックス、アクセスキーの表示
  • DIVタグ、TABLEタグのアウトライン表示
  • 画像の制御、代替テキストの表示
  • クッキーの制御
  • ルーラー
  • カラーピッカー
  • HTML、CSSなどのバリデートチェック

 Firefoxでは、DOM InspectorやWeb Developerなど、同様の機能を実現するアドオンがあるが、IEにおいては、Internet Explorer Developer Toolbarが強力なツールになりそうだ。

Internet Explorer Developer Toolbar

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/1338 2007/05/11 19:07
" ); }

おすすめ

アクセスランキング

  1. 1
    VSCodeの拡張機能を使ってリモート開発しよう
  2. 2
    Docker、「Docker Desktop 4.40」をリリース。LLMをローカルで実行できるDocker Model Runnerなどが追加 NEW
  3. 3
    さまざまなAIエージェントを網羅したリスト「Awesome AI Agents」がGitHubにて公開
  4. 4
    Rust 2024における構文と標準ライブラリの変更
  5. 5
    「Swift」の最新バージョン、Swift 6.1がリリース NEW
  1. 6
    なりたくなかったマネージャーが天職に? 知らない景色に飛び込むエンジニアは「何にだってなれる」
  2. 7
    会社から「脆弱性をなくせ」と言われたら──開発者の負担を軽減するセキュリティテスト自動化ツール NEW
  3. 8
    Cognition、AIソフトウェアエンジニア「Devin 2」を発表 月額20ドルから利用可能に
  4. 9
    プロジェクトマネージャーなら知っておきたい、心理的安全性を生み出すチーム盛り上げプロデュース術
  5. 10
    技術の「幅」を広げるのが重要——丸井グループが誇るエポスカードの巨大システムに挑むエンジニアの奮闘記 NEW

アクセスランキング

  1. 1
    VSCodeの拡張機能を使ってリモート開発しよう
  2. 2
    Docker、「Docker Desktop 4.40」をリリース。LLMをローカルで実行できるDocker Model Runnerなどが追加 NEW
  3. 3
    さまざまなAIエージェントを網羅したリスト「Awesome AI Agents」がGitHubにて公開
  4. 4
    Rust 2024における構文と標準ライブラリの変更
  5. 5
    「Swift」の最新バージョン、Swift 6.1がリリース NEW
  6. 6
    なりたくなかったマネージャーが天職に? 知らない景色に飛び込むエンジニアは「何にだってなれる」
  7. 7
    会社から「脆弱性をなくせ」と言われたら──開発者の負担を軽減するセキュリティテスト自動化ツール NEW
  8. 8
    Cognition、AIソフトウェアエンジニア「Devin 2」を発表 月額20ドルから利用可能に
  9. 9
    プロジェクトマネージャーなら知っておきたい、心理的安全性を生み出すチーム盛り上げプロデュース術
  10. 10
    技術の「幅」を広げるのが重要——丸井グループが誇るエポスカードの巨大システムに挑むエンジニアの奮闘記 NEW
  1. 1
    世界6000万ユーザーの「TimeTree」、サービスの未来を見据えて挑んだデータベース移行の舞台裏
  2. 2
    プロジェクトマネージャーなら知っておきたい、心理的安全性を生み出すチーム盛り上げプロデュース術
  3. 3
    VSCodeの拡張機能を使ってリモート開発しよう
  4. 4
    データサイエンス基礎を高校数学から復習しよう! D3.jsでデータを表現する
  5. 5
    macOS上のアプリケーションからChatGPTが呼び出せるように。各種IDEやターミナル、メモなどが対応
  6. 6
    Rust 2024における構文と標準ライブラリの変更
  7. 7
    「アップサート」 ~マンガでプログラミング用語解説
  8. 8
    なりたくなかったマネージャーが天職に? 知らない景色に飛び込むエンジニアは「何にだってなれる」
  9. 9
    「Tailwind CSS」の公式UIライブラリ「Tailwind UI」、サービス拡大を視野に「Tailwind Plus」へ名称変更
  10. 10
    オープンソーステキストエディタ「Emacs 30.1」リリース

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

メールバックナンバー

アクセスランキング

  1. 1
    VSCodeの拡張機能を使ってリモート開発しよう
  2. 2
    Docker、「Docker Desktop 4.40」をリリース。LLMをローカルで実行できるDocker Model Runnerなどが追加 NEW
  3. 3
    さまざまなAIエージェントを網羅したリスト「Awesome AI Agents」がGitHubにて公開
  4. 4
    Rust 2024における構文と標準ライブラリの変更
  5. 5
    「Swift」の最新バージョン、Swift 6.1がリリース NEW
  1. 6
    なりたくなかったマネージャーが天職に? 知らない景色に飛び込むエンジニアは「何にだってなれる」
  2. 7
    会社から「脆弱性をなくせ」と言われたら──開発者の負担を軽減するセキュリティテスト自動化ツール NEW
  3. 8
    Cognition、AIソフトウェアエンジニア「Devin 2」を発表 月額20ドルから利用可能に
  4. 9
    プロジェクトマネージャーなら知っておきたい、心理的安全性を生み出すチーム盛り上げプロデュース術
  5. 10
    技術の「幅」を広げるのが重要——丸井グループが誇るエポスカードの巨大システムに挑むエンジニアの奮闘記 NEW

アクセスランキング

  1. 1
    VSCodeの拡張機能を使ってリモート開発しよう
  2. 2
    Docker、「Docker Desktop 4.40」をリリース。LLMをローカルで実行できるDocker Model Runnerなどが追加 NEW
  3. 3
    さまざまなAIエージェントを網羅したリスト「Awesome AI Agents」がGitHubにて公開
  4. 4
    Rust 2024における構文と標準ライブラリの変更
  5. 5
    「Swift」の最新バージョン、Swift 6.1がリリース NEW
  6. 6
    なりたくなかったマネージャーが天職に? 知らない景色に飛び込むエンジニアは「何にだってなれる」
  7. 7
    会社から「脆弱性をなくせ」と言われたら──開発者の負担を軽減するセキュリティテスト自動化ツール NEW
  8. 8
    Cognition、AIソフトウェアエンジニア「Devin 2」を発表 月額20ドルから利用可能に
  9. 9
    プロジェクトマネージャーなら知っておきたい、心理的安全性を生み出すチーム盛り上げプロデュース術
  10. 10
    技術の「幅」を広げるのが重要——丸井グループが誇るエポスカードの巨大システムに挑むエンジニアの奮闘記 NEW
  1. 1
    世界6000万ユーザーの「TimeTree」、サービスの未来を見据えて挑んだデータベース移行の舞台裏
  2. 2
    プロジェクトマネージャーなら知っておきたい、心理的安全性を生み出すチーム盛り上げプロデュース術
  3. 3
    VSCodeの拡張機能を使ってリモート開発しよう
  4. 4
    データサイエンス基礎を高校数学から復習しよう! D3.jsでデータを表現する
  5. 5
    macOS上のアプリケーションからChatGPTが呼び出せるように。各種IDEやターミナル、メモなどが対応
  6. 6
    Rust 2024における構文と標準ライブラリの変更
  7. 7
    「アップサート」 ~マンガでプログラミング用語解説
  8. 8
    なりたくなかったマネージャーが天職に? 知らない景色に飛び込むエンジニアは「何にだってなれる」
  9. 9
    「Tailwind CSS」の公式UIライブラリ「Tailwind UI」、サービス拡大を視野に「Tailwind Plus」へ名称変更
  10. 10
    オープンソーステキストエディタ「Emacs 30.1」リリース