はじめに PS-SLの佐々木です。 アドベントカレンダー20日目の記事になります。 今回の記事ではChatGPTやClaudeのようにAIの回答をリアルタイムで表示する方法について解説します。 なぜSSEが必要か LLMを使ったチャットアプリでは、回答生成に数秒〜数十秒かかることがあります。 ユーザー: 「この資料を分析して」 ↓ ... 10秒待機 ... ↓ AI: 「分析結果は...（長文）」 全文が完成するまで何も表示されない のはUXが悪い。ChatGPTのように 文字が順次表示される 体験を実

この記事は、 NTT docomo Business Advent Calendar 2025 20日目の記事です。 先日2025年9月に開催されたGoogle Cloud主催のVibe Codingハッカソンに参加し、優勝することが出来ました。Gemini CLIを活用した「手書きコーディング禁止」のルールのもと、約2時間で開発したツールの内容と裏話、Vibe Codingが可能にした新しいアプローチについても考察していきます。 Google Cloud +AI Prism と「手書き禁止」のハッカソン

この記事は、 RevComm Advent Calendar 2025  の 19 日目の記事です。 はじめに MiiTel Phone とは デザインパターンとは GoF デザインパターン JavaScript のデザインパターン なぜ今さら？ MiiTel Phone で使われているデザインパターン Factory Pattern Factory Pattern の基本例 Factory Pattern を使わない場合 MiiTel Phone における活用例 Factory Pattern を使わな

プロダクト部User Groupの藤澤です。 今回は、我々のプロダクト「 スタンバイ 」で, Nuxtアップデートをきっかけに顕在化した bfcache（Back/Forward Cache）による計測課題と、 それに対する対応・改善の取り組みについて共有します。 今回の改善により、これまでより正確な数値が取得できるようになり、社内指標の明確化が進みました。 この記事のポイント Nuxtのマイナーアップデートをきっかけに、起きるはずのないPVの変動が発生 原因は、bfcacheから復元した際のログ送信が不

こんにちは。SCSKの井上です。 WEBサイトに訪れたユーザーが不満を感じる前に、問題を検出する方法はないでしょうか？せっかく訪れたユーザーが、サイトが使えない・遅いといった理由で離れてしまうと、企業のブランド価値低下や機会損失につながります。そこで、New RelicのSynthetic Monitoring(外形監視)を使って、影響が拡大する前に継続的に監視し、問題を早期に発見する一助になれば幸いです。   はじめに 外形監視を導入することで、稼働率や応答速度をはじめとするデータを可視化する

G-gen の西田です。単一の Google Apps Script（GAS）を、複数のスプレッドシートで共用する方法について解説します。 はじめに 当記事について Google Apps Script（GAS）とは 2つの GAS 作成方法 共用 GAS スクリプトの準備 スクリプトの作成 スクリプトのデプロイ スクリプトの共有 スプレッドシートの準備 シートの作成 ライブラリの読み込み 部門用にスプレッドシートを複製 動作確認 送信メール内容の確認 補足 はじめに 当記事について 当記事では、複数のス

Amazon S3互換APIを備えているさくらのクラウドのオブジェクトストレージ。前回までの記事ではAWS CLIのほか、curlコマンドや、JavaScriptのコードからAWS SDKで呼び出す方法を紹介しました。 […]

はじめに Claude Code を使っていて、こんな経験はありませんか？ Claude Code が編集したファイルのフォーマットがチームのルールと違う センシティブな .env ファイルを誤って編集してしまった 実行されたコマンドを後から確認したいが、履歴が残っていない Claude Code が入力待ちになっていることに気づかず、時間を無駄にした これらの課題を解決するのが Hooks 機能 です。 Hooks は Claude Code のライフサイクルの様々なタイミングで、ユーザーが定義したシェ

Reduxは、Reactなどのフロントエンド開発において、アプリケーション全体の状態を一元管理するためのライブラリです。これにより、データの追跡やデバッグが容易になり、開発効率が向上します。

はじめに この記事は Bitkey Developers Advent Calendar 2025 16日目の記事です。 ビットキーで workhub の開発をしている @stuffy86 が担当します。 みなさんは Web Components に対してどのようなイメージを持っていますか？ 「知ってるけど実務で使ったことない👀」という声が多そうです。 僕も MDN のサイトで見たことはあったが実際に使ったことはありませんでした。 ひょんなことから、Web Components を学ぶ機会があったので、

はじめに この記事はBASEアドベントカレンダー2025の16日目の記事です。 こんにちは。Pay ID プラットフォーム Group で エンジニアをしている noji です。最近は Pay ID の認証基盤のフロントエンド開発を担当しています。 本記事では BASE のショップや Pay ID アプリでの買い物時にカートでの Pay ID ログイン機能を提供している JavaScript（以後 payid-js）のビルド環境を webpack/Babel から esbuild に移行した話を紹介します

はじめに クラウドエース株式会社 第二開発部の菅野です。 Cursor を使用していると、エージェントの入力欄に「Connect to Browser」という機能を発見しました。この機能は 2025 年 9 月末にバージョン 1.7 で追加され、2025 年 10 月末のバージョン 2.0 で正式版としてリリースされた比較的新しい機能です。まだ使用したことがなかったため、Cursor に質問しながら実際に試してみました。 本記事では、Connect to Browser 機能の概要から実際の使用例、そして

目次 目次 はじめに 移行背景 Web Push通知の仕組み バックエンド側の実装 フロントエンド側の実装 トークンのライフサイクル管理 移行工程 最後に はじめに こんにちは。スタメンでTUNAGのバックエンド開発を行なっている きいろ です。 TUNAGは組織活動を支援するサービスで、Webアプリとモバイルアプリの両方で提供しており、Webアプリではユーザーアクションをリアルタイムに届けるためのWeb Push通知機能を備えています。 TUNAGの代表的な機能として「制度」があり、そこから社内報など情

はじめに サイオステクノロジーのひろです。アドベントカレンダー16日目です。 この記事ではAzure OpenAI入門と題して、まずAzure OpenAIモデルのデプロイ方法、Pythonを使ってAPIを叩くまでの手順をまとめていきたいと思います。 この記事のゴール Azure OpenAIモデルのデプロイ + pythonでAPIを叩く Azure OpenAIリソースの作成 まず、Azureポータルにログインし、リソース作成画面へ移動します。 検索窓でAzure OpanAIと検索し、表示されたAz

MEKIKI X AI ハッカソンもぐもぐ勉強会 Advent Calendar 2025 の 15 日目を担当するスタッブです。 今年のWord of the Yearにも選ばれ、注目を集めているバイブコーディング。「第9回AIハッカソン・もくもく勉強会」に参加して、バイブコーディングでのカレンダー作成を体験しました。本当に、非エンジニアの私にもできるの？？と、かねてより半信半疑でしたが、作ってみた感想などをレポートします！ バイブコーディング プログラミングのコードが書けなくても、自然言語で「やりたい