k-foo / mini_image_app

最終課題2.0以降で使用する追加カリキュラムのミニアプリ

README

アプリ名

mini_image_app

説明

画像投稿する際に、プレビューしてからの添付、画像の複数枚投稿ができます。

• プレビュー機能 https://gyazo.com/25a6dd49b41c491a72be399e8f2facd4
• 複数枚投稿機能 https://gyazo.com/7b7507a433e7fee20ea80acdeb200b3c

ER図

erd.pdf

テーブル設計

messages テーブル

Column	Type	Options
content	string	null: false

• has_many_attached :images
• 画像アップロードに、active_storageを使用。

使用しているバージョン等

• ruby 2.6.5
• Rails 6.0.3.4
• MySQL

その他使用しているgem・使うコマンド

<!-- brakeman（脆弱性に繋がるコードがないか確認するため ※全てのファイル・全ての警告オプション） -->
% bundle exec brakeman -A -w1

<!-- rails_best_practices（読みやすいコードか確認するため） -->
% rails_best_practices .

<!-- rubocop（インデントを整えるため） -->
% bundle exec rubocop -a

mini_image_app's Issues

Issue2【複数枚画像投稿機能の実装】

概要

• 複数枚投稿できるようサーバーサイドを実装する。（アソシエーション・テキストフォームのname属性・ストロングパラメーター・ビューファイルの編集）
• JavaScriptを編集する。（要素の追加・イベント発火の編集）

Issue1【プレビュー機能の実装】

概要

• プレビュー機能を行うためのJavaScriptファイルの作成・読み込み設定をする。
• プレビューするために画像情報取得の実装をする。
• 取得した情報を元に「HTMLの要素」をJavaScript側で生成する実装を行う。