.jpg?w=960)
Svelte.js入門ガイド
HEROPY
無料
初級 / Svelte
4.9
(156)
3,300+
2時間を超える入門者のためのSvelte.js無料講義！
初級
Svelte
Svelte
Svelte
Rollup
Rollup
Sortable
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 APIの多様なパターンや新しい文法など、
Svelteを学習するすべての方に役立つ内容で構成しました！
ホームページの例題よりも簡単に理解できるように、
ほとんどのパートの例題を、知恵を絞って直接用意しました！
講義をすぐに受講しなくても、
プレビューを通じてSvelteの基本概念を体験することができます！
プレビューの最後には簡単なTodoの例も作ってみます。
ReactやVueよりも簡単で便利なフロントエンドフレームワークであることを実感していただけるはずです〜
そして、カリキュラム全体もぜひご覧ください！
昨年(2019年)、現在のSvelteの礎となったバージョン3が初めて公式リリースされました。
まだわずか1年が経過したばかりの、非常に新しく、興味深くて魅力的なフレームワークです〜
必修学習！
.gif?w=960)
主要な例！
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,228
受講生
224
受講レビュー
162
回答
4.9
講座評価
3
講座
こんにちは〜はじめまして！私は現在、小さなスタートアップで企業管理ソリューションを開発しているフロントエンド開発者のパク・ヨンウンです。HEROPY技術ブログを運営
こんにちは、はじめまして！
私は現在、小さなスタートアップで企業管理ソリューションを開発しているフロントエンド開発者のパク・ヨンウンです。
HEROPY技術ブログを運営しており、
その他に企業研修やオン・オフラインでの講師活動も行っています。
ブログ: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w
メール: thesecon@gmail.com
カリキュラム
全体
116件 ∙ (21時間 18分)
6. 1. 宣言的レンダリング
10:37
7. 2. 条件文と繰り返し文
09:28
8. 3. イベントハンドリング
09:15
9. 4. コンポーネント
18:29
10. 5. ストア
17:19
11. 6. Todo 例題作り
25:56
講座掲載日:
最終更新日:
受講レビュー
全体
38件
4.9
38件の受講レビュー
hanbin85705100受講レビュー 1
∙
平均評価 5.0
5
99% 受講後に作成1つの概念を説明するときに追加の活用方法までとても慎重に教えてくれるので、一般的に気になる事項のほとんどが講義に含まれていると見れば良いです。 また、es6のメリットを最大限に活用して作成しますので、講義の終わりにはきれいで簡潔なコードの習慣も育てることができます。 フレームワーク経験のない方が聴くのにもとても良い講義です。 次の講義が期待されますㅎㅎ
- heropy知識共有者
良い評価を残してくれてありがとう。 ：D おめでとうございます、この講義がmadstone devに大いに役立つことを心から願っています！ 次の講義も一生懸命準備してアップロードしてお知らせします。 楽しい一日をお過ごしください〜 ありがとうございます^^
- sorayeon
受講レビュー 84
∙
平均評価 5.0
5
98% 受講後に作成サンプル講義を聞いて半分受講します^^
- heropy知識共有者
良い評価ありがとうございます^^ 他のパーツも気に入ってほしいです！ 楽しい一日をお過ごしください〜
他のパーツも完全に好きです！ 特にTrelloの例はとても楽しいのでとても聞いています^^
- heropy知識共有者
他のパートも気に入って嬉しいです：D Trelloの例も楽しいです、本当に嬉しいですㅜㅠ Svelte.jsがソラヨンのWeb開発に大いに役立つことを心から願っています！ さわやかで幸せな週末をお過ごしください〜
楽しく頑張りました。ありがとうございます。講義は本当に最高です！ 次の講義も楽しみにしています。 講師も楽しい週末をお過ごしください〜
- heropy知識共有者
講義時間が短いですが、頑張ってくれたことを心からお祝いします。 次の講義も早く頑張って準備してお知らせします！ ソラヨンも楽しい一週間を過ごしてください^^
- simongs
受講レビュー 2
∙
平均評価 5.0
5
28% 受講後に作成私は最近vue.jsを学ぶ過程でsvelteが注目されているという情報を聞きました。それで興味を持って購入をするようになりました。まだ頑張っていませんでしたが、中間の感想を書いているなら、真に誠意を持って講義を準備されたという感じを受けます。設計してくれたカリキュラムを見ると、この講義への愛着と悩みが感じられます。コメント書き込んだ新機能のアップデートもお待ちしております
- heropy知識共有者
講義を作ったやりがいを感じる感動的な評価ありがとうございます:) この講義がSIMONS様に多くの役に立ちましたら本当によかったです。 新機能もすばやくアップデートしてお知らせします。 楽しい一日をお過ごしください〜
- truestar
受講レビュー 27
∙
平均評価 4.9
5
100% 受講後に作成私はレビューはうまくいきませんが、一度講義のリーディングスキルがとても出てきました。 どんな講義をしても躊躇なく聞こえそうです。 講義の倍速を1.5に合わせて再生しますが、それでも発音の良いシーンなのか内容がすっぽり入ってきます。 中半くらい聞いてるのに、レビュー残します！ 0. 質疑応答をとても細かく説明してください 1.目次と項目の区分が講義内容と確実にマッチングされます 2. 情報伝達方式にフレームがあり、各講義の特定時点ごとに おおよそこのような内容を扱うんだと推測が可能です。 3. よく使われるパターン例を置いて応用することをお勧めします（ユーティリティ関数を書く感じ） 4. 何よりも良いと思う部分は、毎映像序盤に伝える前、後の文脈についての説明を軽く説明してくれますが、このため流れを把握するのはとても良いです。 （時には多少退屈な感覚があるとは思えますが、倍速機能があることに関係ないと思います。私の場合はむしろ全体を把握するのが良かったようです） 5. ゴールが深い概念を誰でも分かりやすく解いて説明します。 6. 各トピックを段階的、詳細、多くの例を挙げて深く取り上げます。 数日間のメリットをまとめて残すほどおすすめです。 何より.. 恵まれた川の分量に感心をしました。
- heropy知識共有者
あっ! Truestarさん こんにちは。 ＆＃x27;質問＆amp; このように長文の素敵ですっきりとした受講評を残してくれて本当に感動的ですㅠㅜ 残り半ば以降、講義がTruestar様に失望を抱かせてくれなかったらと思い、 本当に役に立つことを願っています！ では、おやすみなさい、 楽しく幸せな一週間を過ごすことを願っています〜👍 素敵な受講評に感謝します〜😭
私は...私が誤解する可能性のある話を残しましたか？^^; 私はただ私が講義ノートを書くような習慣を持っていたので ボールがたくさん入るという声が短く残って誤解がありましたね。 講義は本当に良いです。 剥離ダメが浮かぶのは私だけそうなのでしょうか.. アップデートも続けていただきありがとうございます。 この講義を作るとか、老後が感じられる講義です。 基礎仕上げて応用編でもよろしくお願いします！
HEROPYの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![GraphQL完全征服（キオスクを作って学ぶフルスタックコース） - [2024部分リニューアル]講義サムネイル](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?w=420)
