大学時代から長らくEmacsで暮らしていたのですが、最近ついにVSCodeに完全移行しました。各種設定やプラグインのエコシステムが使いやすかったり、コマンドパレットの感じがEmacsに似ていたりしていい感じです。 そんなVSCode、基本的には1フォルダ1ウィンドウの世界観なので、大量のリポジトリを相手にするときに困りがちです。何も考えずにフォルダを開いていくとウィンドウが散らかって生産性がどんどん下がります。典型的な解決策としてWorkspace機能がよく紹介されますが、以下の理由から個人的にはあまりフィットしませんでした。 仕事で扱うリポジトリは巨大なものが多く、それをひとつのウィンドウにいくつも押し込めてしまうと複雑すぎて手に負えない ひとつのウィンドウで複数リポジトリのファイルを開けてしまうというのも厄介で今度はタブの管理が大変になる Workspaceの設定は基本的に手動管理なの

React17が出てからしばらく経ちましたが、React17の破壊的変更で既存コードが動かないということがあり、調査と修正を行いました。 そこで調査の過程で得られたことを、自分自身の理解の整理も兼ねてまとめておきます。 本記事ではReact17の破壊的変更のうち、event delegationにおけるイベントの委譲先の変更について取り上げます。 この変更については公式ブログでの説明がとても分かりやすかったですが、実際にどんなユースケースで問題になるのかという点を詳しく解説できたらと思います。 event delegation（イベントの委譲）とは？ いきなり聞き慣れない言葉なので、まずはevent delegationとは何かという部分から確認していきましょう。 通常Reactでイベントハンドラを登録する場合、以下のようにインラインで記述します。 しかし、実際Reactは裏側でこのような

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Labels are a feature that have existed since the creation of JavaScript. They aren’t new! I don’t think all that many people know about them and I’d even argue they are a bit confusing. But, as we’ll see, labels can be useful in very specific instances. But first: A JavaScript label should n

ECMAScript Modules Added in: 12.7.0 Node.js 12.7.0で--experimental-modulesフラグが外れたため、Node.js 12 LTSではECMAScript Modules(ESM)が利用できるようになります。 Node v12.17.0 (LTS) | Node.js Modules: ECMAScript modules | Node.js v16.0.0 Documentation これによりライブラリがCommonJS形式(require/exports)ではなく、ESM形式(import/export)で公開できるようになります。そのため、多くのライブラリがESM形式のみでの公開へと切り替わっていきます。 ESMはブラウザ(IE以外)、Node.js、rollup/webpackなどのbundler、TypeScrip

追記: 2023-11-19 corepack v0.20.0 にて、CLI のコマンド体系が一新されて多少わかりやすくなりました (PR#291)。新しいコマンドは README を参照。 追記: 2022-02-03 Node.js v14.19.0 に corepack が標準バンドルされました。 corepack がバンドルされていない Node.js v12 系は 2022-04-30 に EOL を迎えるので、あと 3 ヶ月もすればアクティブな Node.js 環境には必ず corepack が揃っているという状態になりますね。引き続き experimental ステータスのままではありますが。 追記: 2021-09-08 Node.js v16.9.0 で corepack が標準バンドルされました。まだ experimental 扱いですが。 デフォルトでは yarn も

チームにいると頼りになるソフトウェアエンジニアのメモです。自分のロールモデルでもあります。私のキャリアはほぼウェブブラウザ開発一筋なので、その辺に生息している人たちを思い浮かべながら書いてます。思いついたら随時更新します。 コードマニア コードやドキュメントを読むのが好きで、暇があれば適当なレビューに飛び入り参加したり、自分のプロジェクトとは関係ないコンポーネントもひたすら探検している。不穏なコードを見つけるとなんとリファクタリングもしてくれる。コードサーチがお友達。 やたらコードに詳しいので、何か分からないときはとりあえず聞きに行く。チームに一人いるとレビューが捗るし、コードベースも綺麗になる。コードマニアはコードベースを広く熟知している上に未知のコードに対する耐性も高いので、プロジェクトを移動してもすぐに活躍できる。 コードマニアの亜種にスペックマニアもいる。こちらはウェブやネットワー

今夏の東京五輪に、どのくらいの国・地域が参加するのだろうか。本紙は４月下旬、５大陸から約２０カ国・地域を選び、各地のオリンピック委員会の意向を取材した。

──通勤電車のつり革につかまって、スマホでゲームしてたら、目の前に立ってた女性が振り返って叫んだ。「この人痴漢ですっ！」オレ、つり革につかまってるじゃん。なんてことも言えず、次の駅で引きずり降ろされた。 あっと言う間に警察がやってきて、両脇をつかまれて連行。オレ、このまま前科者になっちゃうの……？ 男性諸君はみな、これを読んで震え上がったことと思う。まずはこうした事態に巻き込まれたときに、身の潔白を証明する方法から解説していこう。 痴漢だと言われたら、対象女性に対し絶対に謝罪してはいけない。日本人の常識的な考えでつい謝ってしまいがちだが、仮に刑事裁判にかけられた場合、この常識が仇となる。裁判所は「身に覚えがないのなら、なぜ謝ったんですか？」と一蹴、あなたを有罪にしてしまうからだ。 こうした場合は、身に覚えがないことを根気強く訴えつつ、以降の説明を参考に日弁連の当番弁護士を呼ぶことを要求した