Build a Voice-Enabled Website with Figma and JavaScript
Learn to design a web interface in Figma and bring it to life with HTML, CSS, and JavaScript, creating a site that responds to voice commands.
-
💬
AIインストラクター
どのレッスンでも質問すれば、いつでもすぐに分かりやすい答えが返ってきます。 -
🕐
いつでも開始
スケジュールも締め切りもなし。自分のペースで、好きなときに学べます。 -
🌐
日本語で
レッスン、課題、修了証まで、すべてあなたの言語で。
このコースについて
Ready to build a website that listens and talks back? This course provides a step-by-step guide to creating a modern, voice-controlled web application, starting from the initial design concept and finishing with a functional, interactive project.
You'll learn the complete workflow, from designing a polished user interface in Figma to writing the front-end code that powers it. By the end, you'll have built a portfolio-ready website that uses browser-based speech recognition and synthesis, giving you a solid foundation in both web design and development.
What you'll learn:
- Design a complete web page layout and prototype in Figma.
- Structure your website content with semantic HTML.
- Apply modern, responsive CSS for a great experience on any device.
- Add interactivity and manage application state with JavaScript.
- Integrate the Web Speech API to handle voice commands and generate spoken responses.
- Understand core principles of web accessibility for voice-driven navigation.
- Practice your skills with hands-on exercises that reinforce each concept.
The course starts with fundamental design principles before moving into coding. You'll progress from building the static structure to implementing the dynamic voice features.
This course is created for absolute beginners. No prior experience with Figma or programming is necessary to start learning.
Begin building your first conversational web application today.
得られるもの
-
📜
修了証
LinkedInプロフィールに追加 -
💬
パーソナルAIチューター
レッスンで詰まった?組み込みチューターにいつでも何でも聞いてみよう。 -
🎧
音声版付き
画面なしでもどこでも学べる -
♾️
無期限アクセス
いつでも再開可能、有効期限なし -
📱
スマホでもPCでも
どこでもどんな端末でも -
💸
14日返金保証
理由を聞きません -
⚡
短く要点だけ
2時間42分の実践的な内容
修了証
PickAClassで修了した各コースは、このような証明書を発行します — オリジナルで、独自コード付き、URLで検証可能、そして実際に示した内容を詳細に記載。
P
PickAClass
スキルプロフィール · 検証可能
文書
修得証明書
以下を証明します
氏名
の習得を見事に証明しました
Build a Voice-Enabled Website with Figma and JavaScript
実証されたスキル
✓
行動パターン分析
基礎
1.2 時間
✓
意思決定アーキテクチャフレームワーク
熟達
1.4 時間
✓
A/Bテスト設計
熟達
1.7 時間
✓
行動心理学的コピーライティング
上級
1.9 時間
P
PickAClass — 氏名
Build a Voice-Enabled Website with Figma and JavaScript
2/2ページ
パフォーマンス詳細
学習内容の概要
修了レッスン
14 / 14
練習問題
26 / 28
提出課題
4(平均 4.5 / 5)
集大成プロジェクト
レビュー済み — 4.6 / 5
練習合計
6.2 時間
パフォーマンス基準
コホート順位
1,625人中上位12%
修了までの時間
11日(中央値: 22)
習熟スコア
91 / 100
練習問題スコア
94%
スキル検証
検証済みスキルパス
レビュー
まだレビューはありません — 最初の体験を共有しましょう。
よくある質問
このコースを受けるには何が必要ですか? +
インターネットに接続したスマホかパソコンだけ。インストールも特別な機材も不要です。
支払い方法は? +
Stripe経由のカードで。カード情報は当社では保存せず、Stripeが安全に取り扱います。
返金できますか? +
はい — 14日以内なら理由を問わず全額返金。
いつまでアクセスできますか? +
ずっと。購入後はあなたのもの。いつでも見返せます。
修了証はもらえますか? +
はい。修了するとLinkedInプロフィールに追加できる修了証を受け取れます。
こんな分野の方に
テック
デザイン
金融
マーケティング
医療
教育
ホスピタリティ
製造業
10
毎月10コースを手に入れよう
メンバーは毎月お好きな10コースを$0で受講できます。コースごとの料金はなし — お支払いはサブスク料金のみ。
$49.99 / 月額
- ✓ 毎月10コース
- ✓ いつでも解約OK
毎月更新。未使用のコースは各請求月末に失効します。