iimon TECH BLOG

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

2026-01-01から1年間の記事一覧

【実践編】Claude Code でIssue修正をどこまで委任できるか試してみる

tech.iimon.co.jp こんにちは!iimonでエンジニアをしている なかむ です。 普段は主に「入力速いもん」の拡張機能を開発しています! 今回は前回の「Claude Code でバグ修正をどこまで委任できるか試してみる 計画編」の続き、実践編です。 気づけばもう8月…

そのテスト、別のコードで通ってます — git worktree × Docker 並列開発の静かな罠

はじめに 株式会社iimonでエンジニアをしている「みよちゃん」です。 8月に入り暑さが本格化してきましたね。最近自分は、通勤すれば汗だく・リモートワークをすればエアコンで電気代が高くつくという、ジレンマに陥っています。少しでも暑さを和らげるため…

WebAssemblyっていつ使うんですか?

はじめに Wasmとは? なぜ作られたのか Wasmで何ができるのか できないこと なぜブラウザに持ち込むのか 実際にはどう使われているのか Wasmが候補に入るのはどんなときか まとめ 参考 はじめに こんにちは!株式会社iimonでエンジニアをしている遠藤です。 …

使い方を伝えるために ― Cognitive WalkthroughによるLearnability評価

はじめに こんにちは。タクシです。 最近は新機能のデザインもしつつ、既存機能・画面のUI/UX改善を行うことも増えてきました。 機能によっては、より複雑で多様な操作フローが発生する中で、使いやすいUIにするために検討・リサーチを続けています。 使いや…

TypeScriptの依存関係違反を静的解析で防ぎたい

はじめに こんにちは、いきなり暑くなって辛いです。木暮です。 普段、業務の中でTypeScriptのコードレビューをしていて依存関係の違反が気になってしまいがちです。 AIにコード生成させても出力結果はまちまちですし、これを一つずつレビューするのも骨が折…

__init__.py って必要? 実際に検証してみた 【Python】

1. はじめに 2. PEP 420 と2種類のパッケージ — 誤解の起源 3. 今回のパッケージのディレクトリ構成図 4. sys.path はどう作られるか — __init__.py の検証に入る前に ①シェルが実行ファイルを探す。 ②インタプリタ本体の初期化。 ③sys.pathの構築。 ④siteモ…

Webアプリに地図機能を入れる方法を作ってた(Leaflet)

はじめに こんにちは!iimonでエンジニアをしている〇〇です! 「Webアプリに地図を出したい」と思ったとき、最初にこう悩みました。 「地図のライブラリ、種類が多すぎて、どれを使えばいいの?」 いろいろ試した結果、まずは Leaflet が一番おすすめだと感…

Redashで初めてSQLを書いてみた話

はじめに こんにちは!iimonでエンジニアをしているつかちゃんです! SQLという単語は入社してからずっと耳にしていました。でも自分が触ることはなく、なんとなく「データベースに問い合わせるやつ」くらいのイメージしか持っていませんでした。 今回、Reda…

LLM-as-a-Judgeを採点器で終わらせないために、評価ケース化と人間確認ゲートを整理してみた

こんにちは、エンジニアの須藤です。今回はAWSサミットに参加して、LLMアプリケーションでは評価が重要だという話があったので、LLM-as-a-Judgeについて整理してみることにしました。 実際のLLMアプリケーションの運用では、振る舞いがプロンプトの変更やモ…

MCPサーバーを自作して動かしてみる

■はじめに ■MCP とは ■環境 ■最小の MCP を作って動かす ◆1. プロジェクト作成 ◆2. サーバー本体 ◆3. ビルド ◆4. Claude Code に登録して動かす ■同じサーバーに GitHub ツールを足す ◆何を作るか ◆環境構築 ◆GitHub アクセス層(src/github.ts) ◆ツール登…

今更だけどTypeScriptのLinterについて調べてみる

はじめに Linterについて ESLintで見てみるLinterの基礎 TypeScriptのモダンなLinterたち まとめ さいごに 参考 はじめに こんにちは!iimonでエンジニアをしているひがです! 先日TSKaigi 2026で登壇をしてきました! https://2026.tskaigi.org/talks/…

React NativeのExpoって何?Expo Go・EAS・Dev Client・ビルドの違いを整理してみた

はじめに さまざまなExpoの主な意味合い Expo(フレームワーク・SDK) Expo Go(動作確認アプリ) EAS(Expo Application Services) (補足) ネイティブコードとは アプリの実行環境とビルド方法 実行環境 Expo Go Development Build(Dev Client) Production Build…

Djangoのマイグレーションを初心者なりに理解する

こんにちは、木村です!最近Djangoに触れる機会がちょくちょくあるんですが、DB操作でいつもおっかなびっくりやっています。対応する時にそれなりに調べてはいるんですが、毎度微妙に自信が持てずにいます。 せっかく触る機会をもらったのだから初心者なりに…

【JavaScript】クロージャとは何か

前提知識としてのスコープ グローバルスコープ 関数スコープ ブロックスコープ レキシカルスコープ(字句スコープ) スコープチェーン クロージャ クロージャの実例 プライベート変数の定義 関数ファクトリーとしての使い方 注意点 まとめ 参考文献・記事 ク…

HTTP/2の多重化とは何か——ストリームとフレームを図解する

はじめに HTTP/1.1の何が遅かったのか Keep-Aliveで改善したが… 6本並列接続 HTTP/2の多重化とは何か HTTP/1.1との比較 フレームとは何か フレームの役割 主なフレームの種類 ストリームとは何か ストリームのイメージ フレームとストリームの関係 多重化の…

LINEやInstagramで送った写真の画質が落ちる仕組み

はじめに 画像圧縮の種類 可逆圧縮(Lossless) 非可逆圧縮(Lossy) AirDrop・LINE・Instagramで何が起きているか AirDrop LINE Instagram JPEG の圧縮の仕組み 1. ブロックへの分割 2. DCT 3. 量子化 なぜ再保存するたびに劣化するのか まとめ さいごに 参…

海底ケーブルについて

最近、海底ケーブルに関する記事を目にしました。 海底ケーブルの名前自体は知っていたものの、 どのような仕組みで動いているのかはあまり理解していなかったため、この機会に調べてみることにしました。 今回、主に以下のような点について調査しました。 …

A2UIの仕組みを整理して動かしてみる

はじめに こんにちは。iimonでエンジニアをしている保田です。 最近Generative UIというキーワードを見かけることが増え、気になって調べてみました。 AIチャットの応答がテキストだけでなく、カードやフォームなどのUIで返ってくることもよく見かけるように…

テスト自動化、ツールの前に「方針設計」に関して調べてみた

1. はじめに 2. 前回の記事のおさらい 3. ツールを選んだ後に気づいたこと 「何をテストするか」が決まっていなかった 方針がないまま自動化するリスク 4. 方針設計、どこまで考えられるか 各層に何を書くかの判断基準 自動化できるもの・できないものの線引…

デザインエンジニアとしての観点を整理する ― レビューと設計を行き来するために

1. はじめに どうも、エンジニア&デザインを担当しているタクシです。 最近、デザイナーとの協業の仕組みを整えまして、手始めにデザインレビューを導入することにしました。 今はAI時代!GeminiやClaudeを使ったりもしつつ、、ではありますが、そもそもレ…

tsyringe触ってみた

はじめに こんにちは。kogureです。最近暑くなってきて冬が恋しいです。断然冬派です。 社内でプロダクトの改善に取り組む中で、DI(Dependency Injection)を取り入れるようになりました。 ここでTypeScriptでDIコンテナライブラリって何があるんだろう?と…

【計画】Claude Code Routinesでバグ修正をどこまで委任できるか試してみる

こんにちは!iimonでエンジニアをしている なかむ です。 普段は主に「入力速いもん」の拡張機能を開発しています! 今日は 「Claude Code Routinesで技術負債の修正をどこまでAIに任せられるか」 という検証について、現時点での計画とこれから何を試すかを…

Google Apps Script(GAS)で遊んでみた

こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 最近スプレッドシートを弄ることがちょいちょい出てきて、 GASで遊んでみたので、その内容を纏めました。 Google Apps Scriptとは Google Apps Script …

LLMが構造的な出力を行う方法を調べてみた — デコーディング手法とその最適化

こんにちは、iimonでエンジニアをしている須藤です。 最近、アプリケーションでLLMを利用していて、JSON出力がどの程度安定しているのか気になっていました。 また、ClaudeやOpenAIが「100%のスキーマ準拠」を謳っていて、その裏側の仕組みも面白そうだった…

npmサプライチェーン攻撃の脅威と対策

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プロジェクトを作成する ◆モデルを定義する ◆スキーマを ModelSchema …

AIってTypeScriptをどういう風に感じてるのだろう

はじめに Branded Types Effect TS まとめ さいごに 参考 はじめに こんにちは!iimonでエンジニアをしているひがです。 最近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. リポジトリを選んでタスクを入力 メリット・デメリット メリット ローカル環境が完全に不要 ウェブと…