はてぶ・Qiita・Zennのトレンド記事を紹介
はじめに こんにちは。kogureです。最近暑くなってきて冬が恋しいです。断然冬派です。 社内でプロダクトの改善に取り組む中で、DI（Dependency Injection）を取り入れるようになりました。 ここでTypeScriptでDIコンテナライブラリって何があるんだろう？
【計画】Claude Code Routinesでバグ修正をどこまで委任できるか試してみる
こんにちは！iimonでエンジニアをしている なかむ です。 普段は主に「入力速いもん」の拡張機能を開発しています！ 今日は 「Claude Code Routinesで技術負債の修正をどこまでAIに任せられるか」 という検証について、現時点での計画とこれから何を試すかを共有しま
こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 最近スプレッドシートを弄ることがちょいちょい出てきて、 GASで遊んでみたので、その内容を纏めました。 Google Apps Scriptとは Google Apps
LLMが構造的な出力を行う方法を調べてみた — デコーディング手法とその最適化 🔖 1
こんにちは、iimonでエンジニアをしている須藤です。 最近、アプリケーションでLLMを利用していて、JSON出力がどの程度安定しているのか気になっていました。 また、ClaudeやOpenAIが「100%のスキーマ準拠」を謳っていて、その裏側の仕組みも面白そうだったので、今回調
1. はじめに 2. npmサプライチェーン攻撃の系譜 2-1. サプライチェーン攻撃とは 2-2. 代表的な攻撃手法 悪意あるパッケージの新規公開 タイポスクワッティング ディペンデンシーコンフュージョン 既存パッケージの改ざん 2-3. 取り込まれた後の動作 2-4. 起こり
開発中プロダクトの挙動を外出先から確認する(Claude Cowork Dispatch)
はじめに こんなときありません？？ Claude Cowork Dispatch 準備するもの 設定 Claudeがアプリを操作する優先順位 実際にClaude Cowork Dispatch使ってみる ①ローカルマシンで開発中のプロダクトをスマホから確認する ②ローカルマシンで
Orvalを使ってOpenAPI SchemaからAPIクライアントを自動生成する
■はじめに ■環境 ■Orvalとは何か ■Orvalを使うと何が変わるか ◆手書きの場合 ◆Orvalを使う場合 ■ハンズオン ◆今回作るもの ◆ディレクトリ構成を作る ◆バックエンドのセットアップ ◆Djangoプロジェクトを作成する ◆モデルを定義する ◆スキーマを Mod
はじめに Branded Types Effect TS まとめ さいごに 参考 はじめに こんにちは！ｉｉｍｏｎでエンジニアをしているひがです。 最近AIでソースコード生成を利用する場面も当たり前になってきましたが、その中でどんなコードを書くとAIはどんな反応をするのだろう？？
【React】よく使うHooks3選をわかりやすく整理してみた
はじめに そもそもReact Hooksってなに？ useState - 状態を管理する 概要 基本的な使い方 コード例 よくある使い方いろいろ 注意点 useEffect - 副作用を実行する 概要 基本的な使い方 依存配列のパターン コード例 APIからデータを取得する クリ
Claude Code on the Webが個人的に良かった話と今後の期待
はじめに Claude Code on the Webとは 使い方 基本的なセットアップ 1. claude.ai/code にアクセス 2. GitHubアカウントを接続 3. クラウド環境の設定 4. リポジトリを選んでタスクを入力 メリット・デメリット メリット ローカル環
はじめに カリー化とは 部分適用 再利用性の向上 ルールと処理の分離 関数合成について カリー化と関数型言語 純粋関数と参照透過性 純粋関数型言語であるHaskell まとめ 参考文献・記事 はじめに こんにちは。ｉｉｍｏｎでエンジニアをしている金庭です。 今回は、複数の引数を取
普段お店などで決済する時に使用しているQR決済が、 どういう仕組みで動いているのか気になり今回調べてみることにしました。 CPMやMPMといった方式の違い、サーバーとの通信、オフラインの仕組みなど、色々と発見がありました。 また同じ決済でも、Suicaは改札で一瞬で処理が終わって
はじめに こんにちは、保田です。 普段の業務ではClaude Codeを活用した開発を行っています。 AIコーディングによってコードの生成スピードは上がる一方で、不要なコードの蓄積を防ぐことが重要になっていると感じています。 使われなくなった関数やexportされたままの型定義、
こんにちは、木村です。（非常に遅ればせながら）本年もよろしくお願いいたします。 さて、入社してから２年が経とうとしています。よりスキルアップしていきたいなと思うこの頃ですが、勉強の一つとして技術書を幅広く読みたいなーと思う一方、なかなか時間がとれなかったり集中できなかったり… そ
はじめに 使用技術 React Scanとは React Scanの導入 React Scan使ってみる React Scanの分析 分析結果から改善 JavaScript/React Hooks AntdIconの改善 その他のAntdのコンポーネントの改善 改善結果 useC
こんにちは、kogureです。 勉強会のお題を考えているときにEMから今、巷で流行っているJujutsuどう？とお勧めされたので触ってみました！ そもそもJujutsuってなんなんでしょうか？ 公式のreadme> Introductionを確認してみましょう github.co
はじめに 株式会社ｉｉｍｏｎエンジニアのかとうです！ Macのファンがうるさくなったり、動きが遅くなったり固まったりしたときに、私はまずアクティビティモニタを確認します💧 不要なプロセスの終了にしか使用したことがなかったので、他にもどのように使えるか調べてみました。 本記事では、
皆様ごきげんよう。タクシです。 最近、花粉症をこの世から消す方法と同じぐらい私はフォントについて調べています。 開いたWebサイトがどのフォントを使っているかをデベロッパーツールで確認するのが習慣です。1人でフォント当てクイズをしたりもします。（サイズとかウェイトとか当たるとなん
導入 こんにちは！iimonで「入力速いもん」の開発を担当しているなかむ〜です！ 弊社のメイン製品である「入力速いもん」は、リリースから時間が経っていることもあり、現在はレガシーな設計から「新しく保守しやすい設計」への移行を絶賛進めている最中です。 移行後の新しい設計を見て「すご
型に縛られず、型を守る。忘れがちな「ジェネリクス」を改めて整理して武器にする
こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 今回はジェネリクスについて何となく分かったつもりではいたけれど、 忘れがちという事に気付きまして、ちゃんとアウトプットしてみようと思います。 ジェネリクスとは ジェネリ
Chrome拡張機能のE2Eテスト、PlaywrightとPuppeteerどっちを選ぶ？調べて比較してみた
目次 1. はじめに 2. PlaywrightとPuppeteerの関係性 3. Chrome拡張のテスト観点での技術比較 4. 公式ドキュメント・情報量の比較 5. CI/CDへの組み込みやすさ 6. 結論：どちらを選ぶか 7. おわりに 1. はじめに こんにちは！iimo
はじめに Chromeのアーキテクチャはマルチプロセス？！！ マルチプロセスを採用することの意味 マルチプロセスを採用することの課題とその対応 まとめ さいごに はじめに こんにちは！ｉｉｍｏｎでエンジニアをしているひがです！ 先日アドベントカレンダー2025でV8 JavaSc
AI駆動開発の新常識「SDD」- Spec Kitとcc-sddを実際に使って感じたこと 🔖 1
1. はじめに こんにちは！株式会社iimonでエンジニアをしている「みよちゃん」です！ いや〜来てますねAIの波。開発現場でもAIは「あると便利なもの」から「ないと困るもの」に変化しつつありますよね。この記事もAIに添削してもらいながら執筆しています。 弊社でも、AIを活用する
Chrome拡張機能開発で意識したいセキュリティ対策（Manifest V3）
はじめに 前提: Content ScriptとService Workerの違い 公式ドキュメントに基づくセキュリティ対策 Content Scriptの信頼性が低い理由 1. Content ScriptがアクセスするDOMの信頼性が低い 2. Webページと同じレンダラプロ
TypeScriptの型システム、実はチューリング完全って知ってましたか？
はじめに 基礎パーツ作成 タプルのlengthで数値を取得 タプルを生成するユーティリティ タプルの結合 足し算の実装 引き算の実装 注意点 再帰の深さ 整数限定 チューリング完全について 応用編 掛け算 比較 まとめ 最後に 参考 はじめに こんにちは！株式会社iimonでフロ
チーム目標に合わせてJestカバレッジを"狙い撃ち"計測する方法
こんにちは！iimonでフロントエンドを担当しております、まつむらです！ 私たちのチームでは開発中のプロダクトにおいてテストコードが不足していたため、カバレッジを指標としてテストを増やす取り組みを行っていました。 もちろんカバレッジを上げることが本質的なテスト品質が向上するわけで
積読解消プロジェクト「リファクタリング（第2版）既存のコードを安全に改善する」Part2
1. はじめに 2. 6章 リファクタリングはじめの一歩 パラメータオブジェクトの導入 3. 7章 カプセル化 レコードのカプセル化 4. 8章 特性の移動 5. 9章 データの再編成 6. 10章 条件記述の単純化 7. 11章 APIのリファクタリング コマンドにおける関数の
■はじめに ■認証とは？ ■JWT認証とは ■セッション認証方式 ◆処理フロー ◆セッション認証方式の課題点 ■JWTの構造 ■HMAC（Hash-based Message Authentication Code）とは ■アクセストークンとリフレッシュトークン ■JWTを使った
はじめに みなさま、本年もよろしくお願いいたします。 現在のMySQLは本番環境でもカラム追加も懸念すべきことも少なくなり、ALTER TABLE ... ADD COLUMN を実行すれば、テーブルのサイズやレコード数に関係なく一瞬で完了するようになりました。 以前は本番環境で
React 19.2で追加された<Activity>コンポーネントについて 🔖 34
はじめに こんにちは、保田です。本記事はiimonアドベントカレンダー25日目の記事となります。 試験的機能として開発されていたコンポーネントが、2025年10月にリリースされたReact 19.2で正式に導入されました。 普段の業務で使えるものなのか気になったので、今回調べてみ
これぞ拡張機能の真髄！chrome.webRequest APIについてまとめてみた 🔖 32
こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 本記事はiimon Advent Calendar 2025 24日目の記事となります！ 今回はこれぞ拡張機能の真髄って個人的に思ったchrome.webRequest
はじめに 不気味の谷 AIにおける不気味の谷 動画生成AI AIのハルシネーション 開発と不気味の谷の関係 不気味の谷を避ける配慮 さいごに 参考 はじめに 本記事はiimon Advent Calendar 2025 23日目の記事となります！ みなさまごきげんいかがでしょうか
はじめに 本記事はiimonアドベントカレンダー22日目の記事となります。 こんにちは、kogureです。 あっという間に12月ですね、去年にアドベントカレンダーを書いたのが昨日のことのようです。 こうやってあっという間に歳をとっていくのですね。怖いですね。 今回はClaude
最初から完璧は目指すな──初めて設計するあなたへ伝えたい、TypeScript設計の最低ライン 🔖 64
初めて0→1設計を任された人向けに、TypeScriptを例に「壊れにくく変更に強い設計」を解説。依存方向の整理、副作用の隔離、テストファースト、仕様変更に強い型設計など、品質とスピードを両立する最低限の設計ポイントを紹介する記事です。
SwiftUIで「推し活カレンダー」アプリを作ってみた 🔖 19
この記事はiimon Advent Calendar 2025 20日目の記事となります！ はじめに 開発環境 完成したアプリ 開発の流れ 1. まずはシンプルなスケジュールアプリから @Stateと@Bindingの使い分け 2. カレンダーUIを自作 日付セルのデザイン 3.
MutationObserverとは 処理ステップと実装方法 オプションの設定 childList subtree attributes attributeFilter MutationRecordのプロパティ 無限ループの罠 廃止されたMutationEvent まとめ 参考記
Claude Codeと一緒に行う学習方法を試してみる 🔖 57
こんにちは、木村です。 本記事はiimonアドベントカレンダー18日目の記事となります。 最近Claude Codeを使用し始めたんですが、AIって便利ですね！全肯定でAIを使うのは良くないとは思うのですが、できることが多くて試しきれないと思うこの頃です。 Claude Code
Node.js × Docker ベースイメージをどうやって選ぶか 🔖 41
はじめに Docker イメージとは Node.js Docker公式イメージとは Node.js Dockerイメージの種類 node: node:-alpine node:-slim 補足：Debianのコードネーム イメージサイズ イメージサイズが重要な理由 イメージサイズ
RISC-Vはなぜシンプルなのか？x86との比較で理解する設計思想 🔖 78
本記事はiimon Advent Calendar 2025 16日目の記事となります！ こんにちは、iimonでエンジニアをしている須藤です。 RISC-V（リスクファイブ）は「シンプルでエレガント」と言われますが、実感が湧いていなかったので、今回はx86との比較を通じて、シン
PMに「Hono書いて」と言われたのでCloudflareでAIチャットボットを作ってみた 🔖 42
◼️ はじめに ◼️ Honoとは ◼️ Cloudflareとは ◼️ 今回作成するアプリのアーキテクチャに関して 各サービスの役割 ◼️ プロジェクト作成 Honoを使用するためのプロジェクト作成 各リソースを作成 型定義のインストール D1テーブル作成 ◼️ 実装 Bind
JavaScriptのWeb Audio APIを使ってジングルベルを演奏してみよう 🔖 38
こんにちは！ｉｉｍｏｎでエンジニアをしている、でっさんです。 本記事はiimon Advent Calendar 2025 14日目の記事となります！ 今年はダイエットに挑戦したものの、チートデイを設けすぎてリバウンドしてしまいました。 来年は、みなさんの助言を真摯に受け止めてい
はじめに 主要パーツの名称 ハードウェアとソフトウェアの違い 主要パーツの役割 トータルバランス ボトルネック現象とは？ ボトルネック回避のために 適切なバランスはどうやって調べればいいの？ まとめ 参考資料 はじめに こんにちは！株式会社iimonでエンジニアをしている新卒の今
AI-DLCを導入するとしたら？それ以前に「うちのコードベース、AIに説明できる状態ですか？」 🔖 30
はじめに AI-DLCとは なんの略称やねん AI-Driven Development Lifecycleの概念 開始( Inception )フェーズ 構築( Construction )フェーズ 運用( Operation )フェーズ スプリントでは遅い！？ボルトという単位
EXPLAINで探る！SQLが速くなる・遅くなる理由 🔖 67
はじめに 前提 EXPLAIN（実行計画)とは EXPLAINを使ってみる EXPLAIN の主なフィールドを見てみよーー インデックスありと無しのEXPLAINを比較してみた ▼ インデックス無しで検索した場合の EXPLAIN ▼ インデックスありで検索した場合の EXPLA
React Router v7を使ったルーティングを体験してみた 🔖 24
■はじめに ■環境 ■React Routerのインストール ■基本的なルーティングの定義 ◆コンポーネント ■ネストルーティングの定義 ◆パスを完全指定した場合のルーティング ◆ネストルーティングと< Outlet >を使った共通レイアウトの維持 ■ルーティング定義の分割 ■U
AIコーディングエージェントの理解を深めるために自作してみた 🔖 47
こんにちは！iimonでCTOをしているもりごです。 本記事はiimon Advent Calendar 2025９日目の記事となります！ 最近ではClaude Code、Cursor、CodexなどAIコーディングエージェントを使用してコードを書くことが当たり前の様になっていま
Chrome拡張機能を自動リロードするVite Pluginを自作してみた 🔖 21
はじめに 本記事はiimon Advent Calendar 2025 8日目の記事となります。 SREチームに所属しています。hogeです。 普段はインフラまわりの業務が中心なのですが、時折プロダクト開発チームが進めているChrome拡張機能の開発を手伝うことがあります。 また
積読解消プロジェクト「リファクタリング（第2版）既存のコードを安全に改善する」Part1 🔖 18
はじめに 個人的にリファクタリングについて思うこと リファクタリングの原則 リファクタリングの定義 リファクタリングをする理由 リファクタリングはプログラミングを速める より詳しくリファクタする理由を考える リファクタリングの問題点 リファクタリングを行うタイミングについて 不可
Chrome拡張機能のE2Eテスト自動化を検討してみた 🔖 13
1. はじめに 2. なぜE2Eテストの自動化を検討しているのか 現状の課題 自動化で解決したいこと 3. E2Eテストツールの比較 Playwright Puppeteer Cypress Selenium 比較まとめ 4. Chrome拡張機能のE2Eテスト、ここが難しい 通
V8 JavaScript engineで寒い冬を暖かく過ごしたい 🔖 35
はじめに v8の概略 JavaScriptの処理ってどうなっているの？ スタック領域とヒープ領域 コールスタック タスクキューとマイクロタスクキュー イベントループ v8で遊ぶ まとめ Appendix さいごに 参考 はじめに こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをして