joppot

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

プログラミング

macにmiddlemanの環境構築をする

投稿日:


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のaws-sdk gemを使ってs3のファイルを削除する

by martinak15 概要 みなさんこんにちはcandleです。今回はs3にアップロードされている画像ファイルをrailsのaws-sdk gemを使用して削除してみたいと思います。 記事中で開 …

wysiwygエディタのSquire editorのサンプルを作成する

概要 みなさんこんにちはcandleです。 今回オープンソースのsquireエディタをhtmlに手動で導入したいと思います。 squireはオープンソースの便利なwysiwygエディタです。 カスタマ …

docker コマンドのショートカットをbash aliasで作成しました

概要 みなさんこんにちはcandleです。今回はdockerコマンドを簡単に操作するためのエイリアスを紹介します。もちろん、僕が便利かなと思って作成したものなので、コピペしてもらい自由により使いやすく …

railsのcarrierwaveとremotipartで画像のアップロードを非同期にしjsonを受け取る

概要 みなさんこんにちはcandleです。今回はremotipartとcarrierwaveを使って画像のアップロードをajax化したいと思います。 railsのフォームはremote設定をするだけで …

ruby on railsで出力されるlog(ログ)のフォーマットを変更する

概要 みなさんこんにちはcandleです。今回はrailsのログに関する記事です。railsは決まった記述でログを出力します。 webアプリケーションを実行中におかしな挙動が合った場合はこのログをもと …

  • English
  • 日本語

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