クモのようにコツコツと

Webデザイナー イイダリョウのブログです。

三大フレームワークとか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の比較として触ってみることにしました。

続きを読む

CSSだけでドット絵マリオを描けるのか

ブラウザ3Dの大海原を漕ぎ始めた私ですが、世代的にはドット絵ゲーム世代です。*1そんな私が前から試してみたかったのは、お絵描きソフトを使わずに、CSSだけでドット絵が描ける?。
多分描けると思う。描けるんじゃないかな。まちょと覚悟はしておけ。な、実録です。では、どうぞ。

*1:ただし、最初ファミコンは買ってもらえず、勉強に使えるとかなんとか言って「MSX」というマイナーな機種を買ってもらいました。キーボードがついてますがもっぱらYとNしか押さないという…。

続きを読む

Three.js入門サイトに私も入門する!!

以前ご紹介した「WebGL」の続きになります。今年こそブラウザ3D事始めんと欲し「書き初め」的に書いた投稿からもうじき半年…。 前回tone.jsと同様、今回も便利なライブラリ「Three.js」を使って一刻も早く体験したく。いざっ!

続きを読む

はじめの一音!tone.js事始める

以前ご紹介したWeb Audio APIの続きになります。
ブラウザで音を出す便利なライブラリ、tone.jsを利用して、はじめの一音鳴らしてみたいと思います!

※注:このページは音が鳴ります!

続きを読む

私が愛してやまない待望の外接リサイズobject-fitを使うのにIEのせいであと1年半も待ってらんないっ!!

我々は何年待ったのか?このお手軽外接リサイズobject-fitの登場を!なのにIE11非対応って哀しすぎる。またしてもこの余生ブラウザにもどかしい思いを味わっているのだ。 Edge非対応OS、Windows7のサポート終了まで約1年半(2020年1月)。だが、大丈夫。手はあるんです!

続きを読む