Svelte入門講義 - AからZまで

初めて会うスベルト、AからZまで新しく始めてみてください！

講義紹介📝

Svelteの公式ドキュメントとBeomyブログに基づいて、Svelteの使い方をAからZまですべて話します。 Svelteを学ぶためにこの講義の低講義、このブログそのブログを見る必要なくSvelte入門講義を聞くと一度に解決できます！

このレッスンを聞いた後は、Svelteを使用してWebページを開発できるように簡単に説明します。 :)

なぜSvelteを学ぶべきですか？ ✒️

Svelteは2019年に登場し、とても成長している新しいフロントエンドフレームワークです。

^{▲Svelteの興味を見る}

2019年に登場した後続のランナーですが、多くの方が関心をお持ちのフレームワークです。多くの人が興味を持っている理由は当然でしょうか？

Svelteは仮想ドームを使用せず、ReactやVueとは異なるパラダイムを提示したフレームワークです。多くの方の注目を集めた力は、Svelteの性能が大きく見えます。

^{▲Svelteのパフォーマンスを見る}

Svelteは、フロントエンド3台長よりも速いパフォーマンスで十分魅力的なフレームワークです。もう少し時間が経つと、ReactやVueほど多くの場所に探すフレームワークに成長する可能性を持つルーキーです！

この講義で学ぶこと✏️

Svelteの公式文書にある内容をAからZまですべて話します。この川のひとつで、Svelteのスタートは軽くすることができます。講義で行われる18のセクションを6つにまとめると、

• 画面をレスポンシブに更新するための文法
• HTMLタグにデータをバインドする方法
• コンポーネントライフサイクル
• Svelteでストアを使用する
• Svelteでアニメーションを使用する（Motion、Transition、Animation）
• Svelte 高度な文法(Action、Slot、Context、組み込み要素)

このように分けることができます。 Svelte高度な文法も知っておくと便利です。
このレッスンで話す内容はすべて、Svelteの中核だけを扱いました。

講義の特徴💡

理論講義だけがあるわけではありません。 Svelteの文法をすべてコードで練習しながら調べる講義です。直接従いながら、コードと実行結果を見ながら簡単にSvelteを理解できる講義です。

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

Q. 非専攻者も聞くことができますか？
A. 非専攻者も聞くことができる難しくない講義です。ただし、HTMLとJavaScript、CSSの基礎を知っていると仮定して講義を進めるので、HTML、JS、CSSの基本知識があれば、より簡単に理解できます。

Q. Svelteを学ぶと何がいいですか？
A. Svelteはまだ新しいフレームワークですが、多くの方が興味を持って見守っています。 ReactやVueのように有名になるのは時間問題だと私は考えられます。より有名になる前に、あらかじめ技術を習得して先取りしておくのはどうでしょうか？

Q. この講義だけの特別な利点がありますか？
A. この講義はSvelteの公式文書に基づいて行われました。公式文書で話す部分だけ話す（検証された？）講義です。 Svelte公式文書を最初から最後まで見ている講義ですので、他の講義を聞かずにこの講義の一つでSvelte入門できます。理論だけで終わるのではなく、Svelteの使い方を講義ごとに実習で進める講義です。