mille-feuille code
コードのかけらを一枚ずつ積み重ねて。
-
Vue+VuexでMVVMなWebApplicationを設計するときに考えたいこと
Vue(+Vuex)設計時に迷ったら立ち返るためのMy設計論です。MVVMをどう実現すべきか、Vuexをどのように組み込むべきか、Componentはどう切るか…。現時点での自分の解をまとめました。
-
throttleとdebounce
scrollとかresizeのイベントって瞬間でものすごい数が飛ぶから、当然間引いたりしていますよね? と煽られたときにも心が折れないように、今一度ここでthrottleとdebounceの使い方を覚え直そう。そして案外簡単に実装できることを知って重たいライブラリから脱却しよう。というお話。
-
lazyloadの解剖学
Webでもアプリのようなスムーズなインタラクションを実現したいですよね。そこでよく使われる手法のひとつにlazyloadが挙げられます💡 フロントエンドエンジニアにとってlazyloadとは何なのか、徹底的に調べて試してみましたので、その記録をここに残します😇
-
create-react-app + Jest + Enzyme で書くReactコンポーネントテストの始め方
ReactのComponentをテストするにはJestとEnzymeを組み合わせるととてもいい感じでした😄というよくある話と、create-react-appで用意した環境でそれらを使おうとするとハマることがあるよ💀というあまり聞かない話について書きました。
-
escape と encodeURI と encodeURIComponent を正しく使い分ける
今更すぎるけれど、ちゃんと使い分けることって大切だと思うんです。それぞれの関数の意味と役割を知り、正しく使い分けられるようになる機会は、今です。「あれ、どれ使えばいいんだっけ…」と忘れてしまった今。Just now😌💡