강의

멘토링

로드맵

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件の受講レビュー

  • ireh12141686님의 프로필 이미지
    ireh12141686

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

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

    • kh1335han0992님의 프로필 이미지
      kh1335han0992

      受講レビュー 15

      平均評価 4.9

      5

      100% 受講後に作成

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

      • gksrbanssla0806님의 프로필 이미지
        gksrbanssla0806

        受講レビュー 4

        平均評価 4.8

        4

        100% 受講後に作成

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

        • predyum님의 프로필 이미지
          predyum

          受講レビュー 22

          平均評価 3.4

          2

          21% 受講後に作成

          うーん..難易度があるので質問を頻繁にしますが、講師の答えが遅すぎます。

          • sdfasdfadsf님의 프로필 이미지
            sdfasdfadsf

            受講レビュー 1

            平均評価 2.0

            2

            35% 受講後に作成

            HTML、CSS、JavaScriptの基本だけになっても絶対にわかりません。 無条件M、E、R、Nを一度ずつでも勉強して聞くのがいいようです。 この講義を始めて30%が過ぎて後悔しますが、講義を聞いてME R Nを別の講義をもう一度聞かなければならないようです。

            • ssaple
              知識共有者

              リアクトがリダックス部分で突然ランニングカーブ(難易度)が急上昇し、おそらく困難を経験していると判断されます。リダックス出る前だけでもリアクトはあまり難しくないんですよ…。 すみません。私が初めて講義してみると、最初にすべてを込めようとすると副作用があるようです。現在私が企画しているクーバーネティスショッピングモール講義が終わったら初心者のための入門講義を作らなければなりませんね。 私は個人的にいくつかの入門講義のもとに現在の講義を企画したのですから…こんなに難しいかわからなかったんですね…個人的な不札は初心者から接近可能な講義を企画できなかったんですね。 ㅠㅠ 今後無料講義(?) Html、Css講義を(補足資料を含む、忠実にします…私も今回の講義を通じて受講生の方が講義要約資料をたくさん欲しいという初めて感じましたね…ㅜㅜ)作り、皆さんが入門簡単な講義を作らなければならないという使命感を感じ、月曜日の夜を終えようとするします。 講義の不足の猛烈さを解き放ち、私の受講生の方々に(もちろん必要はありませんが…。) Html、cssを利用した講義を差し上げようと約束しながら…この夜を締めくくります。 ㅠㅠ年末になって仕事が忙しいですね。 ㅠㅠ ps。おすすめ講義コース: Html、css学習後 -> JavaScriptの基礎講義 ->リアクトで todolist を作成する これ以上やってみることをおすすめします。上記の講義コースはほとんど無料講義があります。インフラにも無料講義が多いので学習してみることをお勧めします。 ps2。ちなみに私もリアクトを学ぶ時、リダックス部分がとても難しく、純粋なリアクトでのみstate管理 -> graphql -> vue ->を学びましたが…結局は…振り返ってリダックスに戻りましたよ… リダックス知るだけで、ウェブサイトを作るのは本当に簡単で面白いです。

            • MERN stackに興味を持っているので、CappleのMERN stack講義を購入し続けます。ぜひ初級講義をお寄せいただきありがとうございます。お待ちしております!

          似ている講座

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