
Creating a job search site with Vue3 and Supabase
Michael Kwon
From developing your own full-stack application to a Progressive Web App (PWA)!
Basic
Vue.js, supabase, Vue 3
TypeScriptの基礎:基本型・特殊型、配列、インターフェース、関数型など
TypeScriptの高度な機能: ユニオン型、Enum、ジェネリクスなど
プロジェクト実習:日記アプリ制作で学んだ内容の実務適用
AIコードツール活用による開発生産性向上
タイプスクリプトの重要な概念と文法を簡単に理解することができ、それに基づいて簡単なプロジェクトを作成しながら実務感覚を築くことができます。
AIコードアシスタントを活用して、生産性の高い開発経験を学ぶことができます。
タイプスクリプトの中核概念の完全征服
独自の小さなプロジェクトをタイプスクリプトとして実装
今JSからTSへの移行、怖くない!
TypeScriptと開発環境の紹介
TypeScriptの概念とニーズを紹介し、Viteを使用した開発環境の設定、学習効率を向上させるためのVS CodeとAIツールの設定方法をまとめます。
TypeScript基礎概念学習
基礎パーツではstring
, number
, boolean
ような基本タイプから特殊タイプまで一つずつ整理します。
また、配列とオブジェクト型、関数のパラメータおよび戻り型、およびinterface
を活用した構造的なコード作成方法も習得します。
TypeScriptの高度な機能について
union
型とliteral
型でさまざまな値を表現し、 enum
を使って意味のある定数を定義する方法も学びます。特にジェネリックを通じて、さまざまな状況で再利用可能な関数を作る実戦スキルを身につけることができます。
実戦プロジェクト – 日記帳アプリ制作
学習した内容に基づいて、日記帳アプリプロジェクトを直接作成し、実務感覚を育てます。日記の入力、出力、削除などの機能を直接実装し、タイプを明確に指定し、コードの安定性を確保する実践が含まれています。
オペレーティングシステムとバージョン(OS):Windows、macOS、LinuxなどのすべてのOSが利用可能です。
使用ツール:Visual Studio Code、FitHubアカウント
PC仕様:インターネット接続が可能な基本仕様のPC
提供する学習資料の種類:FitHubリンクの共有、テキスト、ソースコードなど
分量と容量:各セクションで学習資料を提供する
HTML、CSS、JavaScriptの基本
本講義の著作権は著作者にあり、不正な配布および複製を禁止します。学習資料も著作権があり、個人的な学習目的以外の使用を禁じます。
学習対象は
誰でしょう?
TypeScriptでスキルアップしたい方
安定的で協業可能なコーディング を求める Webデザイナー & パブリッシャー
実習中心に効率よく入門したい方
理論よりプロジェクト中心の講座をお探しの方
HTML/CSS/JavaScriptの基礎は知っているが、TypeScriptは初めてのデザイナーおよび初級開発者
前提知識、
必要でしょうか?
HTML、CSS、JavaScript 基礎
219
受講生
23
受講レビュー
17
回答
5.0
講座評価
5
講座
스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.
- 저서 -
자바스크립트 프로젝트북(한빛미디어,2017)
全体
27件 ∙ (2時間 27分)
講座資料(こうぎしりょう):
4. 基本タイプを学ぶ
11:03
6. 配列とタプル
05:39
7. オブジェクト型とインターフェース
04:38
8. 関数の型
07:10
10. Enum 使い方
03:56
12. ジェネリクス(Generics)
05:17
13. プロジェクト紹介(日記アプリ)
01:32
15. tailwindcssの追加
12:27
16. DiaryData 作成
06:41
17. ページルーティング
13:51
18. ヘッダー情報の条件付き表示
06:40
21. 詳細ページ(id を受け取る)
05:20
22. 日記書き
08:16
23. 日記 削除
02:21
¥4,017
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!