macでmakeを使えるようにする方法

node.jsでnpmコマンドを使って、モジュールをインストールしようとしたときに、makeがないと怒られたので、macでmakeを使えるようにする手順をメモ

１．XcodeをAppStoreからインストール
２．AppleのMac Dev Centerへアクセス（ログインが必要）
３．DownloadsのAdditional Downloadsにある「View all downloads」を選択
４．Command Line Tools for Xcodeをダウンロードしてインストール

以上で、makeができるようになった。。

XcodeをDev Centerからダウンロードしてインストールすると、Xcodeのpreferencesからインストールできるらしい。。。

bloggerのモバイルテンプレート

bloggerのモバイルテンプレート機能がレスポンシブ・デザインに合うかを調査
公式な情報はうまく見つけられなかったが、どうもブラウザのユーザ・エージェントでPC/モバイルのどちらのテンプレートを利用するかを決めているよう

Safariのデフォルトのユーザ・エージェントでアクセスした場合、

Safariのユーザ・エージェントを「Safari iOS 5.1 - iPhone」に変更した場合、

モバイルテンプレートを適用する場合は、URLに「?m=1」という文字列が自動的に追加された。また、URLに「?m=1」をつけたままSafariのデフォルトのユーザ・エージェントに切り替えても、モバイルテンプレートが適用された。iPadのユーザ・エージェントでは、モバイルテンプレートは適用されず、PCのテンプレートが適用された。

結論としては、表示画面の幅に応じて、デザインを切り替えるレスポンシブ・デザインでは、ユーザ・エージェントによってテンプレートを切り替える方法は適切ではない。
そのため、今回、モバイルテンプレート機能はオフにした。

Safariでユーザ・エージェントを切り替える方法：

・「開発」メニュー > 「ユーザエージェント」から、切り替えたいユーザ・エージェントを選択
・「開発」メニューが表示されない場合、「Safari」メニュー > 「環境設定」を開き、「詳細」タブで「メニューバーに”開発”メニューを表示」にチェックが入っていることを確認する

モバイルテンプレートを無効にする方法：

・bloggerのメニューにある「テンプレート」タブを選択し、表示される画面にある歯車マークを選択して、「いいえ。携帯端末でPCテンプレートを表示する」を選択する

レスポンシブデザインの勉強

最近、Web UIデザインの勉強を始めました。
流行のWeb UIデザインは、Responsive Designというらしく、これを試しに作成してみるため、オトなか　れすぽんしぶというbloggerを新しく作成しました。

最新の作成状況は、そちらのサイトで確認できます。