joppot

コピペで絶対動く。説明を妥協しない

プログラミング

macにmiddlemanの環境構築をする

投稿日:

Pocket

of

概要

みなさんこんにちはcandleです。今回はmacにmiddlemanの環境構築をしてみたいと思います。
middlemanといえばwebサイト作成支援ツールみたいなものです。
githubやherokuなどに公開したりできて非常に便利です。

前提

brewを使用するのでxcodeのインストール。
brewの準備はしておいてください。



rbenvをインストールする

middlemanはrubyで動いています。なのでrubyのバージョンとの相性が重要になっていると思います。
macに入っているrubyは往々にして古いことが多いです。だからと言って最新バージョンを入れても場合によってはライブラリが動かなかったりします。
そこで、現在一番使いやすいrubyのバージョンを使うためにrubyのバージョン管理ツールrbenvをいれます。
これはbrewで簡単に入れられるので入れましょう。

brew install rbenv

installrbenvbybrew

続いて、ホームディレクトリにある.bash_profileを開いて、以下を記述します。

eval "$(rbenv init -)"

rbenvinit

rbenvのインストールが終わりました。

rubyをインストールする

それではrubyをインストールします。
インストールできるバージョンを確認します。

rbenv install --list

最新バージョンをインストールしましょう。
この記事を執筆中は2.3.1です。
2.3.1を探します。

checkrubyversion231

インストールします。

rbenv install 2.3.1

getruby231

時間がかかります。

以下のコマンドでMac全体でruby 2.3.1が使えるようにします。

rbenv global 2.3.1

バージョンを確認します。

ruby -v

2.3.1と出れば成功です。
もしも、でない場合は一度 rbenv rehashを走らせてもう一度グローバルの設定をしてみてください。
rubysantenni


middlemanのインストール

以下のコマンドでmiddlemanをインストールします。

gem install middleman

installing_middleman

エラーなく終わればmiddlemanのインストール終了です。


middlemanのプロジェクトを作成する

適当なフォルダでプロジェクトを作ってみましょう。

middeman init hello

質問が出てきます。
「Do you want to use Compass?」これはcssの拡張のcompasssというのを使うかという質問です。
続いて、「Do you want to use LiveReload? 」と質問されます。
これはファイルが変更されるたびにブラウザを自動リロードする機能を使うかという質問です。
「Do you want a Rack-compatible config.ru file?」はRackの 機能なのか?よくわからないです。
こんな感じでに答えて作りました。

middleman-init

hello プロジェクトに移動して

cd hello

middleman serverと打ち込みサーバーを起動しましょう。

middleman server

startserver

あとはlocalhostの4567ポートにアクセスすれば見れるはずです。

ブラウザで

http://localhost:4567

にアクセスします。

welcometomiddleman

まとめ

動きましたね。

スポンサードリンク

「為になったなぁ」と思ったら、シェアお願いします。

-プログラミング
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

railsでsvgをviewに表示する

概要 みなさんこんにちはcandleです。 今回はrailsでsvgを出力します。 レスポンシブウェブデザインから始まり、最近ではwebでもsvgの使用が増えてきたような気がします。 手こずらずにsv …

railsのrakeのmigrationファイルを削除しNO FILEとstatusに出た時の対処

概要 みなさんこんにちはcandleです。今回は誤ってデータベースに反映したマイグレーションファイルを不要だと思って削除した時に、NO FILEと出てきてしまった時の対処です。 言うなれば、下のような …

pythonのfabricでファイルを分割しfabfileに読み込む方法

概要 皆さんこんにちはcandleです。今回はfabricで分割したpythonファイルを読み込んでみましょう。 fabricはfabfile.pyというファイルに実行したいコマンドを書くのですが、 …

wordpressで任意のサブカテゴリー全てをget_categoriesで取得する

概要 みなさんこんにちはcandleです。今回はwordpress開発でよくあるサブカテゴリーを全て取得する方法を紹介します。 カテゴリー一覧をサイドバーに表示したい時があります。この時、get_ca …

railsのsimple-captcha gemを使用してform_forを使ったフォームを画像認証する

概要 みなさんこんにちはcandleです。公に開かれたフォームはスパムや総当り攻撃を受けやすいです。 そこで、画像認証を導入して、悪意のあるフォームを拒否してみましょう。 simple-captcha …

  • English
  • 日本語

プロフィール


ベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。自動化が大好きなプログラマー

スポンサードリンク

アーカイブ