Build a Voice-Enabled Website with Figma and JavaScript — WalkSelf
⏱ 2時間42分 📚 27レッスン 🎧 音声版

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分の実践的な内容

レビュー

まだレビューはありません — 最初の体験を共有しましょう。

レビューを書く

☆☆☆☆☆
送信後にサインインを求めます — 下書きは保存されます。

よくある質問

このコースを受けるには何が必要ですか? +

インターネットに接続したスマホかパソコンだけ。インストールも特別な機材も不要です。

支払い方法は? +

Stripe経由のカードで。カード情報は当社では保存せず、Stripeが安全に取り扱います。

返金できますか? +

はい — 14日以内なら理由を問わず全額返金。

いつまでアクセスできますか? +

ずっと。購入後はあなたのもの。いつでも見返せます。

修了証はもらえますか? +

はい。修了するとLinkedInプロフィールに追加できる修了証を受け取れます。

こんな分野の方に
テック デザイン 金融 マーケティング 医療 教育 ホスピタリティ 製造業