はじめに こんにちは。iimonでエンジニアをしている保田です。 本日は、Web標準技術であるStreams APIについて、その基本と実装サンプルまでを解説します。TypeScriptを用いた具体的なコード例を交えながら、Streams APIがなぜ必要で、どのように活用すべきかを理解していきたいと思います。 Streams API とは まず、Streams APIとは何かを説明します。 Streams APIは、データの流れ（ストリーム）を効率的に処理するためのWeb標準技術です。 従来のアプローチでは、大容量のデータの場合、 全データが揃うまで待ってから処理を開始していました。 一方、…

FARM スタックとは？ こんにちは。クリスと申します。 私はジュニアエンジニアとして、さまざまな技術にいつも興味があり、その概念をできるだけ理解しようとしています。最近はフルスタックエンジニアを目指して勉強しているのですが、その中で、複数の技術やツールを組み合わせてフルスタックアプリケーションを構築しながら、開発の一連の流れを理解するのに役立つ技術に出会いました FARM スタックとは、以下の3つの強力な技術を組み合わせた、現代的な Web アプリケーション開発スタックです。 F: FastAPI（バックエンド） R: React（フロントエンド） M: MongoDB（データベース） これ…

はじめに こんにちは、木暮です。 最近、気温が一気に落ちてきてかなり過ごし易くなりましたね！ tech.iimon.co.jp 前回はコードレビューの目的やコードレビューを円滑に進めるためのルールの作り方について復習しました。 www.manning.com 今回はコードレビューが効果的ではなくなってしまうパターンをそれぞれ紹介し、なぜ良くないのか、ではどのように対応をすればよいのか深掘りをしていきます。 中には前回触れた内容とリンクするものもあるかと思います。 大量の変更があるプルリク Upon reaching the pull request (PR), you find 32 file…

みなさまこんにちは。たくしです。 最近は一段と冷えてきましたね〜！私はこの季節が一年で一番元気な時期です。（冬最高！） そして来月にはアドベントカレンダーも！皆さんが何を書くのか楽しみです！✨ ※（追記）記事内でGoogle Cloud Platformと書いてありますが、Google Cloudへの名称変更がされています！すっかり忘れていてそのまま書いてしまいましたが、略称GCPの方がわかりやすかったのでそのままにしました🙇 はじめに さて、今回は備忘録的なブログです。 最近は主にFirebaseを使用したプロダクトの開発をしているのですが、 あまりFirebaseが何に適しているのか、Go…

はじめに 肯定的先読み：A(?=B) 否定的先読み：A(?!B) 肯定的後読み：(?<=B)A 否定的後読み：(?<!B)A ゼロ幅アサーション バックトラック 先読み後読みによるバックトラックの軽減 おわりに 参考記事 はじめに こんにちは。 皆さんは正規表現、使っていますか。 正規表現には様々な記法があり、マッチパターンの過不足を防ぐにはどのような形が適切なのか考えるのはなかなか大変ですよね。 複雑な正規表現になると、読み解くのも一苦労です。 今回はそんな正規表現の一記法であり、より柔軟で正確なチェックを可能にする「先読み」と「後読み」について、私自身理解がかなり曖昧な状態でしたのでまとめ…

こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 「綺麗なコードとは何か」ということについて調べていて、前回は凝集度について解説したので、 https://tech.iimon.co.jp/entry/2025/07/15/160000 今回は結合度について解説していきたいと思います。 結合度とは 結合度とは一言で表すと、モジュール同士の依存関係の強さを表す指標です。 密結合(結合度が高い)だと変更に弱く、再利用性が低く、テストし辛かったりします。 逆に疎結合(結合度が低い)だと、柔軟で保守性の高い設計になるとされています。 凝集度…

はじめに インデックスとは 二分探索木 B-Treeの構造を見ていく B+Treeの構造を見ていく インデックスの種類 クラスター化インデックス 非クラスター化インデックス 最後に 参考文献 はじめに こんにちは、ｉｉｍｏｎエンジニアのみやこしです、業務の中でSQLを扱う機会が多く、勉強を進めるうちに INDEXの構造 にとても興味を持ちました。 今回は、MySQLのINDEXである B+treeの基本的な構造 について紹介したいと思います。 インデックスとは インデックス（Index） とは、データベースのテーブルに対して検索を高速化するための仕組みです。 本でいう「目次」や「索引」のような…

はじめに コンピュータとは 主な種類 コンピュータの構成要素 ハードウェアとソフトウェア 両者の関係 CPU（中央処理装置） 構成要素 主なレジスタ CPUの命令実行サイクル 割込み 割込みの種類 内部割込み 外部割込み 割込み処理の基本流れ 最後に 参考 はじめに この記事では、コンピュータの基本的な仕組みとCPUの動きについてまとめています⚡️⚡️ コンピュータが「入力を受け取り、処理し、記憶し、出力する」流れで動くことや、CPUがどのように命令を実行しているのか、さらに割込みによる効率的な処理の仕組みまで知ることができます🌟 コンピュータとは コンピュータとは、ソフトウェアプログラムの指…

はじめに MCPとは FastMCPで遊んでみる さいごに はじめに こんにちは！ｉｉｍｏｎでエンジニアをしているひがです！ 個人的な話ですが最近禁煙を始めて1ヶ月が経ちまして、禁断症状などもなく順調に進んで体調も良くなった気がします！ 結構面倒くさがりな性格なので、タバコを買うのが面倒くさくて順調に禁煙できています！（あまり自分自身のことは好きじゃないですが、その性格の一部には感謝してます） ただ禁酒は無理そうです！ビールがすこぶる好きです！！あと猫も好きです！！ ということで、今回はFastMCPを使って簡単にMCPサーバを立ててAPIとAIエージェントを組み合わせた機能を作って遊んでみよ…

はじめに なぜセキュリティ対策を行うのか どのような攻撃手法があるのか XSS(クロスサイトスクリプティング) 1 Stored XSS（格納型XSS/蓄積型XSS） 2 Reflected XSS（反射型XSS） 3 DOM-based XSS（DOMベースXSS） 各XSSの比較 CSRF(クロスサイト・リクエストフォージェリ) クリックジャッキング オープンリダイレクト まとめ 最後に 参考 はじめに こんにちは！株式会社iimonでフロントエンジニアをしているあめくです！ 今回は「サイバーセキュリティ月間」から約7ヶ月が経ち、意識が薄れがちなこのタイミングで、改めてセキュリティの重要性…

こんにちは！iimonでフロントエンジニアをしている「奥島」です！ 記事を書くきっかけ 今回は、私自身が Git の操作で実際に経験したトラブルをまとめました。 同じようにブランチ操作や Revert で悩んでいる方の参考になれば嬉しいです。 何が起きたのか 作業中、develop にマージしたはずの変更が Revert コミットによって打ち消されてしまう という事態が発生しました。 原因をたどると、 似た名前のブランチを誤って操作してしまった Revert の仕組みを正しく理解していなかった という2点が重なって起きたものでした。 原因の整理 直接原因 Revert によって、取り込んだ変更…

はじめに チーム内で取り入れているルール 1つのPRにて変更行数は500行以内、変更ファイル数は20ファイル以内にする PRのテンプレート設定とチケットのリンク チケット 概要 対応 動作確認 チェックして欲しい箇所 共有事項 PR作成後のセルフレビュー 朝会後のレビューRTA 個人的に意識していること 心理的安全性を担保する ラベルをつける コメントの内容に気を付ける おわりに 参考資料 はじめに こんにちは！ 友人に光の戦士とやらになれるというオンラインゲームやらない？と誘われているものの、イマイチ踏み込めずに「そのうちやるわ〜」とお茶を濁す日々を過ごしております、まつむらです。 PvP（…

はじめに スコープとは グローバルスコープ 関数スコープ・ブロックスコープ 関数スコープを作らないvarとfunction スコープチェーン まとめ おわりに 参考記事 はじめに こんにちは、株式会社iimonでエンジニアをしているなかむーです！ 実務ではTypeScriptを触っていますが、同じところで何度もエラーを出してしまったりするので、改めて基礎のJavaScriptの動作について学んでみました！ 今回はスコープについて学んだことをまとめてみました スコープとは 実行中のコードから値と式が参照できる範囲のことです。 スコープには４種類ありますが、今回はモジュールスコープの話は除外して、…

はじめに iimonでエンジニアをしている腰丸です。ここ最近、業務で生成AIを活用しながら作業をすることが増えてきました。 そこで、これまではあまり積極利用していなかったのですが、MCPサーバーを利用して多少なりとも業務を効率化できないかを調査し、 「serena」と「github」のMCPサーバーを利用することで多少の効果がでた気がするので記事にまとめました。 普段の業務では、copilot Agentを使用しているので、そちらの手順をまとめました。(個人で課金して、claude codeに乗り換えたほうが良い気はしているのですが...) Serena MCP github.com 設定 u…

はじめに こんにちは！iimonでフロントエンジニアをしている「みよちゃん」です！8月も終盤に差し掛かってきましたが、まだ暑いですよね… エンジニア×夏 といえば、やはりあの映画でしょう！！ 明言は避けますがあの映画です！！ 毎年地上波で放送しているようですが、エンジニアの皆さんなら毎年欠かさず視聴していることと思います。 見た事のない方のためにざっくり内容をまとめると 「数学にめっっちゃ強い主人公が、ようわからん数字の羅列を見て何かを計算して世界を救う話」です！ 今回は「ようわからん数字の羅列の計算」について勉強する機会がありましたので、お話ししたいと思います！ RSA暗号 ようわからん数字…

こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをしている遠藤です。 今携わっているプロジェクトの Python バックエンドで、コミット時に mypy を走らせて型チェックをするようにしたいと思いました。 ただ、以前別のプロジェクトで同じことを試したときに、依存関係が不足してエラーにハマった経験があります。 そこで今回は、そのときのエラー例と、最終的に Docker イメージを使って解決できた方法 をまとめてみました。 ※本記事は --ignore-missing-importsを オフ にしている前提で書いています。 このオプションをオンにすると未解決の import は無視されますが、型チェ…

こんにちは、ideです。 SQLを使って手動でデータを変更する場合、どんな単純な作業でも手順ミスは起こりえるかなと思います。 そこで今回は、Django上で選択した内容に応じてSQLを作成して実行し、結果を実行ログとして残すまでの 一連の流れをまとめました。 UIはDjangoに統合する形にしています。 今回は新規権限をリリースしたあと、基準となる権限が付与されているアカウント全てに、新規権限を一括付与する といったユースケースを想定しています。 前提 Python 3.13 / Django 5.2（管理ユーザー作成済み） この記事で実装するもの 権限付与のフォーム 管理画面と同じ見た目で表…

はじめに フィボナッチ数列とは 再帰関数とは 再帰のメリットとデメリット メリット デメリット JavaScript での実装例 分割統治法（Divide and Conquer） 分割統治法の問題点 動的計画法（Dynamic Programming） 1. トップダウン方式（メモ化） 2. ボトムアップ方式（タビュレーション） O(n)とO(2ⁿ)のグラフ まとめ 参考 はじめに こんにちは！さいとーです。 個人的にフィボナッチ数列というものを最近よく耳にします。 会社内のプランニングポーカーに使われていたり、最近よんだ本にでてきたり、、 ちょこっと調べてみるとアルゴリズムを勉強できそうだ…

こんにちは、kogureです。 最近はトレッキングに興味があります。 皆さんもぜひ登りましょう、楽しいですよ。 トレッキングの魅力もお伝えしたいのですが今回はvitestの巻き上げについて紹介します。 今年から本格的にテストコードを書くようになりました。 typescriptのテストを書くのはそれが初めてで当初、詰まったエラーを紹介させていただきます。 原因がわかってしまえばとても単純明快なことだったのですが、当時はまだまだ慣れていないこともあり解決するのに時間がかかりました。 サンプルコードなので実際のテストとは異なりますが、以下のようなテストを書いたらエラーが発生しました。 ・サンプル c…

はじめに こんにちは。iimon でエンジニアをしている保田です。 最近 CSS を触る機会が減ったこともあり、ここ数年で追加された CSS や一部あまり使ったことのない CSSを見たり試したりしてみました。 それぞれの詳細を詳しく解説していくと中には1記事分ぐらいになってしまうので、今回はそれぞれの機能を簡単に紹介していこうと思いました。 text-wrap: balance テキスト行の文字数を均等にして折り返すことができる新しいプロパティです。 https://developer.mozilla.org/ja/docs/Web/CSS/text-wrap 設定方法 .text { tex…

■はじめに ■CSVファイルについて ◆CSVファイルとは？ ◆CSVファイルの中身を確認してみる ◆CSVファイルの特徴 ●メリット ●デメリット ■Excelファイルについて ◆Excelファイルとは？ ◆Excelファイルの特徴 ◆Excelファイルを解凍してみる ◆各ファイルの中身を確認してみる ●[Content_Types].xml ●_rels/.rels ●xl/workbook.xml ●xl/_rels/workbook.xml.rels ●xl/sharedStrings.xml ●xl/theme/theme1.xml ●xl/styles.xml ●xl/worksh…

こんにちは。タクシです。 最近、社内でAIを活用した知識共有や開発に対して議論が活発になっており、時代の流れを感じている今日この頃でございます。 私はよくUI仕様を作成したりするのですが、 ワイヤーフレームや、プロトタイピングこそAIを活用してより加速できるといいな〜と思ったのでさっくり調べてみました。 First Draftでワイヤー作成をしよう FigmaではいくつかのAI機能が提供されています。 ビジュアル検索 画像背景除去 翻訳 テキストの書き換え / 要約 / 翻訳 （開発連携に特化）Dev Mode MCP Server などなど、結構面白そうな機能があります。 💡 現状無料で利用…

こんにちは。。 新卒エンジニアの”クリス”と申します！ 今日は、変数をしっかり保護するために実際に取れるいくつかのステップについて話したいと思います。 const 宣言は、現代のJavaScriptにおいて多くの用途があります。 一部の開発者は、変数に再代入する必要がない限り、デフォルトで全ての変数を const を使って宣言することを好みます。再代入が必要な場合にのみ、let を使用します。 しかし、オブジェクト（配列や関数も含む）を const で宣言した変数に代入した場合でも、そのオブジェクト自体はミュータブル（変更可能）であることを理解しておくことが重要です。const 宣言は、変数識…

こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 いいコードを書きたくて最近調べているんですけど、その指標となる凝集度と結合度に ついて調べたので、今回は凝集度について解説していければと思います。 凝集度とは パッケージ クラス メソッド 上記モジュール内の協調度を示す指標です。 ここで言うメソッドというのは各メソッドを纏めて呼び出しているメソッドだったりを言っていて、定義の仕方によっては広い意味ではモジュールと捉えて使っています。 メソッドはモジュールの中に含まれる小さな単位で、厳密にはモジュールでは無いという考えもありますが、要…

こんにちは！Jest を勉強中の新卒エンジニアの”つかちゃん”と申します！ ✨ 今回は、Jestでよく使われるモック関連の関数 clearAllMocks() と resetAllMocks() の違いについて、「どっちがどっちだっけ？」とテストを書いていてふと思ったので初心者の自分なりに調べたことをまとめてみました。同じようにモックの使い方で悩んでいる方の参考になれば嬉しいです！ この記事では： モックってなに？ clearAllMocks()とは？ resetAllMocks()とは？ どっちを使えばいいの？ という順番で、わかりやすく解説していきます！ 🧪 まず初めに「モック」ってなに？…

こんにちは！！ ｉｉｍｏｎでエンジニアをしているいまいです。 折角プログラミングやっていることだしおもしろいものを作りたいですよね！ というわけで今回はお気軽にスマホ向けアプリを開発できる『react expo』の紹介と実際に使ってみた感想をまとめます！ react expo とは？？？ その解説の前に『React Native』を説明する必要があります。 React Nativeとは Facebook（現Meta社）が開発した、1つのコード(例えばJavascript)でiPhone、Androidアプリの両方を作れる開発用フレームワークです。通常、iPhoneアプリはSwift、Andro…

こんにちは。 ｉｉｍｏｎでエンジニアをしているかねにわです。 JavaScriptにおけるループ処理には、基本的なfor文からfor…of文など、いくつか種類がありますが、正直のところそれぞれの違いや特性をあまり理解せず、とりあえずでforEachを使っているような状態でした。 本記事では、JavaScriptの代表的なループ処理であるfor文、for…in文、for…of文、forEachについて、それぞれの特徴および使い分けを整理しました。 はじめに書いてしまうと、上記4つのループ文の違いは、ざっと以下のようになります。 これを踏まえ、それぞれの特徴を見ていきます。 目次 for文 for…

はじめに こんにちは！木村です！普段ReactとTypeScriptを使用して開発しているのですが、非同期処理を扱っているイベントハンドラでつまづいた部分があったので、掘り下げて調べてみたことをまとめました。よろしくお願いします。 内容 内容としては以下のとおりです。 つまづいた箇所の解決策 event.targetとevent.currentTargetの違いについて currentTargetがリセットされるタイミングはいつか 問題 1. ボタンコンポーネントを押すと非同期処理でデータを取得する 2. setElementにe.currentTargetを渡して、取得したデータをモーダルに…

はじめに そもそもAIって何？ 機械学習について 機械学習の種類について 教師あり学習 教師なし学習 強化学習 モデルができるまで 分類と回帰について 訓練データとテストデータについて 過学習と学習不足について 評価指標について モデルの種類について アンサンブルについて 分類と回帰をやってみる さいごに はじめに こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをしているひがです！ 最近AIを活用しよう！という風潮が流れていてエンジニアとしても社会人としてもAIを使いこなすことが求められてるように感じます。 そんな中、AIってそもそも何でしたっけ？という疑問を持たれる方も多い気がしたので（筆者も…

◼️ はじめに ◼️ プロジェクト作成 ◼️ コード修正 ◼️ デバッグ方法 ◼️ ClaudeDesktopとの接続 ◼️ まとめ ◼️ 最後に ◼️ はじめに こんにちは！株式会社iimonでフロントエンジニアをしているあめくです！ 前回は我らがEMの松田さんに「MCPサーバ」について熱く語っていただきました。 その熱き思いに心を打たれたこともあり、また私自身もMCPサーバとはなんぞやと言うことで実際にサーバを立てて動かしてみようと思いテックブログにさせていただきました。 MCPサーバの詳細については前回の記事をご覧ください！ 駆け出しエンジニアはAI禁止！？使う前に身に着けてほしい2つの…