読者です 読者をやめる 読者になる 読者になる

ドロップダウンメニュー用のライブラリ smart-dropdown-menu を作った

ドロップダウンメニュー用のライブラリ smart-dropdown-menu を作成しました。 github.com smart-dropdown-menu は、<script> タグでの読み込みと npm での管理の両方に対応しています。 どのように両対応したかの詳細については、以下の Qiita 記事を御覧ください。…

npm で管理している package のライセンス一覧の作成を支援する license-list を作成した

license-list というライブラリを作成し、npm で初めて公開しました。 license-list npm で管理している package のライセンス一覧を作成するためのヘルパーライブラリです。 github.com 以下のような形で利用できます。 import licenseList from 'license-l…

browserify, babelify, watchify が遅い時の注意点

browserify, babelify, watchifyを組み合わせて使う場合,`transform` の位置に注意しないと(ファイルの変更をせずに書き込みした場合でも)トランスパイルの度に遅くなっていきます.

React での「...」(ドット3つ)の記法

React では以下のような「...」(ドット3つ)の記法を時々見かけます. これは,Spread Attributes という JSX の記法です. 子の Component へ props を渡す場合,Spread Attributes を用いると,以下のように書き換えられます.

babel-plugin-external-helpers について

babel-plugin-external-helpers は,babel での変換時に各ファイルごとに出力される共通コードを,グローバル変数を用いて1つにまとめることで,重複するコード出力を削減するプラグインです.

gulp を用いたフロントエンドのタスク自動化レシピ (1)

browserify でのトランスパイルや uglify といったフロントエンド用のタスクを gulp で自動化するレシピを Github に上げ始めました. github.com browserify でトランスパイルを行い,1つのファイルにまとめるタスクを書いたので,簡単な解説を残します. b…