mille-feuille code
コードのかけらを一枚ずつ積み重ねて。
-
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😌💡
-
超軽量Viewライブラリ「Hyperapp」の日本語ドキュメント風の何か
WebフロントエンドのViewライブラリといえばReactやVueといった高機能なものが主流ですが、もっと手軽で最小限なライブラリが欲しいことありませんか? それに応えるのがHyperappです。個人的に気になってたのでドキュメントを意訳してみました。