CodeZine(コードジン)

特集ページ一覧

Visual Studio 2013のリリースとASP.NETおよびEntity Frameworkの機能改善についてのお知らせ

連載:ScottGu's Blog翻訳

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2013/10/28 14:00

目次

Bootstrapのあるレスポンシブプロジェクトテンプレート

 ASP.NET Webフォーム、MVC、Web API、SPAの新しいデフォルトプロジェクトテンプレートは、Bootstrapを使用して構築されています。

 BootstrapはオープンソースCSSフレームワークで、携帯電話、タブレット、デスクトップなどの異なる環境で見栄えのいいレスポンシブWebサイトを構築できます。

 例えば、ブラウザウィンドウで、MVCテンプレートで作成したホームページは、以下のようになります。

 それが電話でどのように見えるのかを確認するために、細長いウィンドウにブラウザのサイズを変更してみると、コンテンツがうまくラップされて、水平の上部メニューがアイコンに変わることが確認できます。

 上部のメニューアイコンをクリックすると、縦のメニューに展開し、小さい画面のデバイスに適したナビゲーションが実現できます。

 Bootstrapにより、開発者は、電話、タブレット、その他のモバイルデバイス上で最適なWebアプリケーションが構築できるようになり、またすでにあるBootstrap CSSテンプレートのリッチなエコシステムを最適利用できるアプリケーションを簡単に構築できると思います。Bootstrapの詳細については、ここからご確認頂けます。


  • LINEで送る
  • このエントリーをはてなブックマークに追加

バックナンバー

連載:Scott Guthrie氏 Blog翻訳

もっと読む

著者プロフィール

  • WINGSプロジェクト Chica(チカ)

    <WINGSプロジェクトについて> 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...

あなたにオススメ

All contents copyright © 2005-2021 Shoeisha Co., Ltd. All rights reserved. ver.1.5