iimon TECH BLOG

iimonエンジニアが得られた経験や知識を共有して世の中をイイモンにしていくためのブログです

Knipでプロジェクトの不要コードを検出してみた

はじめに こんにちは、保田です。 普段の業務ではClaude Codeを活用した開発を行っています。 AIコーディングによってコードの生成スピードは上がる一方で、不要なコードの蓄積を防ぐことが重要になっていると感じています。 使われなくなった関数やexportさ…

電子書籍リーダーで快適に読みたい

こんにちは、木村です。(非常に遅ればせながら)本年もよろしくお願いいたします。 さて、入社してから2年が経とうとしています。よりスキルアップしていきたいなと思うこの頃ですが、勉強の一つとして技術書を幅広く読みたいなーと思う一方、なかなか時間…

React Scanで再レンダーを改善してみた

はじめに 使用技術 React Scanとは React Scanの導入 React Scan使ってみる React Scanの分析 分析結果から改善 JavaScript/React Hooks AntdIconの改善 その他のAntdのコンポーネントの改善 改善結果 useCallback + React.memoでチェックボックスの改善 改…

呪術に触れてみた

こんにちは、kogureです。 勉強会のお題を考えているときにEMから今、巷で流行っているJujutsuどう?とお勧めされたので触ってみました! そもそもJujutsuってなんなんでしょうか? 公式のreadme> Introductionを確認してみましょう github.com Git互換の新…

エンジニア&デザイナーのためのフォント入門

皆様ごきげんよう。タクシです。 最近、花粉症をこの世から消す方法と同じぐらい私はフォントについて調べています。 開いたWebサイトがどのフォントを使っているかをデベロッパーツールで確認するのが習慣です。1人でフォント当てクイズをしたりもします。…

Macのアクティビティモニタを理解する

はじめに アクティビティモニタとは 確認できること プロセスとは CPUタブ プロセス一覧 グラフの表示 メモリタブ メモリの全体像 グラフの表示 各項目の意味 メモリプレッシャーグラフ スワップ使用領域 エネルギータブ プロセス一覧の主な列 ウィンドウ下…

「なぜダメか」で学ぶクラス設計

導入 こんにちは!iimonで「入力速いもん」の開発を担当しているなかむ〜です! 弊社のメイン製品である「入力速いもん」は、リリースから時間が経っていることもあり、現在はレガシーな設計から「新しく保守しやすい設計」への移行を絶賛進めている最中です…

型に縛られず、型を守る。忘れがちな「ジェネリクス」を改めて整理して武器にする

こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 今回はジェネリクスについて何となく分かったつもりではいたけれど、 忘れがちという事に気付きまして、ちゃんとアウトプットしてみようと思います。 …

Chrome拡張機能のE2Eテスト、PlaywrightとPuppeteerどっちを選ぶ?調べて比較してみた

目次 1. はじめに 2. PlaywrightとPuppeteerの関係性 3. Chrome拡張のテスト観点での技術比較 4. 公式ドキュメント・情報量の比較 5. CI/CDへの組み込みやすさ 6. 結論:どちらを選ぶか 7. おわりに 1. はじめに こんにちは!iimonでフロントエンドエンジニ…

Chromeってどんなふうにうごいているの?

はじめに Chromeのアーキテクチャはマルチプロセス?!! マルチプロセスを採用することの意味 マルチプロセスを採用することの課題とその対応 まとめ さいごに はじめに こんにちは!iimonでエンジニアをしているひがです! 先日アドベントカレンダー2…