この記事は LabBase Advent Calendar 2025 の 22 日目の記事です。 SvelteKit や Superforms を使って作ったフォームでエラーが発生したときに、それをフロントエンド側でどのように検知してエラー情報を取得をするかがややこしいと思っていたため、それを調べてまとめました。（言語は TypeScript を使用します） 検証に使用したライブラリのバージョンは以下のとおりです Node.js v24.9.0 Svelte 5.45.6 SvelteKit 2.49.1

クリスマスイブ、いかがお過ごしですか？ えっ、予定がない？ そうですか・・・ いや、私もです。 東京では相変わらず雪が降る気配もありません。 それでは、せっかくなので、ウェブ上だけでも、雪を降らせてみましょう。 雪の降らせ方 「ウェブ上に雪を降らせる」とは、 「画面上に多数の白い粒を描き、ランダムな軌跡で動かすこと」 と言い換えられます。 しかし、たったそれだけの実装でも、アプローチの仕方は複数あります。 ここでは、私がぱっと思いついた代表的な4つの手法を比較してみようと思います。 Snowstorm.j

はじめに 本記事はSIOS Tech Labアドベントカレンダー23日目の投稿です。 サイオステクノロジーの曽根田です。 普段はデザイン、フロントエンドコーディングや、CMSのセキュリティ保守の一部対応などを行っています。 近年、CopilotやGeminiなどの生成AIの進化により、Photoshop,Illustratorなどでポチポチ作業する手間を省略して、 “フロントエンドのモックアップで直にビジュアルを作る” ということが手軽にできるようになったと感じています。 この記事ではthree.jsでの

この記事はBASEアドベントカレンダー 2025 の 23 日目の記事です。 エンジニアの右京です。今年後半になって、主に Web ブラウザ上での AI との対話型 UI の利用シーンに、インタラクティブな UI を提供するという流れが注目されています。 この記事はそれを実現するために現在提案されている MCP Apps について簡単に紹介するものです。 対話型 UI の拡張 今年 10 月に OpenAI が Apps in ChatGPT として Apps SDK を発表しました。これは MCP のレ

はじめにこんにちは！ LINEヤフー SWAT ユニットでフロントエンドエンジニアをしている柴坂浩行です。2025年11月30日に開催された フロントエンドカンファレンス関西2025 に、LINEヤフ...

こんにちは。 AI Shift CTOの 青野(brn) です。 本記事は AI Shift Advent Calendar 2025 23日目の記事です。 今回はAI ShiftのForward Deployed Engineer職についてです。 あらたに私が直接統括する組織としてFDEを新設しました。 FDE職はにわかに注目され始めていますが、一体何故設立する必要があるのか、従来のSIとの違い。 それを説明できればと思います。 ちなみに以前は https://www.ai-shift.co.jp/te

本稿は、2024 年 11 月 7 日に公開された “ Securing PartyRock: How we protect Amazon Bedrock endpoints using AWS WAF ” を翻訳したものです。 PartyRock は、 Amazon Bedrock をベースとした直感的で実践的な生成 AI アプリ構築プレイグラウンドです。それは、ユーザーが生成 AI テクノロジーを実験でき、 クイズジェネレーター や レジュメオプティマイザー などコーディングなしで楽しいアプリケーショ

はじめに こんにちは、ZOZOTOWN開発本部フロントエンドエンジニアの齋藤（ @Jin_pro_01 ）です。 2025年11月30日に開催された「フロントエンドカンファレンス関西2025」に参加しました。本記事では、会場の様子やトークについてご紹介します。私自身LT枠での登壇もしたので、その内容についても記載しています。 フロントエンドカンファレンス関西とは フロントエンドカンファレンス関西 は、Webフロントエンド領域に関心のあるエンジニアやデザイナーを対象とした技術イベントです。カンファレンスのコ

はじめに 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で呼び出す方法を紹介しました。 […]