rails-next.js-blog railsとnextjsで作成する自己紹介サイトを作成していきます。 作成が完了した頃にはプログラミングに慣れてオリジナルポートフォリオの作成に自信を持って臨めるようになることを目標にします! ぜひ一緒に完走していきましょう!
rails-next.js-blog portfolio機能の実装(総復習編②) Rails, Next.jsを使った機能を開発してそれをAWS ECSへデプロイします。 機能を開発した後でそれを本番環境へ適用させる過程を学習します。 2024.07.26 rails-next.js-blogポートフォリオ
rails-next.js-blog AWS ECSデプロイ ECSを使ったRailsとNext.jsのデプロイまでの手順や注意点、デバッグの方法まで全て紹介します。 ECSのFargate起動タイプによるデプロイをマスターしましょう。 2024.07.15 rails-next.js-blogポートフォリオ
rails-next.js-blog blog機能の実装(総復習) blog機能を0から完成させていきましょう。 データベース設計やRuby on Railsの基礎基本、API、Next.jsのフロントエンドの実装全ての要素がこの中に詰まっています。 これまで学習したことを思い出してトライしていきましょう。 2024.07.01 rails-next.js-blogポートフォリオ
rails-next.js-blog ポリモーフィック関連付けとFormオブジェクト Railsで複数のテーブルの子テーブルになるようなポリモーフィック関連付けをする場合の実装例とその注意点を解説します。 また、一つのフォームから二つのモデルをまたいで作成・更新するにあたり、Railsの実装パターンであるFormオブジェクトの実装例とその解説をしていきます。 Railsの応用的な実装を学んでいきましょう! 2024.06.30 rails-next.js-blogポートフォリオ
rails-next.js-blog NotionのコンテンツをNext.jsに表示する careerの詳細ページを実装します。 careerの詳細ページはご自身のnotionで作成したページをそのままnext.js上に表示させます。 そのために必要なライブラリとその設定方法やアプリケーションへの組み込み方を学習します。 その過程でNext.jsの動的ルーティング(Dynamic Routes)を理解します。 2024.06.28 rails-next.js-blogポートフォリオ
rails-next.js-blog Career機能の実装(総復習) 過去の経歴を管理する機能から表示する機能まで一気に実装します。これまで作成してきた機能を使いつつ必要なところは追加で実装します。 2024.06.16 rails-next.js-blogポートフォリオ
rails-next.js-blog APIリクエストとデータ表示 Next.jsからRailsのエンドポイントに対してリクエストを投げて、その結果を画面に表示させる処理を実装します。 Next.jsのアーキテクチャ設計についても触れながら、堅実なアプリケーションにしていきます。 2024.06.15 rails-next.js-blogポートフォリオ
rails-next.js-blog APIエンドポイントの作成 Railsに最初のAPIエンドポイントを実装します。初めてAPIのエンドポイントを実装するときの手順やおすすめの構成・動作確認の方法などを解説していきます。 2024.06.11 rails-next.js-blogポートフォリオ
rails-next.js-blog ユーザー側のトップページ作成 nextjsでルートのページの見た目部分を作成します。scssのインストールとコンポーネントの分割について取り扱います 2024.06.02 rails-next.js-blogポートフォリオ
rails-next.js-blog ユーザーの作成・編集機能 Railsを使ってシンプルなユーザーの作成・編集機能を実装していきます。フラッシュメッセージの実装についても紹介しています。 2024.06.01 rails-next.js-blogポートフォリオ