はてなブックマーク

この記事は mediba advent calendar 2017 23日目の記事です。 フロントエンド開発部の武田 @tkdn が担当します。 プロダクション・趣味の素振りに限らず、自分の鋳型をよっこらせと持ってきて作り始めたり、要件に合わせて設定を足し引きしたりしているのですが、package.json の devDeps も webpack.config.js も見たくなくなります。混雑してくると npm scripts に呪文感が出てきます。 今日は、その辺の構築ストレスを軽減するために、自分のためにポータブルなガチ袋と詰め込むツーリングを作ったという話です。 お送りしたい人 時代は Zero Configuration らしいんですが、今日は webpack の話をします。ターゲットはこんな方向けです。 webpack をよく使う・まだまだ使っていきな人 Zero Config

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今さらATOM使ってみた 今までずっとSublimeです。そろそろいいかなと思ってATOM入れてみた。 さらっと入れてみたらいい感じ。きちんと移行出来るか試しつつメモ。 なんていうか、Paneの分け方がすごくいい。特別なパッケージを入れなくてもsplitで同じコードを別のPaneで見渡せるのがすごくいい。上下左右Paneがかなり自由。画像とかのプレビューも出来るし、最初からgitとの親和性高い。ConvertToUTF8みたいなパッケージなくてもSJISがいける。言うことない。 ただ色んなpackageでissueがボコボコ上がってて使

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

jQueryを使わないでアニメーションしたくはないでしょうか 別に興味ないですか。私は興味あります。 ブレイクスルーJavaScript フロントエンドエンジニアとして越えるべき5つの壁―オブジェクト指向からシングルページアプリケーションまでを注文しました。 jQueryその先へ、とかそういう文言が今熱いのか。 積ん読たまってて読めるかまったくわからないんですけど。 書籍とは離れますが、jQuery を使用しないでどこまでアニメーションに耐えられるのか、ちょっとやってみました。 https://github.com/tkdn/postjQueryAnimate ※ jQuery は2~使ったので、IE10～,Chrome,Safari,Firefoxいずれも最新くらいがターゲット Velocity.js という選択 最初はCSSアニメーションでなんとかと思ってたんですが、途中で挫折、jQu

仮想DOMとか、react.js とか最近聞くようになりました。フロントエンドに関わるものとして、UIパフォーマンス向上を志すなら、少し触って明日の糧にしようと思っていろいろ調べていたら、そもそもブラウザのレンダリングとは何かもよくわかっていなかったので出直そうと思った、というごくつまらない話です。 ブラウザのレンダリングとは DOMの読み込み、リサイズ、イベント発火で再描画、くらいふわっとわかったフリになっていた。 http://www.yoheim.net/blog.php?q=20140703 下のURLをわかりやすく解説 http://www.html5rocks.com/ja/tutorials/internals/howbrowserswork/ ごつい http://tokkono.cute.coocan.jp/blog/slow/index.php/web-technolo