クモのようにコツコツと

Webデザイナー イイダリョウのブログ。略称「クモコツ」

【Three.js】回る箱をいろいろ打ち替えてみる

ブラウザで3Dコンテンツを作るJSライブラリ「Three.js」。前回は回る箱を表示してコードを細かく見ました。今回は実際の動きとしてどこをどう打ち替えたらどう変わるのかを実体験していきたく思います。それでは、どうぞ!

続きを読む

【tone.js】一音鍵盤を1オクターブに拡張したらコードが冗長だったので書き直した

ブラウザで音を鳴らせるJSライブラリ「tone.js」の続きになります。
前回は一音鍵盤を作りましたが、一音だと少々飽きてくるので1オクターブに拡張しました!
鍵盤を増やしながらコードが冗長になっていくことに気づき、このままではフルキーボードの頃にはすごいことになるのでメンテしやすい書き方を検討しました。では、どうぞ。

続きを読む

三大フレームワークとかSPAとか仮想DOMとかわかりにくかったのでHellow Vue.jsしてみた!

JSのフレームワークについて調べるとAngular、React、vue.jsの「三大フレームワーク」というのが出てきます。なぜにこの3つが三大?これを使うとどんなことが実現できるのか。SPA?MVC?仮想DOM?データバインディング?調べているうちに混乱してきたけど、とにもかくにも3つの中では一番わかりやすそうだったVue.jsを始めてみる。

続きを読む

【JS】newとプロトタイプとクラス

JSに慣れてくるとよく目にすることになるnew演算子。ライブラリやフレームワークのコードでもよく見るので、ここらでちゃんと理解しておきたく思います。
また、かつて「JSはクラスかプロトタイプか」という論争がありましたが、そのどちらもこのnewが登場します。比較してみましょう。

続きを読む

Chart.jsをGettingしてStartedする

JSで図を描写するライブラリはいくつかありますが、Canvas要素ベースのChart.jsとSVG要素ベースのd3.jsが目につきました。どっちを先にやるか迷いましたが、Three.jsCanvas要素に触れ始めているので3Dと2Dの比較として触ってみることにしました。

続きを読む