主婦がアプリをリリースするまでの軌跡

自宅でお小遣い稼ぎをしたい主婦がアプリリリースを目指すブログです。

【Rails】$rake db:rollbackしたい時の間違えない手順

こんにちは、マリンです。 未だ初心者の域を脱しない私は、よくmigration周りでやらかします。 一人でやっていた頃は失敗すると 「ロールバックしちゃえ〜」「migrationファイル消しちゃえ〜」 とかやっていましたが、 チームでやっているとそんな横暴は許さ…

【Rails】select_tagを使って表示内容を変える

こんにちは、マリンです。 今回はselect_tagを使ってページの表示内容を変える方法を書こうと思います。 概要 View セレクト部分 生徒表示一覧部分 Controllers JavaScripts まとめ 概要 select_tagで項目を選択し、項目に合わせてページの内容を変える この…

【CSS】セレクタの指定方法まとめ

こんにちは、マリンです。 プラグインのCSSのコードを読んでて、 今更ながらセレクタの指定方法の認識が曖昧だったことに気づいたので、 忘れないうちにまとめておくことにしました。 こちらを参考にさせていただきました。 子供セレクタ - CSSの基本書式 - …

【Rails】paramsがなんなのかやっとわかった!

こんにちは、マリンです。 Railsでformとか使っていれば当然paramsって出てきますよね。 恥ずかしながら、このparamsの認識が違っていたために職場でかなり苦労しました。 やっと見えてきたのでまとめようと思います。 *内容に間違いや補足などございました…

【Rails】なんか変なとこのヘルパー読み込んでるんだけど??〜config.action_controller.include_all_helpers〜

こんにちは、マリンです。 昨日こんなことがありました。 「staffのネームスペースでuserのhelper読み込んでるんです・・・」 その時に教えていただいた対処法をご紹介します。 概要 原因 対処方法 概要 app/helpers/user/pages_helper.rbにhogeと言うメソッ…

【Rails】remote: trueでサクッと画面切り替え

こんにちは。マリンです。 数ヶ月ぶりの更新となってしました。今まで何をしていたかと言いますと・・・ アルバイト先で修行しておりました。否。「おります」進行形です。 でもちょっとだけ余裕ができたので、これまでに学んだことを少しずつここで残せたら…

【rails】ページごとにCSSを当てたい。

こんにちは、マリンです。 知人に頼まれてHTML、CSS、JSのみの完全静的Webサイトを作ったのですが、 このたび機能追加に伴いRails化することにしました。 それまでのコードはペペッと貼り付けてちょこちょこっと修正すればいっかなぁ〜 なんて軽く考えており…

RSpecを学んでいて気付いた自分の弱点。

こんにちは、マリンです。 この度アルバイト先が決まりまして、その会社で「RSpec使ってるから勉強しといて」と言われて今学んでおります。 今回の記事はただのぼやきです。すみません。 今回のテーマ 私の弱点 で、どうすんの? 今回のテーマ タイトルの通…

【Bootstrap4】navbarを2段にしてみた。

こんにちは、マリンです。 大変おひさしぶりになってしまいました。 いろいろと仕事獲得のために動いてまして・・・ つまり何も進展がなくて書くことがなかっただけです。 今回「既存のHPを自由にレスポンシブしちゃって!」と言うとある課題を頂きましたの…

binって何?railsとrakeって何??(後編)

こんにちは、マリンです。 前回はよく見かけるbinとは何か? そして、bin/railsファイルの中で行われていることが何か?を書きました。(今思えばちょっと趣旨がずれたかも・・・) 今回は、bin/rakeは何か?そしてrailsとrakeの違いなどを書けたらなと思い…

binって何?railsとrakeって何?(前編)

こんにちは、マリンです。 アプリ開発していてわからないことがあると私はまずグーグル先生に聞きます。 多分大体の方がそうだと思いますが・・・ すると頻繁にこんな一文を見かけますよね。 $bin/rails ~ このbinって何だろうな?ってずっと気になっていた…

Rails プラグインを学んでみる。(後編)

こんにちは、マリンです。 前回はRailsガイドの「プラグイン作成入門」の3まで書きました。今回は続きの4から書きます。 前回の記事はこちら。 song-of-life.hatenablog.com 4.“acts_as"メソッドをActive Recordに追加する。 クラスメソッドを追加する イン…

Rails プラグインを学んでみる。(前編)

こんにちは、マリンです。 ポートフォリオサイトのスマホ化がひと段落しましたので、今度はブログ機能をつけようと思います。 せっかくなので、以前ちょこっと触れたプラグインをやってみようと思い、現在RailsガイドさんのRails プラグイン作成入門を勉強し…

サイトをスマホ対応にする

こんにちは、マリンです。 今回作ったサイト、最初からレスポンシブ対応にしていたつもりだったのですが、 いざ本番で動かしてみたらスマホ対応にはなっていなかったようです。 そこで今回、Railsでサイトをスマホ対応にする方法を勉強したので書き綴ってお…

S3用のIAMを作る

サイトの画像利用のためにAWSのS3を使っています。 そのままマスターのアカウントを使い続けるのはあまり良くないので、 S3用にIAMを使ってユーザーを追加しようと思います。 前提 手順 追加ユーザーの設定 S3用のポリシーの作成 引き続きユーザーの設定 ま…

Amazon S3の新しいバケットを作る。

こんにちは、マリンです。 サイトでの画像登録用にAWSのS3を使ったので、 その時の手順をメモっときます。 song-of-life.hatenablog.com 前提 手順 まとめ 前提 AWSのアカウントは取得済み 途中の細かい設定はまだよくわからなので飛ばしてます。 手順 (1)サ…

画像が表示されないからfogとかS3とか使う。

こんにちは、マリンです。 早速問題発生しました。 ポートフォリオの画像が、一瞬表示されるのに気づいたら消えてる!? 調べてみたら、Herokuは画像データを保存できないので、 クラウドストレージがマストだとのこと。 Rails Tutorialの13.4.4「本番環境で…

完成しました〜!!

MyWeb いやぁ・・・長かったです。 たったこれだけのサイト作るのに1ヶ月かかってしまいましたorz しかもほとんどtutorialパクっただけなのに・・・ しかし何はともあれ、無事完成し、デプロイも完了しました! まだまだ改良の余地が満載なので、 今後少しず…

挫折・・・

管理用サイトを作ってからず〜〜〜〜〜〜っとDBの共有化を試みておりましたが・・・ 挫折しましたorz とはいえ、せっかく調べたので、 その方法については記しておこうと思います。 その1:Githubとか使う。 その2:Rails Engine 現状 その1:Githubとか使う…

管理用サイト完成!

ちょっと空いてしまいましたが、 管理用サイトが完成しました。 構成 今後 構成 Log_in Profiel Work Index Show Edit Create Contact Index Show Log_out 最初はこんな感じ。 ログインをしたらメニューが表示される仕様です。 あ。ログインしたのにアイキャ…

テストはきちんと工程を考えましょう・・・

こんにちは、マリンです。 現在は管理用サイトのポートフォリオ編集機能を実装中です。 ここまででテストがいまいちうまくいかなくてハマりました。 ハマった点 原因 まとめ ハマった点 ポートフォリオの投稿と編集をそれぞれ失敗ver.と成功ver.でテストする…

Bootstrapで画像をレスポンシブ対応にする。

こんにちは、マリンです。 閲覧用サイトもそろそろ完成です。 今微調整を行っているところですが、 今回はBootstrapを使って詳細ページの画像を レスポンシブ対応にしました。 やりたかったこと 画面を小さくしても画像がはみ出ないようにしたい。 方法 Boot…

gem 'rails-controller-testing'

こんにちは、マリンです。 Rails Tutorialの時こんなの入れたっけ? と覚えがないのですが・・・ 今回Contactページのintegration_testでひっかかったのでメモっときます。 ハマった点 対策 補足 ハマった点 問い合わせの内容に不備があった場合、 renderで…

サムネイルのCarrierWaveの画像にリンクを貼る

こんにちは、マリンです。 サムネイルからのリンクにちょっと手間取ったのでメモります。 やりたかったこと 方法 CarrierWaveの設定を変える サムネイルをつくる まとめ やりたかったこと 一覧ページで使っている、CarrierWaveでアップロードしたサムネイル…

スタイル整えるのホント難しい!!【Bootstrap】

こんにちは、マリンです。 無事一覧ページのサムネイルができました! しかしまぁ、スタイル整えるのってホント難しいです!! Bootstrap使っていい感じにできるとはいえ、 containerやらrowやらcolやら・・・ 「だから!なんで左寄りになっちゃうわけ!!!…

CarrierWaveを使い、seedデータに画像を投入する。

こんにちは、マリンです。 私のポートフォリオでは一覧と詳細ページに画像を表示する予定です。 でここまでindexとshowを作ってきましたが・・・ サンプルデータにはまだ画像のデータが入っていなかったんですね。 多分どハマりすると思ったので後回しにしま…

showからindexの"戻る"ボタンを作りたい。

こんにちは、マリンてす。 現在ポートフォリオを掲載するページを作っています。 感じとしては、一覧ページ(index)から、 どれか選ぶと詳細ページ(show)に飛ぶ感じです。 まずは詳細ページから作っています。 (一覧を見を横に並べるとかでまたハマりそうだっ…

「debugger」その使い方・・・そして気付く。

こんにちは、マリンです。 皆さんはデバッグしながら開発してますか? すみません。当たり前ですよね・・・ しかし私は勉強中、こいつの使い方やタイミングがいまいちわかりませんでした。 今回初めてこの「debugger」メソッドってやつを自主的に使ったので…

FacebookとTwitterのリンクを貼る。

こんにちは、マリンです。 現在静的なページを作成し終わったところです。 フッターにFacebookとTwitterのリンクを貼りました。 素材 画像付きリンクの貼り方 素材 どちらも公式ページからお借りしてきました。 Facebook Twitter どちらにも利用には規約があ…

お問い合わせフォーム

こんにちは、マリンです。 前回の記事でちょろっと書きました「作品の追加機能」と「お問い合わせフォーム」についてです。 song-of-life.hatenablog.com 作品の追加機能 お問い合わせフォームの裏側 まとめ 作品の追加機能 こちらは管理者のみの機能にした…