プログラミング

ブラウザのメインスレッド占有を体感で理解する ― Web Worker 導入の実験と実装パターン

はじめに NTT西日本の中川です。 本記事では、ブラウザのメインスレッドを占有しないようWeb Workerを使って重い処理をバックグラウンドへ逃がす方法を、実験コードつきで解説します。シングルスレッドのJavaScriptでも、UXを落とさずに計算処理と描画を両立…

AI任せにする前に。自分の手で1行試したい時のための「言語別プレイグラウンド」まとめ

はじめに NTT西日本の中川です。 先日、「Rustならこのロジック、どう書くんだっけ?」というちょっとした興味が湧きました。本来なら10分もあれば済む確認のはずでしたが、気づけばコンパイラのバージョン管理や依存ライブラリの衝突と格闘し、いつのまにか…

ブラウザの検証ツールで読み解く、不具合解決のための論理的なデバッグ手法

はじめに NTT西日本の中川です。 プログラム開発において、デバッグ(バグの修正)は避けて通れない工程ですよね。 どれほど丁寧に設計を練っても、不具合をゼロにするのは至難の業。僕も新人の頃は、画面の前で「なんで動かないんだ?」と頭を抱えたまま、…

【保守性を高める】良いコードの5つの指針「SOLIDの原則」をJavaScriptでマスターしよう

はじめに NTT西日本の中川です。 本記事では、オブジェクト指向設計の重要な考え方である 「SOLID(ソリッド)の原則」 を、JavaScriptのサンプルコードと共に解説したいと思います。 本記事は、2026年2月時点の情報に基づきます。 対象読者 本記事が想定す…

【リアルタイム反映の実現】ブラウザで完結!Observerパターンで「リアルタイムに連動する」アプリを作ろう

はじめに NTT西日本の中川です。 本記事ではデザインパターンの一つである 「Observer(オブザーバー)パターン」 をJavaScriptを利用してご紹介します。本記事は、2026年2月時点の情報に基づきます。 対象読者 本記事が想定する対象読者は次の通りです。 フ…

DINOv2のアテンションマップを取得してみる

はじめに 株式会社ジャパン・インフラ・ウェイマークの川邉です。 当社はNTT西日本の子会社で、ドローン×画像解析AIを活用したインフラ点検を主に行っています。 2025年8月にMeta社が DINOv3 を発表しました。これは2023年に発表された DINOv2 の強化版とい…

OpenCV を使って写真位置合わせプログラムを作ってみた

はじめに 株式会社ジャパン・インフラ・ウェイマークの川邉です。 当社はNTT西日本の子会社で、ドローン×画像解析AIを活用したインフラ点検を主に行っています。 本稿では、同じ場所を撮影した2枚の写真の特徴点を取得することで、同じような位置・角度で撮…

roboflowの物体検出モデル「RF-DETR」の環境を構築してみた

はじめに 株式会社ジャパン・インフラ・ウェイマークの川邉です。 当社はNTT西日本の子会社で、ドローン×画像解析AIを活用したインフラ点検を主に行っています。 本記事では2025年3月にRoboflow社が発表したRF-DETRという物体検出モデルの環境構築を行った際…

AWS API MCP ServerでWebアプリをデプロイする

1. はじめに 2025年12月、AIエージェント(Claude Code, Gemini CLI, Cursorなど)によるAIコーディングが当たり前になる中、AWS構築の進め方も大きく変わりつつあります。 従来、AWSの構築、AWSへのアプリケーションのデプロイといえば、マネジメントコンソ…

プログラミングできないけど、3日でリアルタイム翻訳ツールをつくれた話

はじめに NTT西日本 ミライ事業共創室の西村です。 今回は業務とは関係なく、趣味として取り組んだ技術チャレンジについてご紹介します。 私はプログラミングが得意ではなく、コードを見ると「暗号かな??」と思ってしまうほどでした(´;ω;`) そんな自分で…

試験効率を爆上げ、runnによるAPI試験の自動化

はじめに NTTビジネスソリューションズの平田です。 API開発の現場では、多数、迅速かつ正確な試験が求められます。しかし、手作業による試験は時間がかかり、ヒューマンエラーのリスクも伴います。本記事では、API試験の自動化ツールであるrunn(らんえぬ)…

生成AIを用いたコーディングとコーディングスタイルについて

はじめに NTTスマートコネクトの山下です。昨今、生成AIを活用したソフトウェア開発が注目されています。特にコーディングにおいて日夜さまざまなコーディング支援ツールが登場し、その利用法が模索されています。本記事では生成AIを用いたAIコーディングの…

© NTT WEST, Inc.