本を無料で貰えるサイトを作る No.2   27 Jan 2017

モデルさんかわいい

Webサイトを作るとなるとさっそくガンガンコード書いていきたいけど、今回はいつもと違ってしっかりと几帳面な開発工程を踏みたい。なので、READMEを書こうかな。（READMEはそのプロジェクトを説明する文献的なもの）

何をするにせよ、開発していく過程でプロジェクトの名前がないと不便なので仮名として、hpbooksにする。語順はHPBを意識し変えて、Happy Presents, books を略した。読み方は、「エイチピーブックス」でいいと思う。

さて、READMEに何を書くかを決めよう。まず、このプロジェクトを１文ぐらいで説明する。僕はこのプロジェクトのテーマを大事にしたいから、テーマを書く。とりあえず、こんなものでいいか。技術系の事とかはすべて、Wikiに収めよう。

出来ました。まだ、何も中身のないのにreadmeだけ作ってしまいました。こんなプロジェクト初めてみました。でもこれで軽い文献は出来たので実際にコーディングの方に入っていきます。

さて、前回で決まったことといえば開発環境。

Sinatraを使うことにしました。なので、ひとまずは公式ドキュメントを見て開発を進めていきましょう。

公式ドキュメントでは、hello world(一番単純なコード)の例が載ってました。

# myapp.rb
require 'sinatra'

get '/' do
  'Hello world!'
end

これだけあれば、ホームページは出来てしまいますね。では、さっそく、ルーティングから初めて、Hello hpbooksのコードを書いていきます。

hpbooks.rbというファイルを作り、以下のように記述して、rubyコマンドで動かしてみます。

require 'sinatra'

get '/' do
  "hello hpbooks! and sinatra"
end

そして、localhost:4567をブラウザで開いてみるとちゃんと出来てました。ほっ。

この前の過程で、gemfileを作って、もちろん、sinatraをinstallしてます。

あれ、なんか丁寧に解説してしまった。

ひとまず、その後は、slimとscssをインストールして、終わりました。

ちなみに、今回作ったものはhpbooksにおいてあります。。

この後は、デザインのレイアウトを決めたいと思います。