iimon TECH BLOG

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

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. リポジトリを選んでタスクを入力 メリット・デメリット メリット ローカル環境が完全に不要 ウェブと…

関数のカリー化について

はじめに カリー化とは 部分適用 再利用性の向上 ルールと処理の分離 関数合成について カリー化と関数型言語 純粋関数と参照透過性 純粋関数型言語であるHaskell まとめ 参考文献・記事 はじめに こんにちは。iimonでエンジニアをしている金庭です。 …

QR決済とICカード決済の技術の違い

普段お店などで決済する時に使用しているQR決済が、 どういう仕組みで動いているのか気になり今回調べてみることにしました。 CPMやMPMといった方式の違い、サーバーとの通信、オフラインの仕組みなど、色々と発見がありました。 また同じ決済でも、Suicaは…

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互換の新…