scramble cadenza

技術ネタのガラクタ置き場

javascript

webpack を使った Google Chrome Extension づくり

イントロ 気が向いたので Google Chrome Extension を作成してみたくなった。 そこで最低限 webpack を使って、開発環境を整備できる環境を作ってみた。 色々調べてみて、一先ずこんなところに落ち着いた、というメモを残します。 似たようなのあるやろ はい…

serverless + webpack + babel で AWS Lambda をナウく書く

イントロ 最近 AWS Lamdba を仕事で触っています。 serverless やら Apex なり色々あるわけですが、沢山ありすぎてよくわかりません。 今までは Apex の手軽さに甘えていましたが、そろそろ serverless が本気を出してきたという噂を聞き、serverless を使い…

webpack-dev-server を使う

イントロ webpack dev server 見ればだいたい書いてある。 webpack は少し触らないと忘れてしまうので、メモしておく。 それと何故か webpack の公式 Document は読みづらい(私だけ?)というのも理由の一つ。 webpack-dev-server って? 開発用の web サーバ…

babelify7.0.2 で jsx の compile に失敗する件

現象 babelify 7.0.2 browserify 12.0.1 react 0.14.1 var React = require('react'); var Container = React.createClass({ render: function() { <div>test</div> } }); React.render( <Container />, document.getElementById('container') ); % browserify -t babelify src/app.j</container>…

React.js で親子関係にある component の更新順序

イントロ 話題の React.js を去年末ぐらいから、ちょこちょこと触っています。 殆ど Javascript 触ったこと無い状態から、いきなり React 始めて大分修羅の道だったのですが、最近ようやく慣れてきました。 何となくわかってきた React の性質っぽいものを残…