WebAudioとWebGL(Three.js)で、音声ファイルを3D表現

こんにちわ。 teratailチームDevRel担当の木下(@afroscript)です。

WebAudio Web MIDI API Advent Calendar 2016の5日目です。

2016年11月に開催されたWebAudio API 初心者向けハンズオンで教えてもらった内容をもとに、「音声ファイルを3Dで表現する」というのに挑戦してみました。

(僕は職業的にはエンジニアではない(仕事上はほぼコードを書かない)ので、コードの汚さや効率の悪さもろもろは大目に見ていただけるとうれしいです)

今回やること

ベースは先ほど話に出たハンズオンの際に用いた下記資料の7番目のレッスンです。 WebAudio APIのAnalyserというNodeを使って、読み込んだ音声ファイルデータを取得し、音声を可視化するというものです。

資料↓

webmusicdevelopers.appspot.com

※上記ページの下のほうに「start」ボタンがあるので、それを押して一旦音声の可視化(平面)を確認してみてください。

なお、Three.jsのrevisionはr81を使ってます。 (Three.jsはrevisionによって動いたり動かなかったりが激しいのでご注意を)

続きを読む

HTML 5.1勧告! これだけは押さえておきたい変更点

f:id:moo-lev:20161026123631p:plain

日本のみなさん、こんにちは!

teratailエンジニアの鈴木です!

本日(日本時間)W3Cのブログで正式に発表があり[1]、HTML 5.1が 勧告 (REC)となりました! よっ!

今回は、このHTML5初のマイナーバージョンアップデートについて、Web制作者が押さえておきたい変更点を、いくつかピックアップして紹介してみようと思います。

続きを読む

teratailはGoogle Cloud Platformに引っ越しました!

f:id:yumotohashi:20161031150056j:plain 俺達は

GCPへの移行を

強いられてるんだ!!!!
用意された画像に合わせただけで内容には関係ありません

TL;DR

10/26のメンテナンスでteratailをGoogle Cloud Platformに移行しました。TokyoリージョンのStackdriverまだですか。

初めに

こんにちは、teratail開発チーム本橋です。
teratailは10月26日にVPSサービスからGoogle Cloud Platformへ移行しました!

続きを読む

【随時更新(17.04.15Kotlin追加)】いろんな技術の入門ハンズオン資料まとめ(Angular/React/WebVR/Go/Python/Xamarin etc...)

こんにちは。 teratailチームDevRel担当の木下(@afroscript)です。

1年ほど前からたくさんのコミュニティの方々とイベントを共催しています。
様々な技術のハンズオンもご一緒させて頂いたので、そこで使われた資料のうちWebで公開されているものをまとめてみました。

ぜひ新しく技術を学ぶ際、ハンズオン資料を作成する際などにご活用ください。

ちなみにteratailで開催しているイベントは、基本的にconnpassで公開しています。
イベントの一覧はこちらです。(僕が個人的に開催している勉強会も多々混じってますw)
http://connpass.com/user/afroscript10/open/

Facebookのteratailユーザーグループでもイベント開催のお知らせをしていますので、併せてご確認ください。
https://www.facebook.com/groups/teratail

では、資料一覧です。
フロントエンド、サーバーサイド、スマートフォンアプリ、ゲームエンジンの4つのカテゴリーでまとめています。

続きを読む

入門3日目の僕が感じたAngular 2のすごいところ

はじめまして。teratail開発チームでインターンをしている草間(@tkow39)と申します。
来年4月1日よりレバレジーズ株式会社に入社予定となっています。よろしくお願い致します。
今までは主にフロントエンドを担当し,バックエンド,テストなどもサポートする形で開発していました。

少し期間が空いてしまいましたが,10/3(月)に開かれたAngular 2入門者の会でLTしました。

connpass.com

Angular 2熟練者の方からAngular 2の良さや楽しさとアドバイスを色々教えていただき,今後もAngular 2を使って何かを作ってみたいと思いました。

そこで,今回はプロダクトに生かして行く上でこれはすごいと思ったところと,使ってみて良かったところの4点を入門者として紹介していきたいと思います。

続きを読む

teratailが協賛したラーメン二郎のハッカソンでエンジニアの二郎愛を感じた話

こんにちは。teratail開発チームの出川(@ikuwow)です。

9月30日に開催されたサポーターズ主催のラーメン二郎ハッカソン「ジロッカソン」に
teratailが協賛しました。 supporterz.jp

当日はteratailチームのメンバーやレバレジーズのエンジニアもハッカソンに参加!
どんなサービスが生まれるか気になったので僕も「ジロッカソン」を覗いてきました。

続きを読む