WEB備忘録とチャリとカメラ


JavaScript

Gulp 4でテンプレートエンジンのPug(Jade)を使う

Gulpのタスクにテンプレートエンジンのpugを使えるようにします。

Pug

今更ですが、PugはもとはJadeという名称でHTMLのJavaScript Templatesの1つとされる。
Node.


Gulp 4でバベる(babelifyとbrowserifyでimport/exportのモジュール間の依存関係を使いつつ、require文を使わないようにJavaScriptをBABELでトランスパイルしてまとめる)

GulpのタスクにJavaScript構文をBABELでトランスパイル(ES5)ができるようにします。

加えてbabelifyとbrowserifyの処理を加えて、モジュール間の依存関係の解決(require文


webpack 〜導入編〜

webpack導入の備忘録

必要最低限の環境構築を目指す。


React 〜基礎編〜

書く機会が増えてきたので、React の導入から基礎をまとめる(備忘録)。


【備忘録】Vue.jsをはじめる - その2 〜基礎編〜

jQuery依存から脱却しVue.jsをなんとかキャッチアプしたい、、基本の使い方に入ります。


【備忘録】Vue.jsをはじめる - その1 〜導入編〜

いいかげんキャッチアップしておいた方が良さそうなので、JavaScriptフレームワークのVue.jsを今更でも取り入れてみる。

とはいえ業務で取り入れている段階でなく、長い時間をかけて開発で触れているわけではないので、独学で個人的にinputできたことをここへまとめてみる。

(※基本Vue.js v2.6.11を使用、2020年2月6日現在)


【備忘録】アニメーション系js(lib)のまとめ

アニメーション系JS 7種 + α

CSS Transition、WebGL、Canvas、SVG... jsで実装するアニメーションライブラリをさらっと見てみる。


スマートIoT照明をArduino(Johnny-Five)とPubNubでプロトタイプモデルを構築

前回はArduinoをJohnny-Fiveを使ってLチカすることが出来ました。
今回はフルカラーLEDを使ってスマート照明的なシステムを構築してみたいと思います。


JavaScriptでLeap Motionの情報を受け取ってみる

先日VR関連の情報を得る機会があって、そこでLeap Motionが紹介されていました。

フィジカルコンピューティング
([マイノリティ・リポート](https://www.google.co.jp/search?q=%E3%83%9E%E3%82%A4%E3%83%8E%E3%83%AA%E3%83%86%E3%82%A3%E


ArduinoをJohnny-FiveからNode.jsで制御 Lチカしてみる

Arduino Uno R3画像

先日、渋谷で行われたNode.jsの祭典に参加してきたのですが、その中で「Hardware Hacking for JavaScript Developers」


Node.jsアップデートしたら「npm command not found」に、Gulpも使えなくなった

先日NodeSchoolに行ってきました。
Workshopperを使ったもくもく会っていうのも


ビルドツールのGulp、使ってみる

Gulp イメージ

ビルドツールのGulp、Gruntよりも使い易そうなので取り入れてみました、Sass派です。

デザインもマークアップも一緒に