20210104_アウトプット（複数枚画像投稿機能の実装）
今日行ったこと 3時間20分
- 複数枚画像投稿機能の実装。
👉完成✨
（一箇所、疑問に感じているところがあるためメンターさんにチャットで質問して終了）
複数枚画像投稿機能の実装
Railsで複数枚画像を投稿する機能（Active Storageを使用）の以下の流れで実装した。
（１）アソシエーションを編集する（複数形にするため）
👉has_many_attached（投稿と画像の間を、1対多の関係にする）
（２）画像を送信するテキストフォームのname属性を変更する
（３）ストロングパラメーターで画像情報を運べるようにする
（４）DBに保存した複数の画像を表示できるようビューファイルを編集する
（５）JavaScriptでは、プレビュー機能を保持しつつ（選択した画像を表示させる機能を保ちつつ）、ファイル選択ボタンを生成・表示する機能を追加した
一番学びになったのは、
（省略）
imageElement.setAttribute('class', "image-element")
let imageElementNum = document.querySelectorAll('.image-element').length
（省略）
で"image-element"の要素がブラウザにいくつあるのか、数えて変数に格納できること。
また変数名をletにすることによって、上書きが可能なことを思い出した。
感想
仕事始め。緊急事態宣言が再び発令になりそう。
夜勉強したら、久々の仕事疲れ＆食後で眠くて集中力が落ちた😱
だんだん集中戻ってきて、後半は集中できた。リズムを取り戻そう。
取り戻さなくても一定の時間に寝る・起きるようになりたい。ついプログラミング楽しいと夜更かししてしまう💦
オリジナルアプリやりたかったけど出来なかった。また明日やろう。☺️
覚書（12/29計画の見直し）
（１）やるべきこと （２）やりたいこと （３）やれること
（１）やるべきこと
- 卒業要件の完成
（２）やりたいこと
追加実装を学ぶためのミニアプリ作成
オリジナルアプリの作成
PHPの勉強
面白そうだから参加したい・見たい（やめ太郎さんのキータ表彰・yahooイベント）
読書
（３）やれること
メンタル：楽しみながら、ゲーム感覚でいく🎮😎
時間で区切り（達成すればよし）
PHP 一日15分以上
オリジナルアプリ 1日1時間以上
追加実装のミニアプリを作り、引き出しを増やす
| 優先順位 | 内容（機能） | 締め切り | 達成度 |
|---|---|---|---|
| 1 | AWS S3 | 12/18 | 完了(フリマアプリ)に実装) |
| 2 | AWS EC2 | 12/24 | 完了(フリマアプリに実装) |
| 3 | ウィザード形式 | 12/27 | 完了 |
| 4 | SNS認証 | 12/28 | 完了 |
| 5 | 複数条件検索 | 12/29 | 完了 |
| 6 | タグ付 | 12/31 | 完了 |
| 7 | 画像プレビュー | 1/2 | 完了※フォーク |
| 8 | 複数枚写真OK | 1/4 | 完了※7に追加実装 |
| 9 | コメント機能(即時更新) | 1/8 | |
| 10 | クレカ登録 | 1/10 | |
| 11 | パンくず | 1/14 | |
| 12 | 日本語エラー | 1/18 |
身に付ける力（直近）
PHP7
Docker
