カテゴリー
サインイン 新規登録
学習時間 5時間
難易度 初級
質問投稿 不可
価格 ¥1,280
月額 ¥2,980
Unlimited会員はこちらの教材を含む100種類以上のUnlimited対象教材が学び放題

Nuxt.jsとTone.jsで画面を触ると音が出るアプリを作ろう

Nuxt.jsを使った簡単な音楽アプリを開発、HerokuへのデプロイなどWeb開発の流れを体感する。

1
最終更新 2020/7
Techpit

学習内容

  • Nuxt.jsを使った簡単なアプリケーションを開発します
  • Tone.jsを用いてWeb Audio APIを触ってみます
  • Herokuを使ってWebアプリケーションを公開する方法を学びます

受講するために必要なスキル

  • HTML/CSSの基礎知識
  • JavaScriptの基礎知識

この教材を学ぶことで身につくスキル

Nuxt.jsでのプロジェクトの作り方や、中身の書き換え方、デプロイ方法などを学ぶことができます。また、発音部分にはTone.jsというライブラリを使用します。Tone.jsの使用は珍しいですが、JavaScriptでのライブラリの使用方法の学習に参考になるかと思います。

こんな方におすすめ

  • Nuxt.jsを使った簡単なアプリを開発したい方
  • Tone.jsを使って、楽しみながらJavaScriptでのライブラリを学びたい方

この教材で学ばないこと

本教材はNuxt.jsを使って簡単なアプリケーションを作ることを一番の目的とし、HTML/CSS/JavaScriptの開発は詳しくしておりません。細かく知りたい方はご自身で調べていただければと思います。

本教材で質問対応可能なOSや環境

  • Mac OS

本教材の対応バージョン

  • Nuxt.js 2系

この教材を執筆した想い

個人開発としてWebアプリ開発に没頭しています。今回その普段のアウトプットとナレッジが誰かのためになればと思い執筆しました。Tone.jsは馴染みのないライブラリですが、「音を奏でる?」という好奇心を持って、Nuxt.jsの学習に取り組んでいただけたら幸いです。

カリキュラム

Section 0 概要・環境構築
Section 1 Nuxtプロジェクトの作成と動作確認
Section 2 Vueコンポーネントの作成
  • 2-1 Vueコンポーネントの作成 (前編)
  • 2-2 Vueコンポーネントの作成 (後編)

講師のプロフィール

教材のレビュー

1.0
1件の評価
0%
0%
0%
0%
100%
庄田雄貴 1年以上前
誤植があり、分かりにくい内容でした。