javascript

JavaScript バンドルツール Rollup を試した

ウェブアプリ向けの JavaScript のバンドル (ビルド) に、普段は Browserify を使っているが、最近 Rollup というバンドルツールを目にしたので試してみた。 Rollup の特徴や使用例、感想などをメモしておく。 基本は ES6 modules Rollup においては、モジュ…

Java とフロントエンドの付き合い方

ウェブアプリにおける JavaScript と CSS の役割・規模・複雑度が年々ヤバいことになってきているのは今更言うまでもない。今や JavaScript は、モジュールごとに分割して TypeScript や次期仕様の ECMAscript といったいわゆる altJS で記述されたのち、変…

オートコンプリート UI 用ライブラリ ac-box 作った

シンプルなオートコンプリートコンボボックス UI ライブラリ ac-box を作った。 デモはこちら。 特徴 他の大きなライブラリに依存しない。スタンドアロン版ミニファイ済み 9KB。 UI の位置は自動で fix される。ボーダや背景などの装飾部分は独自に定義する…

Grunt や gulp のかわりに Make も使ってみよう

フロントエンド開発のタスクランナーとして Grunt や gulp、npm run-script なんかを使ってきたが、今は Make を使っている。フロントエンド分野ではあまり馴染みのないツールかもしれないが、必要十分な機能性と高い表現力のバランスの良さを実感し、一巡辿…

SlickGrid のヘッダ行をグループ化する slickgrid-colgroup-plugin 作った

SlickGrid のヘッダをグループ化するプラグイン slickgrid-colgroup-plugin を作ったので、ギョームシステムの開発とかにどうぞ。MIT。 デモページ にいくつかのサンプルを置いてます。 SlickGrid 自体についても簡単に紹介すると、大量のデータをグリッドで…

jQueryの .text() が遅かった

DOM要素内の文字列を変更する処理にjQueryの .html() を使用しているコードを見て、「ムププw .text() のほうが速いからw」とか煽ってたら、実は .html() のほうが速かったという悲しい事件が起きた。 結論から言うと、jQuery 1.xの場合はIE6, 7, 8サポー…