Code Fan 49

中年で開発に目覚めたおじさんの技術ブログ。WordPress・Rails・Cloud9などなど。

Ruby on Rails

【50歳からのRailsアプリ開発 vol.6】Bootstrap4でヒーローイメージを整える vol. 1

はじめに このシリーズ、1ヶ月以上放置は流石にひどいだろう、なのでちょっぴり進めます。 ちょっぴりね・・・。 今回はヒーローイメージ周辺をBootstrap4を用いて整えます。 作成しているレイアウトはこちら。 作るのはこのへんです。解像度低くてすいませ…

【50歳からのRailsアプリ開発 vol.5】Bootstrap4でヘッダーを整える。variables.scssをパーシャルし、編集して初期設定を変更する。

はじめに 今回はせっかく導入したBootstrap4を活用してヘッダーを整えます。 Bootstrapを使って見るのは初めてなので、公式サイトを引用しつつ、それがどんなCSSとなっているかも見ていければいいかなと。 getbootstrap.com 工程 1. 作りたいデザイン。 以前…

【50歳からのRailsアプリ開発 vol.4】Bootstrap4(正式リリース版)の導入。

はじめに。 Railsに限らずWordPressやDreamweaverでも使わないことのないBootstrap4が3日前に正式リリースになってました。 www.atmarkit.co.jp これはもうさっそく使ってみるしかないでしょう。 公式を眺めながらRailsで使えるようにしたいと思いますー。 g…

【50歳からのRailsアプリ開発 vol.2】大まかなルーティングを静的ページで仮作成。

はじめに 今日はあまり時間もないので、routingだけを作ることに。 書き方もRailsTutorialを確認しつつ、進める。 準備 gemfileは、とりあえずRailsTutorialのままです。 Ruby on Rails チュートリアル:実例を使って Rails を学ぼう 普通にbundle install -…

【50歳からのRailsアプリ開発 vol.1】トップページのワイヤー作成

はじめに 2018年。さあさあ、もうやる気を出していけなくてはいけませんね。 今日はさっさと雑用(更新とか)と冬休み宿題のWPデモ作成を済ませたので、こちらに取り掛かります。 まずはRailsTutorialの文法?に従い、ワイヤーフレームの作成から進めます。 …

【50歳からのRailsアプリ開発 vol.0】開発環境整備

はじめに あけましておめでとうございます。 さてさて2018年ですね。ここ数年西暦と和暦がわかりにくい気がしませんか? ともあれ2018年です。平成30年です。 とりあえずフリーランス生活を続けておりますが、昨年趣味の様にいじっていたRuby on Railsで何か…