「困っていますか?」と質問するよりは「順調ですか?」と聞いたほうがいい、という話はけっこう聞くと思うけど、それを更に推し進めることで「爆走できますか?」「爆走できていますか?」というところまで持っていけると思う。 何も困っていること・障害がなく、真に爆走できている状態なら自信を持ってイエスと答えられるだろうけど、実際には何かしらつまずきポイントがあることのほうが多い。そういうときに、どこで詰まるか・詰まりうるか考えたり、みんなで議論したりするのを促進するため、「爆走できる」という状態を最初から理想として持っておいて問いかける。本当に爆走できるならそれに越したことはないだろう。 「爆走」というと全てを無視して最高速で走りつづけるというニュアンスがあるかもしれないけど、本当に全てを無視しているのではなく、取り組みたいことの障害となることが全て解決されている理想形のことを指して「爆走できる」と呼

これは React Advent Calendar 2022 7日目の記事です。 Recoilを使っているアプリケーションでWebpackのDefinePluginを使って環境変数の値をビルド時に埋め込むとき、Webpackの設定によっては環境変数の名前がビルドしたコードに含まれてしまう場合があります。 具体的には、以下のようにDefinePluginの process.env キーに対してobjectを渡す場合に発生しえます。 new webpack.DefinePlugin({ 'process.env': { FOO: JSON.stringify(process.env.FOO), }, }); ここでRecoilのコードを見てみましょう。ランタイムに process.env の値を参照するコードがあるのに気づくと思います。 github.com optional chaining

なんと、出ます。以下のサークルカットを描くために久しぶりにAzPainter2を立ち上げました。 サークルカット 「create-react-appの中身ぜんぶ見る」とは何か create-react-app (以下CRA) を構成する各種フロントエンドツールチェーンについて、CRA*1で使われている webpack.config.js を中心に紐解いていく本になります。勘では、おそらく7割以上Webpackのプラグインの話になると思います。 npm run eject (yarn eject) するともう元には戻れない、という警告を見たことはありませんか？ CRAが何を隠蔽して、どのようにゼロコンフィグの開発環境を提供してくれていたのか、気になりませんか？ CRAを通じてフロントエンドのツールチェーンへの理解を少しでも深めることができればと思います。 C100で会いましょう ◎あなたのサ