プロジェクトで簡単に学ぶTypeScript基礎
Michael Kwon
¥4,296
初級 / JavaScript, TypeScript, TailwindCSS, vite, AI Agent
ミッション
ミッション
タイプスクリプトの核心概念を基礎から実践までまるごと! プロジェクトを通して実務活用まで
初級
JavaScript, TypeScript, TailwindCSS
体系的な段階のプロジェクト実習と展開、ビルトインストア活用、SvelteKitとSupabaseでフルスタックアプリケーションまで一発で!


学習した受講者のレビュー
5.0
이종수
機能単位の実装で短い講義が構成されていて、どんどん学べました。
5.0
슈퍼아스라다
svelteの魅力をゆっくりと説明してくれて、とても分かりやすいです。 ありがとうございます。
5.0
흔들거북이
svelteを初めて入門される方々にウォーミングアップで良い講義になると思います。
ホームページからカジュアルゲーム、フルスタックアプリケーションまで、さまざまなテーマのプロジェクトを通じてフロントエンドのコア機能を習得し、問題解決能力を育てます。
Svelteの簡潔で直感的な文法を使用してコンポーネントベースのアーキテクチャを構築し、状態管理、イベント処理、ルーティングなどの主なトピックをカバーします。
Viteでプロジェクトを作成してビルドし、FitHubとVercelを介して簡単にWebにデプロイします。
ビルトインストアを使用すると、グローバルな状態管理を簡単に処理する方法を習得できます。
SvelteKitとSupabaseでフルスタックアプリケーションを簡単に開発できます。
最小限の時間に比べて多くのことを習得できます。
このレッスンは、最新のWeb開発トレンドに準拠したSvelteの基礎を実践的に習得するための目標で構成されています。 Svelteは、直感的で軽量で優れたパフォーマンス、効率的なコンパイル時最適化によるコードサイズの削減、優れたパフォーマンスを誇ります。
HTML、CSS、JavaScriptの基礎を学び、フレームワーク(ライブラリ)を学びたい入門者には開発に興味を持ち、すでに他のフレームワークを使用していた開発者は、既存のUIフレームワークに比べてスベルトの簡潔で柔軟性を体験できる最高のセカンドチョイスです!
現在、より多くの開発者や企業がSvelte(sveltekit)を使用してWebアプリケーションを開発しており、 Svelteで構築されたプロジェクトが正常に運営されています。文法だけを学んで退屈してあきらめないでプロジェクトを作成しながら学びましょう!
💡プロジェクトによる実践中心の構成
文法中心ではなく、プロジェクトを通じて徐々に習得する興味深いクラスを体験することができます。
ビジュアルな資料と、まったくない簡潔な説明により、初心者でも無理なく学習が可能です。
component、データバインディング、状態変数の取り扱い方法、動的コンテンツ、ライフサイクルなど、フロントエンドアプリケーション開発の基礎を習得することになります。
映画情報ホームページ
ページをリンクするルーティング機能とURLパラメータでページにデータを渡すことで、動的なページを実装できます。最後に、結果をWebに配布します。
ブランディングホームページ
コンポーネント単位の機能的開発、状態管理、イベント、ライフサイクルなど、これまで学んだ核心的な開発能力を総制的に取り扱い、ゲームスコア管理のためにグローバル状態管理を本格的に活用します。
カジュアルゲーム(片付け)
Svelteの機能を拡張したSvelteKitプロジェクトを通じて、ファイルベースのルーティング、サーバーサイドロジックを処理し、実際のデータベースと連携するフルスタックアプリケーションまで学習します。 supabaseを使用すると、クラウドベースのデータベースを簡単に処理できます。
日記帳アプリ
オペレーティングシステムとバージョン(OS):Windows、macOS、LinuxなどのすべてのOSが利用可能です。
使用ツール:Visual Studio Code、FitHubアカウント
PC仕様:インターネット接続が可能な基本仕様のPC
提供する学習資料の種類:FitHubリンクの共有、テキスト、ソースコードなど
分量と容量:各セクションで学習資料を提供する
HTML、CSS、JavaScriptの基本
本講義の著作権は著作者にあり、不正な配布および複製を禁止します。学習資料も著作権があり、個人的な学習目的以外の使用を禁じます。
学習対象は
誰でしょう?
HTML、CSS、JavaScriptの基本的な理解がありますが、フレームワークやライブラリを使用した経験が少ない方
フロントエンドの基本技を習得したい方
実習中心に早く勉強したい方
投入に比べて迅速な結果を求める開発者
前提知識、
必要でしょうか?
HTML、CSS、JavaScriptの基礎
269
受講生
39
受講レビュー
17
回答
4.9
講座評価
5
講座
スタートアップでマルチメディアコンテンツクリエイターとしてキャリアをスタートし、一つの分野にとどまることなく、ゲーム、ウェブ、マルチメディア分野で企画と開発を主導し、現場で様々な商用作品をローンチしてきました。大学ではデジタルメディアと映像学を専攻し、主要な教育機関でウェブデザイン、フロントエンド開発、メディア教育(10年以上)などを行いながら、チュートリアルも制作しています。
- 著書 -
JavaScriptプロジェクトブック(ハンビッメディア、2017)
全体
104件 ∙ (8時間 23分)
講座資料:
1. はじめに
03:15
2. 開発環境の設定
01:29
3. プロジェクトの作成(Vite)
04:50
4. データを文書に表示する
07:41
5. 繰り返し文で映画情報を表示する
04:14
8. スタイルを変更する
04:40
9. 条件文で動的コンテンツを追加する
03:31
11. モーダルウィンドウ情報の動的表示
03:42
15. 映画リストコンポーネントの作成
05:25
17. 動的クラスと効果を扱う2/2
05:55
18. 検索ボックス入力機能
05:52
19. 入力値を確認する
05:45
20. 映画タイトル検索機能1/2
07:34
21. 映画タイトル検索機能2/2
01:41
22. 検索結果を表示する
05:22
23. フルビューボタンを追加する
02:10
28. プロジェクト紹介
03:13
29. プロジェクト設定
05:19
30. Sass文法のコアサマリー
08:17
31. メディアを追加する
01:30
32. ホームエリア
10:18
33. About エリア
06:37
34. ページルーティング
03:26
35. ニュースエリア
10:28
36. 繰り返し文でニュース情報を表示
02:16
37. 詳細ページエリア
05:01
38. 詳細ページにデータを渡す
05:34
39. 詳細ページに情報を表示する
03:23
40. contact エリア
03:53
41. ビルドとデプロイ 1/2
02:02
42. ビルドとデプロイ 2/2
05:55
43. プレビュー
00:31
44. プロジェクト紹介
02:05
45. プロジェクト設定
01:48
46. 機能別ゲーム画面の定義
03:53
48. フォントと画面デザイン
07:03
50. ゲームグリッドエリアカードの配置
09:22
51. カードの反転と混合
04:52
52. ゲームルールとロジックを見る
01:34
53. カードの初期化と反転
04:29
56. カードマッチングを判定する2/2
07:18
57. カード判定画面処理
04:33
58. ゲームクリア判定する
03:45
61. ゲームスコアを店舗で管理する方法
03:28
62. ストアを作成してゲーム情報を扱う
04:58
全体
11件
5.0
11件の受講レビュー
受講レビュー 10
∙
平均評価 5.0
受講レビュー 5
∙
平均評価 4.6
受講レビュー 1
∙
平均評価 5.0
5
この講義を通して、SvelteとSvelteKit、そしてSupabaseの魅力をしっかり感じました!基礎から応用までカリキュラムが簡潔ながらも体系的に組まれており、特にプロジェクトのおかげで学習した内容をすぐに適用してみることができ、理解がはるかに簡単です。他のフレームワークを使った経験があり、比較になりますが、Svelteの簡潔さと効率性にすっかり落ちます。 Supabaseを利用したバックエンド統合も全く難しくないように説明していただきました。講師様の説明が明確でフレンドリーで簡単に理解でき、授業中途中の実際のエラーを修正する部分やヒントも役に立ちました〜
スベルトの簡潔さは大きな魅力です。私たちの講義もそうです。大切なコメントありがとうございます〜
知識共有者の他の講座はこちら
同じ分野の他の講座を見てみましょう!
新規会員登録で25%OFF
¥4,696
25%
¥6,266