tns-blog プログラミングに関する学びをアウトプット

2021年1月

Rails + Nuxt railsとnuxtのイメージ画像

Rails + Nuxt CRUDアプリ作成(一覧表示編)

前回の記事でAPIの通信はできたのでここからは実際にモデルを作成していきます。 前回の記事はこちら: Rails + Nuxt CRUDアプリ作成(環境構築編) 今回作成するアプリのER図はこのようになっています。 Twitterみたいな簡易SNSです。 ユーザーは複数の投稿ができさらに投稿に対していいねができる。 大まかな流れとしては下記のようになります。 PostモデルのCRUD Postモデ […]

続きを読む
Rails + Nuxt railsとnuxtのイメージ画像

Rails + Nuxt CRUDアプリ作成(環境構築編)

フロントエンド をVue.jsのフレームワークのNuxt.jsを使用し、バックエンドをRuby on RailsのAPIモードで簡単なCRUDのアプリケーションを作成します。 今回の記事ではNuxtとRailsの環境構築とaxios通信をして「Hello Rails」を出力するところまでを実装します。 ディレクトリの作成 環境構築(Rails) database.ymlを編集します。 PG_USE […]

続きを読む