エンジニアのひよこ_level10

【毎日更新!】新卒2年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

【個人サイト制作記2】Bootstrapを使って簡単TOPページ【420日目】

この記事はなに?

個人サイトを作るときになにをしたかを書いてるよ。

似た手順を踏めば、いつか私のサイトと似たレベルなら作れるかも?

前回

GCPでいろいろ頑張った

www.nyamucoro.com

今回のゴール

前回でLaravelのTOPページが出たので、

f:id:willow710kut:20181207212859p:plain

ここまで。

何をしたか

1.bootstrap公式サイトから、サンプルをダウンロード

ここのSource filesのダウンロードを選択

Download · Bootstrap

2.ファイルを解凍

3.良さげなサンプル探す

Examples · Bootstrap

4.サンプルのコードをコピペ

⁨bootstrap-4.1.3⁩/⁨site⁩/⁨docs⁩/⁨4.1⁩/⁨examples⁩/

サンプルページのコードがあるので、任意のbladeにコピペ(私は⁨jumbotron⁩を使いました)

5.サンプルと同じ画面が出たら、文字を直接bladeに打ち込む

(まだ動的にしない。それはまた今度)

どうだった?

いきなりサイトを動的にすると、ハードル上がるので、静的にしたのはよし。

サンプルを使うと、一瞬でいい感じになるね。

ここから、テーマを探したり、人によってはテンプレを探しても良いかも。
ただ、この経験しないでいきなりテンプレ探すとハマりそうなので、一度公式を使うのもありかもね。

お疲れ様でした!