写真共有アプリ(app011_sanpgram)

写真共有アプリ

プロジェクト概要

Rails + ActiveStorageで作ったSNS風アプリ。

画像投稿＆一覧表示、カードUIで見やすく。

背景と課題

• Instagram風のアプリを作りたかった。
• 画像アップロードとリサイズを学ぶ目的。

目標・成功条件

• 画像を投稿・表示できる。
• サムネイルサイズを最適化して表示を軽くする。

実装の工夫

• ActiveStorage + variantで 800×800 にリサイズ。
• SCSSでカード型ギャラリーを作成。

ハマりポイントと解決

• 画像が大きすぎて表示崩れ → variantでリサイズ。
• CSSが効かない問題 → asset pipeline と import を調整。

学びと次の一手

• ActiveStorageの便利さを実感。
• 次はログイン・いいね（1人1回）・コメント機能を追加してSNS化。
• ユーザー認証機能（アイコン）