Information編〜Tweetこんなものを作ってみました。サイトはこちらこのサイトを作る上で学習したことを書いていきます。作ろうと思ったきっかけ自営業を営む親戚のおじさんが言っていた言葉に違和感がありました。「新商品を作っても立地が悪いと人が来てくれないんや。立地が悪いだけでビジネスがうまくいかないということはないと思った。立地よりも新商品が世間に「認知」されるかどうかの方が重要でしょう。そのために何か良い方法はないかと考え、ネット上に地域の掲示板のようなものを作って認知させる方法が良いんじゃないかと思いました。新商品やセール情報を投稿すれば認知度が上がり、売り上げが向上すると思います。究極的には、地域の人が全員登録しているグループラインに投稿しているようなイメージになればいいなぁと思い、このwebサイトを作り始めました。始めはコードを一文入れれば画像を表示できるだろうと思っていたが、これが大きな間違いだった。実際はモデルとの紐付けや、表示方法を考えるなど課題は多くありました。Storage」です。Storageとはファイルのアップロードを簡単に行うことができる機能です。Storageに関わっているのかを説明していきます。RailsではMVCアーキテクチャーといって、モデル(model)、ビュー(view)、コントローラー(controller)が機能してサイトを動かしています。ビューの順に解説していきます。今回は、新規登録したユーザーのアイコン画像を登録するために書いたコードを用いて説明します。Storageを初めて使う時は、以下のコードをターミナルに入力します。db:migrateマイグレーションファイルにテーブルが作成されますが、ここは触れなくても構いません。モデル(model)から見ていきます。これは、1人のユーザーに対して1つのアイコンであるということを意味しています。続いて、コントローラー(controller)を見ます。:news)endユーザー情報の中にアイコンのデータを:avatarとして入れています。次に、ビュー(view)を見ていきます。いうコードで、ファイルアップロード用のボタンを作り、ここにアップロードされた画像を:avatorにしている。最後に、登録者一覧画面でもアイコンが表示されるようにindex.htmlにもコードを書く。%>image_tagを使って、userの中にあるavatarを表示している。この一連の作業によってアイコン画像を表示させた。Herokuでは画像は24時間で削除されるので、永続的にサイトを作るのであれば、amazonやGoogleが管理している外部クラウドサービスを使う必要があります。個人的には、この作業で簡単なMVCアーキテクチャーの流れを勉強できたのが良かったです。それぞれの記事に画像を表示するこちらのツイートを見てください。@userのavatarと@newsのavatarと同じ写真を呼び出している。2020やりたいことは、1人のユーザーに対して複数の記事を表示し、かつ、それぞれの記事のなかに1枚の写真を表示させること。問題はユーザーのアイコンが画像と同じものが記事の写真にも表示されていること。当時はeach文の中に入れているのになぜそれぞれ記事の画像が表示されないのだろうか、と本気で悩んでいた(^^;解決策はシンプルです。「newsにつき1つの画像を定義した。問題の原因はユーザーのアイコンであるavatarというコードを記事にも使っているので、同じ画像が表示されています。重複をしないように、1つの記事に1つの画像をthumbnailとして定義すればいいのですね。方法は1で説明したアイコンと同じ流れです。avatarの部分を:thumbnailと変えればできます。なく、news.thumbnailですね。バーの中がeach文の引数ですね。大前提として地域の方の多くがこのサイトを見てくれることが必須ですね。人が集まらないと意味がない。閲覧する人をいかに増やすかも考える必要がありますね。こちらがこのアプリの全コードです。誰かのエラーの解決の助けになれば幸いです。ここまで読んでくださり、ありがとうございました!(^^)前回作ったproductionの記事も載せておきます。SOA-C02(SysOpsアドミニストレーター)に落ちました。