Web Marina

日々の業務や勉強などで得た知識をアウトプットしていきます。

アプリ作成

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

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

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パクっただけなのに・・・ しかし何はともあれ、無事完成し、デプロイも完了しました! まだまだ改良の余地が満載なので、 今後少しず…

管理用サイト完成!

ちょっと空いてしまいましたが、 管理用サイトが完成しました。 構成 今後 構成 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やら・・・ 「だから!なんで左寄りになっちゃうわけ!!!…

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

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

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

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

FacebookとTwitterのリンクを貼る。

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

そもそもポートフォリオサイトって??

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

Prottを使ってみた。

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

ブログタイトル変更しました。

これまで「とりあえず発信しなきゃ!」とタイトルも考えずに始めたブログでした。 この度ブログ活用術のイベントに参加いたしましたので、タイトル変更とともに改めてプログラミングを勉強しているのはなぜか?何を目指しているのか?など「私」について書い…