React、Node.js、MongoDBで作る自分だけの会社ウェブサイト：完全ガイド

こんな方に
おすすめです

• 

  yasisicoco

  受講レビュー 2

  ∙

  平均評価 5.0

  2025/08/16

  5

  61% 受講後に作成

  ある程度知識がある状態で見ると役に立つ講義。 速く進行されますが基礎知識（nodeのミドルウェアやjsonのデータを移す構造など）が少しあればプロセスを理解しやすい講義だと思います。私は分からない部分は一生懸命調べながらやっていますが役に立ちます。ありがとうございます！

  翻訳済み

  韓国語 原文を見る

  1

  • dakgangjung123

    知識共有者

    2025/08/24

    こんにちは。キム・ジヌ受講生様。良いフィードバックをいただき、ありがとうございます！すでに基礎知識をお持ちの方々にお役に立てたとのことで嬉しいです。今後もより良い講義でお会いできるよう努めてまいります。応援しています！

    翻訳済み

    韓国語 原文を見る

    0
• 

  majae0215

  受講レビュー 3

  ∙

  平均評価 5.0

  2025/12/18

  5

  30% 受講後に作成

  初心者でも真似しやすいです

  翻訳済み

  韓国語 原文を見る

  1

  • dakgangjung123

    知識共有者

    2026/01/02

    星5つと貴重なレビュー、本当にありがとうございます！弊社のウェブサイト講座を受講していただきありがとうございます。次の講座でもまたお会いできることを楽しみにしております！

    翻訳済み

    韓国語 原文を見る

    0
• 

  qkdwn

  受講レビュー 2

  ∙

  平均評価 5.0

  2025/08/12

  5

  38% 受講後に作成

  詳しく教えてくださってとても良いです :) 良い講義ありがとうございます！

  翻訳済み

  韓国語 原文を見る

  1

  • dakgangjung123

    知識共有者

    2025/08/15

    星5つと貴重なレビュー、本当にありがとうございます！弊社のウェブサイト講義を受講していただき感謝いたします。次の講義でもまたお会いできることを楽しみにしております！

    翻訳済み

    韓国語 原文を見る

    0
• 

  kindjin12

  受講レビュー 5

  ∙

  平均評価 5.0

  2026/03/12

  5

  61% 受講後に作成

  ReactとNodeを一度に理解するのに最適な、シンプルながらも必須要素を網羅した例題をご紹介します。 最も基本的な**「掲示板（ToDoリスト）」**の構造で、データの流れ（フロントエンド ↔ バックエンド ↔ データベース）を把握するのが一番の近道です。 ### 1. 全体的な構造 * **Frontend (React):** ユーザーインターフェース、HTTPリクエスト（axios/fetch） * **Backend (Node.js/Express):** APIエンドポイントの作成、ビジネスロジック * **Database:** データの保存（最初は簡単な配列やJSONファイルから始めるのがおすすめ） --- ### 2. 必須で学ぶべき要素（チェックリスト） #### [Node.js / Express] * **Expressサーバーの構築:** `app.listen()` でサーバーを起動する方法 * **REST APIの概念:** GET（取得）、POST（作成）、PUT（修正）、DELETE（削除）の4つのメソッド * **CORSの設定:** React（ポート3000）とNode（ポート5000）が通信できるようにする設定 * **body-parser:** クライアントから送られてくるJSONデータを解析する方法 #### [React] * **useState / useEffect:** データの状態管理と、コンポーネント読み込み時のAPI呼び出し * **Axios:** Node.jsサーバーにリクエストを送るライブラリの使い方 * **Map関数:** サーバーから受け取った配列データを画面にリスト表示する方法 --- ### 3. おすすめの学習ステップ 1. **Node.jsで簡単なAPIを作る:** `/api/hello` にアクセスすると `{"message": "Hello"}` を返すサーバーを作ってみる。 2. **Reactでそのデータを呼ぶ:** `useEffect` を使って、サーバーのメッセージを画面に表示させる。 3. **データの送信:** Reactの入力フォーム（input）に入力した内容を、Node.jsの配列に追加する（POST）。 4. **データの削除:** 特定のアイテムのIDをサーバーに送り、配列から削除する（DELETE）。 ### 4. ヒント 最初はデータベース（MongoDBやMySQL）を繋げようとすると難易度が上がるので、まずは**Node.jsサーバー内の変数（配列）にデータを保存する**形で作ってみてください。サーバーを再起動するとデータは消えますが、ReactとNodeの通信の流れを理解するにはそれが最も効率的です。

  翻訳済み

  韓国語 原文を見る

  1

  • dakgangjung123

    知識共有者

    2026/04/23

    素敵なレビューを残していただきありがとうございます 😊 ReactとNodeを併せて見ることで、構造を理解するのに役立ったとおっしゃっていただけて、本当に嬉しいです。おっしゃる通り、複雑な概念よりも、必ず押さえておくべき流れを簡単に理解できるように構成しようと努めましたが、その部分がうまく伝わったようでやりがいを感じています。 これからも実務で直結して理解していただけるよう、より直感的な例題と流れを重視した講義を作り続けていきます。 貴重なフィードバックをありがとうございました！

    翻訳済み

    韓国語 原文を見る

    0
• 

  jmk

  受講レビュー 9

  ∙

  平均評価 5.0

  2025/08/17

  5

  100% 受講後に作成

  おかげでMERNスタック全体を味わうことができました！

  翻訳済み

  韓国語 原文を見る

  1

  • dakgangjung123

    知識共有者

    2025/08/24

    こんにちは。JMK受講生様。貴重なレビューありがとうございます！MERNスタック全体を一度に体験されたとのこと、本当に嬉しいです。今後も学習のお役に立てることを願っています！ありがとうございます。

    翻訳済み

    韓国語 原文を見る

    0