Svelte.js [Core API] 完全ガイド

Name: Svelte.js [Core API] 完全ガイド
Rating: 4.9 (38 reviews)

21時間を超えるボリュームの最高のSvelte.js講座！

（4.9）受講レビュー 38件

受講生 541名

難易度初級

受講期間 無制限

HEROPY

Svelte

Rollup

Sortable

Svelte

Rollup

Sortable

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

4.9

5.0

madstone dev

99% 受講後に作成

1つの概念を説明するときに追加の活用方法までとても慎重に教えてくれるので、一般的に気になる事項のほとんどが講義に含まれていると見れば良いです。また、es6のメリットを最大限に活用して作成しますので、講義の終わりにはきれいで簡潔なコードの習慣も育てることができます。フレームワーク経験のない方が聴くのにもとても良い講義です。次の講義が期待されますㅎㅎ

5.0

Taylor

28% 受講後に作成

私は最近vue.jsを学ぶ過程でsvelteが注目されているという情報を聞きました。それで興味を持って購入をするようになりました。まだ頑張っていませんでしたが、中間の感想を書いているなら、真に誠意を持って講義を準備されたという感じを受けます。設計してくれたカリキュラムを見ると、この講義への愛着と悩みが感じられます。コメント書き込んだ新機能のアップデートもお待ちしております

5.0

소라연

98% 受講後に作成

サンプル講義を聞いて半分受講します^^

受講後に得られること

最新のSvelte.jsのCore APIを基礎からしっかりと学習しましょう！
JavaScriptデータの不変性（Immutable）と可変性（Mutable）について理解できます！
JavaScriptの非同期について理解し、様々な非同期パターンを学習しましょう！
Rollup.jsの基本構成を理解し、追加設定で実際のプロジェクトを作ります！
Sortable.jsをコアモジュールとして「Trello（トレロ）クローンアプリ」を作成し、Netlifyサービスに登録してプロジェクトを継続的にデプロイ（CD）することができます！

できたてホヤホヤの最新JavaScript FEフレームワーク、
Svelte(Svelte.js)の魅力にどっぷり浸かってみてください！một framework Front-end JavaScript mới nhất và cực kỳ thú vị!

他のSvelte講座も参考にしてください！
"Svelte.js SPA 映画検索プロジェクト"
"Svelte.js 入門ガイド"

はじめに！

初心者向けのより簡単な例題と詳しい説明、
中級者以上のためのSvelte APIの多様なパターンや新しい文法など、
Svelteを学習するすべての方に役立つ内容で構成しました！

ホームページの例題よりも簡単に理解できるように、
ほとんどのパートの例題を、知恵を絞って直接用意しました！

講義をすぐに受講しなくても、
プレビューを通じてSvelteの基本概念を体験することができます！
プレビューの最後には簡単なTodoの例も作ってみます。
ReactやVueよりも簡単で便利なフロントエンドフレームワークであることを実感していただけるはずです〜
そして、カリキュラム全体もぜひご覧ください！

昨年(2019年)、現在のSvelteの礎となったバージョン3が初めて公式リリースされました。
まだわずか1年が経過したばかりの、非常に新しく、興味深くて魅力的なフレームワークです〜
必修学習！

主要な例！

Svelte Core APIの学習が終わったら、トレロ（Trello）サービスのクローンアプリを作ります！
Rollupバンドラーをベースにプロジェクトを構成し、多くの技術を導入します。（SCSSも学習します）
最新のSnowpackビルドツールに移行したバージョンも新しく追加しました！
Netlifyサービスを使用して、GitHubリポジトリを基準とした継続的デプロイ（Continuous Deployment）も行います〜
詳細はカリキュラムを参考にしてください。

GitHub Repo: https://github.com/HeropCode/Svelte-Trello-app
Snowpack GitHub Repo: https://github.com/HeropCode/Svelte-Trello-app-Snowpack
Demo: https://boring-agnesi-165a0d.netlify.app

ご参考ください！

序盤の数回の講義を過ぎると音質が良くなります。
より高価で質の良いマイクに買い替えました〜

質問があれば？

受講中に質問が生じた場合は、質問＆回答ページをご利用ください。
できるだけ早く回答いたします。

受講を悩んでいたり、その他受講前に気になる点がある場合は、
受講前のお問い合わせページをご利用ください。.

Svelte ドキュメント。

Svelte APIに関する日本語のドキュメントが必要な場合は、
「Svelte.js完全ガイド(Renew)」のポストを確認してください。
https://heropy.blog/2019/09/29/svelte

お知らせ！

2020.10.22
講義公開の準備を終えた状態で、最新のSvelteバージョンの技術がいくつか追加されました。
まもなくアップデートいたします！

2020.11.03
「Svelte.js完全ガイド(Renew)」としてポストを更新しました。
動画講義と一緒にご覧ください。

2020.11.08
この講座に以下のパートを追加しました！
- 7-4. キーブロック
- 11-4. スロットフォワーディング(Forwarding)
- 18-1. Snowpackとは？
- 18-2. SnowpackベースのSvelteテンプレートのインストールと構成の理解
- 19-1. 主要ディレクトリのコピーとHMRの適用
- 19-2. コアモジュールのインストールと構成
- 19-3. SCSSおよびSvelte Preprocessの構成
- 19-4. プロダクションモードのログ削除構成
- 19-5. コードの最適化（最小化）およびパスエイリアスの構成
- 19-6. GitHubリポジトリの作成とプロジェクトのPush
- 19-7. Netlifyを通じた継続的デプロイ

2020.12.24
この講義に次のパートを追加しました！
「Trelloクローンアプリ作成」の講義例題を始める前に必ず見てください！
- 15-1. 講義例題のモジュールバージョンを一致させる. Đồng nhất phiên bản module của ví dụ bài giảng

2020.12.30
この講義に次のパートを追加しました！
- 11-5. $$slots

^{Svelte.js, Frontend, Framework, Core API, Sortable,js Rollup.js, React, Vue.js, Angular, リアクト, ビュー, アンギュラ}

こんな方に
おすすめです

学習対象は
誰でしょう？

新しい最新のウェブフロントエンドフレームワークを体験してみたい方！
フロントエンドの開発経験が不足している方！
Svelte.jsの公式ドキュメントでは学習が難しかったり、一部理解できない部分がある方！
説明が多くても大丈夫な方！

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

HTML
CSS
JS

こんにちは
HEROPYです。

キャリア認証

4,269

受講生

224

受講レビュー

162

回答

4.9

講座評価

講座

こんにちは〜はじめまして！私は現在、小さなスタートアップで企業管理ソリューションを開発しているフロントエンド開発者のパク・ヨンウンです。HEROPY技術ブログを運営

こんにちは、はじめまして！
私は現在、小さなスタートアップで企業管理ソリューションを開発しているフロントエンド開発者のパク・ヨンウンです。
HEROPY技術ブログを運営しており、
その他に企業研修やオン・オフラインでの講師活動も行っています。

ブログ: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w
メール: thesecon@gmail.com

カリキュラム

全体

116件 ∙ (21時間 18分)

セクション 1．概要

5件 ∙ (45分)

セクション 2．始める

6件 ∙ (1時間 31分)

セクション 3．ライフサイクル

6件 ∙ (50分)

セクション 4．補間法

2件 ∙ (16分)

セクション 5．反応性

5件 ∙ (56分)

セクション 6．クラスとスタイル

4件 ∙ (25分)

セクション 7．要素バインディング

3件 ∙ (25分)

セクション 8．条件と反復とキー

4件 ∙ (27分)

セクション 9．非同期

5件 ∙ (1時間 31分)

セクション 10．ユーザー入力のハンドリング

3件 ∙ (21分)

セクション 11．コンポーネント

9件 ∙ (1時間 24分)

セクション 12．スロット

5件 ∙ (50分)

セクション 13．ストア

5件 ∙ (1時間 9分)

セクション 14．アクション

2件 ∙ (20分)

セクション 15．特別な要素

6件 ∙ (55分)

セクション 16．例題を始める前に！！

1件 ∙ (6分)

セクション 17．Trelloクローンアプリ作成 - 例題を理解する

5件 ∙ (1時間 19分)

セクション 18．Trelloクローンアプリ作り - 例題実習

30件 ∙ (6時間 31分)

セクション 19．Snowpack

2件 ∙ (21分)

セクション 20．TrelloクローンアプリをSnowpackプロジェクトに移管する

7件 ∙ (44分)

セクション 21．おわりに..

1件 ∙ (2分)

講座掲載日: 2020/10/21

最終更新日: 2025/05/19

受講レビュー

全体

38件

4.9

38件の受講レビュー

sorayeon
受講レビュー 84
∙
平均評価 5.0
2020/10/26
5
98% 受講後に作成
サンプル講義を聞いて半分受講します^^
- heropy
  知識共有者
  2020/10/26
  良い評価ありがとうございます^^ 他のパーツも気に入ってほしいです！楽しい一日をお過ごしください〜
- sorayeon
  2020/11/04
  他のパーツも完全に好きです！特にTrelloの例はとても楽しいのでとても聞いています^^
- heropy
  知識共有者
  2020/11/07
  他のパートも気に入って嬉しいです：D Trelloの例も楽しいです、本当に嬉しいですㅜㅠ Svelte.jsがソラヨンのWeb開発に大いに役立つことを心から願っています！さわやかで幸せな週末をお過ごしください〜
- sorayeon
  2020/11/07
  楽しく頑張りました。ありがとうございます。講義は本当に最高です！次の講義も楽しみにしています。講師も楽しい週末をお過ごしください〜
- heropy
  知識共有者
  2020/11/09
  講義時間が短いですが、頑張ってくれたことを心からお祝いします。次の講義も早く頑張って準備してお知らせします！ソラヨンも楽しい一週間を過ごしてください^^
hanbin85705100
受講レビュー 1
∙
平均評価 5.0
2020/11/23
5
99% 受講後に作成
1つの概念を説明するときに追加の活用方法までとても慎重に教えてくれるので、一般的に気になる事項のほとんどが講義に含まれていると見れば良いです。また、es6のメリットを最大限に活用して作成しますので、講義の終わりにはきれいで簡潔なコードの習慣も育てることができます。フレームワーク経験のない方が聴くのにもとても良い講義です。次の講義が期待されますㅎㅎ
- heropy
  知識共有者
  2020/11/24
  良い評価を残してくれてありがとう。：D おめでとうございます、この講義がmadstone devに大いに役立つことを心から願っています！次の講義も一生懸命準備してアップロードしてお知らせします。楽しい一日をお過ごしください〜ありがとうございます^^
simongs
受講レビュー 2
∙
平均評価 5.0
2020/11/01
5
28% 受講後に作成
私は最近vue.jsを学ぶ過程でsvelteが注目されているという情報を聞きました。それで興味を持って購入をするようになりました。まだ頑張っていませんでしたが、中間の感想を書いているなら、真に誠意を持って講義を準備されたという感じを受けます。設計してくれたカリキュラムを見ると、この講義への愛着と悩みが感じられます。コメント書き込んだ新機能のアップデートもお待ちしております
- heropy
  知識共有者
  2020/11/01
  講義を作ったやりがいを感じる感動的な評価ありがとうございます:) この講義がSIMONS様に多くの役に立ちましたら本当によかったです。新機能もすばやくアップデートしてお知らせします。楽しい一日をお過ごしください〜
truestar
受講レビュー 27
∙
平均評価 4.9
2021/01/25
5
100% 受講後に作成
私はレビューはうまくいきませんが、一度講義のリーディングスキルがとても出てきました。どんな講義をしても躊躇なく聞こえそうです。講義の倍速を1.5に合わせて再生しますが、それでも発音の良いシーンなのか内容がすっぽり入ってきます。中半くらい聞いてるのに、レビュー残します！ 0. 質疑応答をとても細かく説明してください 1.目次と項目の区分が講義内容と確実にマッチングされます 2. 情報伝達方式にフレームがあり、各講義の特定時点ごとにおおよそこのような内容を扱うんだと推測が可能です。 3. よく使われるパターン例を置いて応用することをお勧めします（ユーティリティ関数を書く感じ） 4. 何よりも良いと思う部分は、毎映像序盤に伝える前、後の文脈についての説明を軽く説明してくれますが、このため流れを把握するのはとても良いです。（時には多少退屈な感覚があるとは思えますが、倍速機能があることに関係ないと思います。私の場合はむしろ全体を把握するのが良かったようです） 5. ゴールが深い概念を誰でも分かりやすく解いて説明します。 6. 各トピックを段階的、詳細、多くの例を挙げて深く取り上げます。数日間のメリットをまとめて残すほどおすすめです。何より.. 恵まれた川の分量に感心をしました。
- heropy
  知識共有者
  2021/01/25
  あっ! Truestarさんこんにちは。＆＃x27;質問＆amp; このように長文の素敵ですっきりとした受講評を残してくれて本当に感動的ですㅠㅜ 残り半ば以降、講義がTruestar様に失望を抱かせてくれなかったらと思い、本当に役に立つことを願っています！では、おやすみなさい、楽しく幸せな一週間を過ごすことを願っています〜👍 素敵な受講評に感謝します〜😭
- truestar
  2021/01/25
  私は...私が誤解する可能性のある話を残しましたか？^^; 私はただ私が講義ノートを書くような習慣を持っていたのでボールがたくさん入るという声が短く残って誤解がありましたね。講義は本当に良いです。剥離ダメが浮かぶのは私だけそうなのでしょうか.. アップデートも続けていただきありがとうございます。この講義を作るとか、老後が感じられる講義です。基礎仕上げて応用編でもよろしくお願いします！
hanmg
受講レビュー 10
∙
平均評価 4.9
2021/03/03
5
91% 受講後に作成
親切に教えてくれて楽しくSvelte + @（用語、scssなど）を学ぶことができました。
- heropy
  知識共有者
  2021/03/03
  私の講義が役立つことを心から願っています〜ありがとう。👍