9」から利用できるようになった神機能「レスポンシブ・デザイン・モード」を試してみよう。9」から利用できるようになった神機能「レスポンシブ・デザイン・モード」を試してみよう。9」から利用できるようになった神機能「レスポンシブ・デザイン・モード」を試してみよう。Capitan]が公開されました。9」の開発メニューで、新機能の「レスポンシブ・デザイン・モード」が使えるようになりました。ウェブサイト制作者にとっては大変嬉しいこの機能の使い方を紹介します。「環境設定」から「詳細」をクリックして、一番下にある「メニュバーに"開発"メニューを表示」を選択してチェックマークを入れます。メニューバーに「開発」という項目が表示されます。この「開発」をクリックすると「レスポンシブ・デザイン・モードにする」という項目が表示されているはずです。ショートカットキーでは「command」+「option」+「R」が割り当てられていますね。⌘+option+Rこれで「レスポンシブ・デザイン・モード」を有効化すると、以下の画像のように、各モバイルデバイスでウェブサイトがどのように表示されるかを確認することができます。デフォルトで選択できるデバイスおよびウィンドウサイズのリストは以下のとおり。1080なお、ここで表示確認ができるのは上記のApple製の端末に限られます。他のユーザーエージェントに偽装してウェブサイトを確認するには?先述のとおり「レスポンシブ・デザイン・モード」で表示確認ができるのはApple製の端末に限られますが、同じ「開発」メニュー内に「ユーザーエージェント」という項目があり、ここからユーザーエージェントを簡単に偽装することも可能です。ウェブサイト制作をスムーズに進めるためのこれらの機能。用途に合わせて使い分けていきましょう。オンズ株式会社オンズ制作チーム。ウェブサイト制作、デザイン制作でお悩みの際はお気軽にご相談ください。https://on-ze.comTwitterFacebookFeedlyLINEこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。Charger]をオススメします。アップデートしています。黒ヴァージョンのデザイン画像!【Mac】スクリーンショット機能でよく使うキーボードショートカットのメモ。【2015年版】ウェブ制作会社の社長が作業環境を晒します。