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

新しい講義とロードマップがオープンしました！新しい講義は>リンク<
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まで簡単にアクセスできるという事実！

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

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

この講義で学ぶこと✏️

このほか、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 などインターネットで独学を行ったので、既存の講義で感じた惜しい点を補完して入門される皆さんの立場で講義を進めました。