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

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

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

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

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

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

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

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

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

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

こんにちは、マリンです。 早速問題発生しました。 ポートフォリオの画像が、一瞬表示されるのに気づいたら消えてる！？ 調べてみたら、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を使って詳細ページの画像を レスポンシブ対応にしました。 やりたかったこと 画面を小さくしても画像がはみ出ないようにしたい。 方法 Boot…

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

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

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

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

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

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

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

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

こんにちは、マリンです。 Webサイト作成にあたり、現在プロトタイプを作って機能を固めております。 今回はここまででぶち当たったざっくりすぎる壁。 「ポートフォリオサイトってそもそもなんだ？」 について書きます。 ポートフォリオとは ポートフォリオ…

こんにちは、マリンです。 Webサイトの構想を考えるにあたって、 プロトタイプ作成アプリのProttをつかってみました。 Prottとは 使い方 まとめ Prottとは 紙に書いたデザインを写真に撮ってデータを読み込み、 画面遷移やジェスチャーを設定することで簡単…

こんにちは、マリンです。 先週からちょっと頑張って、予定より1週間早くチュートリアルを終わらせました。 理解度は多分70%行くか行かないかくらいだと思いますが・・・ しかし、基礎勉強ばかりしていても進みませんので、 今後は予定通り一つ自作のWebサー…

こんにちは、マリンです。 前に公言した目標設定よりちょっと早く13章が終わったので、 今日から14章に入りました。 song-of-life.hatenablog.com そして初っ端でガッツリ詰まりました。 しかも自分の読解力の欠如が原因で・・・ 概要 詳細 解決策 概要 14.1…

こんにちは、マリンです。 自分のブログが絵もなく完全な紙媒体の個人日記同様になっているので、 カスタマイズまではまだ手が伸びないものの、 画像や目次くらいは入れようと思います。 環境 概要 目次 手順 「目次」を入れる 手順 画像 手順 まとめ 環境 i…

こんにちは。マリンです。 私は現在「侍エンジニアOnline」というオンライン学習コミュニティに参加しています。 本日侍さんのロードマップ作成イベントに参加しまして、年初めに考えた目標をさらに細分化できたので、ここで公言しようと思います。 最終目標…