강의

멘토링

커뮤니티

Programming

/

Full-stack

React を使用して独自のブログを作成する (MERN Stack)

フルスタックで自分だけのブログを作ってみましょう~~!

難易度 中級以上

受講期間 無制限

  • ssaple
React
React
Redux
Redux
Node.js
Node.js
Bootstrap
Bootstrap
MongoDB
MongoDB
React
React
Redux
Redux
Node.js
Node.js
Bootstrap
Bootstrap
MongoDB
MongoDB

学習した受講者のレビュー

学習した受講者のレビュー

4.1

5.0

한광훈

100% 受講後に作成

良い講座ありがとうございます。

5.0

마루

100% 受講後に作成

中途半端なエラーで数日間無駄にして…本当に険しい時間だったけどなんとか完成できるようになってとても嬉しいですㅜㅜ これでリアクトを通じてどのようにフロントエンドとバックエンドを作って配布までできるのか、どれくらい感覚を捉えることができるようになる時間でした。もっと勉強をたくさんしなければならないという考えだけですね…

5.0

kimkh7534

100% 受講後に作成

しっかりした講義ありがとうございます。

受講後に得られること

  • Mongo DB

  • エクスプレス

  • React

  • NodeJS

  • Redux、Redux-Saga

  • JWT Web Token

  • 無限スクロール (Intersection Observer)

  • CKEditor5

  • CSS(BootStrap4)

  • Https(GreenLock Express)

新しい講義とロードマップがオープンしました!新しい講義は>リンク<
Dockerで開発から配布まで、Terraformでクーバーネティス運営を知りたいならゴゴ~!

新発売のNode FullStack開発ロードマップ、A~Zまでロードマップ参加時関連講義の20%割引クーポンをいたします
割引クーポンを入手> Go! <

JavaScriptのひとつでフルスタック開発OK!自分のブログを自分で作ってみてください。

トピックについて 📝

バックエンド(サーバー)とフロント(ウェブ画面)を一人で作ることができる技術をフルスタック(Full Stack)といいます。フルスタック技術はさまざまに実装できますが、 JavaScriptを使用してバックエンド(NodeJS、Express、MongoDB)とフロント(React、Redux、Redux-Saga、Bootstrap、Ckeditor5など)を作成します。

なぜ学ばなければならないのか✒️

あなたがJavaScriptで1つですべてを作ることができると思いますか? @.@
JavaScriptのフルスタック開発者になると、あなたのアイデアはすべて現実になり、収益化につながります。

おまけに!
フロントエンド開発ライブラリであるReactを学ぶと、Reactでモバイルアプリ(Android、iPhone)を作るReact Nativeまで簡単にアクセスできるという事実!

あなたの頭の中のアイデアはもはや単純な想像ではありません。
今すぐ!!!現実世界に皆さんの考えの国を広げましょう。

コーディングは私の想像を現実化させるツールです~~~ *^^*

この講義で学ぶこと✏️

Infinite Scroll

Category Search

CKEditor5

コメント

このほか、MongoDB、Express、React、Node JS(以上 MERN Stack)、Redux、Redux-Saga、JWT Web Token、Bootstrap4を学びます。

講義の特徴💡

Web開発者は基本的に自分の知識とスキルを保存するブログが必要です。
でも…ウェブ開発をしていると…まだ私の技術で作ったブログがないんですか?それでは、一度それを作ってみてください。

この講義はHTML、CSSなど入門された方を対象に作られ、比較的詳細に概念を説明しています。

あなただけのブログを作って今から育ててみてください~~~
(旗ハブ:https: //github.com/sideproject0214/blog)

サッフルの最新講義情報はblog.ssaple.comで確認してください〜

セクションごとに簡単な紹介📖

<合計63講義、815分>

セクション1(講義1、4分)
*イントロ:基本MERNスタックに関する概要と今後学ぶ技術紹介

セクション2(講義12、126分
*Express(バックエンド)、Router、MongoDBなど基本サーバー作業

セクション3(講義47、653分
*React、Reduxなどを活用したフロントエンド作業とこれに合わせたバックエンド作業

セクション4(講義3、32分)
*AWS Deploy ジョブ

Bonus(講義1個、 15分
*Https(GreenLock Express)

ここで扱うツール 🧰

MongoDB, Express, React, NodeJS, Redux, Redux-Saga, JWT Web Token, Infinite Scroll(Intersection Observer), CKEditor5, BootStrap4

*コンピュータ仕様:Linux、Mac、Windows

予想される質問 Q&A 🙋🏻‍♂️

Q. 非専攻者も聞くことができますか?
A. はい当然です。なぜなら私は非専攻者として皆さんのようにインターネットで独学しました。ただ初めて入門される方なら、リアクトチュートリアル(https://ja.reactjs.org/tutorial/tutorial.html#completing-the-game)をご覧になることをお勧めします。

Q.リアクトは難しいですか?

A.リアクト自体は難しくありません。ただし、問題はリダックスなのに、リダックスから難易度が急上昇するのにリアクトが難しいという偏見も存在するのは事実です。リダックスなしで作成することもできますが、サイト規模が大きくなるほど状態管理に困難が発生するため、ほぼ必須(?)にRedux、Mobxなどを使用することになります。

この段階だけ渡せば自由自在にサイトを作ることができるのであきらめないといいです。 *^^*

Q. MERN Stackとは何ですか?
A. JavaScript言語の1つでM ongoDB、 E xpress、 R eact、 N odeJS( MERN )を使用してサーバー(バックエンド)、Web(フロント)をすべて作成する技術を意味します。

Q. この講義だけの特別な利点がありますか?
A. 私も皆さんのように Inflearn などインターネットで独学を行ったので、既存の講義で感じた惜しい点を補完して入門される皆さんの立場で講義を進めました。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web 基本知識(HTML、CSS)をお持ちの方

  • JavaScript の基礎(「console.log」をご存知の方)

  • React, Expressの基礎をご存知の方

  • React To-do list を 1 つでも作成したことがある人

  • Web コーディングを早く学びたい方

こんにちは
です。

https://5min24.com

こんにちは、サプルです

🔥2023年11月、Inflearnに新しい講座をローンチし、「何か新しいことを学んでみたい!」と思い、6ヶ月間Rustとウェブデザインにどっぷり浸かっていました。その後すぐにRust、Leptosでの開発を開始して

ついに…! Rust + Leptos + SQLx + Postgres + Docker + GCloud Run このスタックで作ったウェブサービスを2年越しに完成させました。

最近のReactはサーバーコンポーネントの流れに向かっていますが、Leptosは誕生当初から最新のウェブトレンドを反映したRust + WASMベースのフルスタックフレームワークであるため、初期からサーバーコンポーネント構造の形式で開発することができました。

2023年にColini Web開発ガイド、Node Fullstack開発ガイド、Terraform開発ガイドの3つの講義を制作した時から、「価値ある情報を5分以内に伝える」というコンセプトで運営されるプラットフォームを構想していたため、当時リリースした講義はすべて5分以内に編集して公開しました。

これからの私の開発の旅はRustへと続く予定であり、講義や情報の共有もRustで行っていく予定です。

[講義部分]

既存の講義に対する不必要な支出を減らすため、https://5min24.comにて1講義あたり100〜200円で提供されており、全講義を購入する必要がなく、必要な部分だけを選択して受講できるため、より経済的に学習いただけます。

そして〜!!! コンテンツクリエイター募集しています。

自分が学習した内容を他人に伝えてみると、その知識に対する理解度も大幅に向上します。

私のプラットフォームは、講座全体の完成版ではなく、1つずつ販売可能な構造になっているため、

学んだ知識を他人に伝える練習を https://5min24.com でやってみることをお勧めします。

これを通じて理解度を高め、コーヒー代も稼げたらいいのではないでしょうか?

動画以外にもブログ形式で記事ごとに販売可能ですので、ぜひたくさんご利用ください~~

最後に〜!!

プラットフォームのオープン初期につき、大きな特典を提供中です

- 6ヶ月間、有料販売収益(税引き後)の90%を精算

- 初期クリエイター50名:画面最上部広告5枠 + カード広告露出を6ヶ月間無料

気軽に一度アップして、反応だけでも一緒に見てみましょう〜!!!

カリキュラム

全体

66件 ∙ (13時間 52分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

33件

4.1

33件の受講レビュー

  • kh1335han0992님의 프로필 이미지
    kh1335han0992

    受講レビュー 15

    平均評価 4.9

    5

    100% 受講後に作成

    良い講座ありがとうございます。

    • ireh12141686님의 프로필 이미지
      ireh12141686

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      中途半端なエラーで数日間無駄にして…本当に険しい時間だったけどなんとか完成できるようになってとても嬉しいですㅜㅜ これでリアクトを通じてどのようにフロントエンドとバックエンドを作って配布までできるのか、どれくらい感覚を捉えることができるようになる時間でした。もっと勉強をたくさんしなければならないという考えだけですね…

      • gksrbanssla0806님의 프로필 이미지
        gksrbanssla0806

        受講レビュー 4

        平均評価 4.8

        4

        100% 受講後に作成

        講義内容と編集が素晴らしいです。

        • dlsgurdlfkd님의 프로필 이미지
          dlsgurdlfkd

          受講レビュー 6

          平均評価 4.2

          4

          100% 受講後に作成

          頑張りましたㅎㅎㅎㅎいい講義でした。 リエクトとノードについて何も事前知識がなければ理解しにくいようだと思いました。 基礎を一度勉強した後、講義を見ればとても良いと思います。 次のフルステック講義がまた出てほしいです。すぐに購入します! モンゴルDBではなくリレーショナルDBを使用するフルステックレッスンもあればと思います。

          • rismaker022227님의 프로필 이미지
            rismaker022227

            受講レビュー 6

            平均評価 4.2

            4

            100% 受講後に作成

            良いコースありがとうございます

            似ている講座

            同じ分野の他の講座を見てみましょう!