掲示板アプリ(app010_board_app)

※本サイトで紹介している商品・サービス等の外部リンクには、アフィリエイト広告が含まれる場合があります。

目次 表示

目次へ

掲示板アプリ

プロジェクト概要

Railsで作ったシンプルな掲示板アプリ。

投稿・検索・一覧表示ができる。

背景と課題

  • 掲示板の基本機能を理解するために制作。
  • Bootstrap導入でデザインを整える練習も兼ねた。

目標・成功条件

  • 投稿が一覧表示され、検索できる。
  • カード型UIで読みやすい。

実装の工夫

Bootstrap導入でカードデザインを作成。

検索フォームを設置し、キーワードで絞り込み。

ハマりポイントと解決

  • Sprocketsの二重リンクエラー → manifest.js の重複削除で解決。
  • Bootstrapが効かない問題 → import 方法を正しく修正。

学びと次の一手

  • サインアップ・サインイン画面の改善
    (サインアップできないバグを修正)
  • いいね機能の追加
  • ユーザーアイコンの追加
  • デザインフレームワークの導入方法を理解。
  • 次はタグ分類やコメント機能を追加したい。

esbuildについてメモ

rails new app010_board_app -j esbuild -c
esbuild とは？
  • JavaScriptやTypeScript、CSSなどをまとめて1つのファイルにビルドしてくれるツール
  • Go 言語で書かれているので めちゃくちゃ高速（らしい）
  • npmパッケージを簡単に取り込める
    → 例：BootstrapやVue.js、ReactなどをRailsで使いたいときに便利

前の記事

本の感想アプリ(app009_book_reviews)

次の記事

写真共有アプリ(app011_sanpgram)