SHOEISHA iD

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

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

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

VS 2008を利用したASP.NET 3.5の開発方法を学習する

Visual Studio 2008で進化するASP.NET 3.5の開発手法(前篇)

VS 2008を利用したASP.NET 3.5の開発方法を学習する 1


HTMLデザイナとフォームデザイナの変更点

 VS 2005まではASP.NETのサーバーコントロールを張り付けるフォームデザイナと、タグの修正・追加を行うHTMLデザイナ2種類の画面を適宜切り換えてWebフォームのデザインを構築していたと思います。VS 2008ではExpression Webで採用されているWebデザイナと同じものを使用することになりました。

 従来に比べ体感できるほど高速に、フォームデザイナとHTMLデザイナを切り替えられるほか、2つのデザイナを並べて表示することも可能になりました(分割ビュー)。下図のとおり、[デザイン]と[ソース]の間にある[並べて表示]を選択することで、HTMLデザイナ(上)とフォームデザイナ(下)を同時に表示できます。

図7 HTMLデザイナとフォームデザイナ両方を並べて表示
図7 HTMLデザイナとフォームデザイナ両方を並べて表示

 このフォームデザイナとHTMLデザイナを並べて表示するメリットは、修正内容をすぐに確認できる点です。

 並べて表示している状態でフォームデザイナ上にサーバーコントロールを配置すると、HTMLデザイナ上にもタグが記述されます(図8)。逆にタグを記述した後にフォームデザイナをクリックすることで、サーバーコントロールが表示されます。

 公式に発表はされていませんが、これはタグ内部の記述が正しく行われていない場合にフォームデザイナで表示できない場合があるので(IDの記述漏れなど)、タグ入力が確定したのをフォームデザイナに通知する必要があるからではないかと考えられます。

図8 HTMLデザイナとフォームデザイナの内容が一致している画面
図8 HTMLデザイナとフォームデザイナの内容が一致している画面

 分割ビューは、上下だけでなく左右に分割して表示することも可能です。左右に分割して表示するには、まず[ツール]-[オプション]を選択します。初期設定では一部の項目しか表示されないので、ダイアログの下にある[すべての設定を表示]にチェックを付けます(図9)。

図9 オプションダイアログ
図9 オプションダイアログ

 チェックを付けるとすべての設定が表示されるので、[HTMLデザイナ]を選択して、[ビューを左右に分割する]にチェックを付けて[OK]をクリックします(図10)。

図10 すべての設定が表示されているオプションダイアログ
図10 すべての設定が表示されているオプションダイアログ
Beta 2では
 Beta 2の段階では、上記の設定を行ってもすぐには反映されません。一度、VS 2008を再起動してから[並べて表示]を選択すると、左右に分割された画面が表示されます(図11)。
 

 個人の好みもあるかと思いますが、上下分割は1行に表示されるタグの範囲が広いので、タグに直接触れる機会が多い方に向いているのに対し、左右分割はWebページを閲覧しながらCSSの調整を行う場合に向いているのではないかと思います。

図11 HTMLデザイナとフォームデザイナの内容が一致している画面
図11 HTMLデザイナとフォームデザイナの内容が一致している画面

次のページ
CSS管理機能の向上

修正履歴

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

VS 2008を利用したASP.NET 3.5の開発方法を学習する連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

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

WINGSプロジェクト ナオキ(ナオキ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。 2026年時点での登録メンバは約50名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

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

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

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/1777 2008/08/21 21:17

イベント

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

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

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー