강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Full-stack

Svelte本番講義 - 数独を作る

Svelte、Express、JWT、MongoDBを使用してWebゲームを作成できます。 FrontEndとBackEndの両方を扱ってみたい方へようこそ!

56名 が受講中です。

  • beomy
Svelte
Express
MongoDB
Mongoose

こんなことが学べます

  • Svelteを使って数独ゲームを作る

  • ExpressでNode.JSを学ぶ

  • MongoDB、JWT、Lodash、Axios、Cryptoなどのライブラリの使い方を学ぶ

  • Herokuサーバーに実際のWebサービスを展開できます。

フロントエンドとバックエンドを組み合わせたスベルト本番講義、
SvelteとExpressで数独ゲームを作ろう!

講義紹介📝

数独ゲームを作って学ぶ
Svelte(スベルト)本番
講義です。

SvelteとExpressを使って数独ゲームを作ってみる講義です。フロントエンドからバックエンドまで広く見て、広い概念を作るための講義で準備しました。このレッスンでは、JWT、MongoDBなど、いくつかのライブラリを使用します。ライブラリの使用とともに基本概念も説明します。 Svelteの基本文法を知らなくても難しくないようにご理解いただけるように構成しましたので、迷わず挑戦してみてください!

なぜこの講義を聞くべきですか? ✒️

実戦感覚を身につける近道はまさに実習! Svelte(スベルト)の基本文法をご存知であれば、次の順番は自分で身につけてみることです。実際に使ってみずに文法だけ勉強すれば、すぐに記憶の中で忘れることができますからね。私と今すぐ!数独ゲームを作ってみましょう。

このレッスンの目標は、フロントエンドとバックエンドの両方をカバーし、広い概念を作成することです。フロントエンド分野も広く、バックエンド分野も広くてマスターは不可能かもしれませんが、少なくともお互いを理解して作業すれば能力が向上しますよね!

この講義で学ぶこと✏️

フロントエンドはSvelte、バックエンドはExpress、DBはMongoDB、およびユーザー認証にJWTを使用します。以下のリストのライブラリを使用してください。後で見つけて別に勉強しやすくするために、使用するライブラリはすべて公式文書を参照して説明します。

  • Svelte (svelte-spa-router)
  • Express(http-errors、crypto、cors)
  • JWT(jwt-decode、jsonwebtoken)
  • MongoDB(mongoose)
  • Lodash
  • Axios

講義の特徴💡

実習講義と概念を説明する参考理論講義の両方があります。プロジェクトが完成したら、付録のレッスンを見て、Herokuサーバーに配布することもできます。

講義資料 📖

講義PPTとソースコード: https://github.com/beomy/inflearn-svelte-practice

Demo: https://svelte-sudoku.herokuapp.com/

前の講義を一緒に見る 👀

スベルトSvelte入門講義 - AからZまでおすすめ入門講義
公式文書ベースのスベルト基本機+核心文法

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

Q. Svelteを初めて聴くのに受講可能ですか?
A.受講可能です。この講義で進行するSvelte文法は基本文法が中心なのでSvelteを初めて聴いても受講できます。しかし、基本がしっかりしなければならない方が多いです。 👉Svelte入門講義を最初に聞いてこの講義を聞くことをお勧めします。

Q. この講義の目標は何ですか?
A. このレッスンを聞いた後、フロントエンドとバックエンドの両方をマスターすることはこのレッスンの目的ではありません。もちろんフロントエンドとベックエンドの両方をマスターすることができればと思いますが、フロントエンド領域もバックエンド領域も非常に広いので、この講義だけで皆を理解するには限界があります。このレッスンの目標は、フロントエンドとバックエンドを理解し、どちらかの分野で働くときに反対側のエリアを理解し、業務効率を高めることを可能にすることがこのレッスンの目標です。

Q. この講義だけの特別な利点がありますか?
A. フロントエンド、バックエンドの概念を全て作っていくことが目標なので、今回の講義は実習講義ですが、実習だけで終わる講義ではありません。さらなる説明が必要な概念であれば、さらなる説明のための講義を制作しました。この講義を聞いて、概念や何でも気になる点を質問していただければ、丁寧に回答させていただきます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Svelteを使って実務に適用したい人

  • Expressでバックエンドに入門される方

  • JWTを初めてお使いの方

  • MongoDBを使ってみたい人

前提知識、
必要でしょうか?

  • ES6+

  • Svelte 基本文法

こんにちは
です。

244

受講生

13

受講レビュー

21

回答

4.6

講座評価

2

講座

カリキュラム

全体

50件 ∙ (7時間 51分)

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

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

¥4,523

beomyの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

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