はじめに 基本知識・用語の確認 1. なぜ移行をしたのか 1.1 テストの実行時間がとにかく長い 1.2 Nuxt3移行に伴うビルド＆テスト環境の統一 1.3 テストコードの見直しが必要 2. Vitest を選んだ理由 2.1 手軽 2.2 フロントエンドロードマップの Testing に変化 2.3 Jest との互換性も問題なし 3. 実装 3.1 Vitest 1. Vitest をインストール 2. Vitest の設定ファイルを追加 3. Jest で記述されている箇所を、vi に変更する 4

はじめに - Vol.18 本記事では、IPA[1] が公開する 非機能要求グレード[2] の「D 移行性」を対象に、 金融 IT 基盤に 30 年以上携わって得た知見をもとに “やらかしがちな” 技術課題と対策を解説します。 筆者は非機能要求グレード初版の執筆に関わった経験があり、行間を含めて解説します。 シリーズ全体の構成は 👉 非機能要求グレードの歩き方 Index をご覧ください。 D 移行性 大項目「D 移行性」には、現行システムからのシステム移行方針を記載します。 ! 非機能要件は、「小項目」

日々の開発現場で、リリース前のテストに多くの時間を費やしていませんか？ プロジェクトマネージャーから効率化を求められ、何から手をつけていいか悩んでいるかもしれません。 そこで注目されているのが、「キャプチャー&リプレイ」という手法です。 この手法はテストの自動化をプログラミングの専門知識がない人でも簡単に始められるように設計されており、多忙なQAエンジニアにとって大きな助けとなります。 そこで今回はキャプチャー&リプレイの基本的な仕組みから、直面しがちな課題、そしてそれを乗り越えるための具

G-gen の菊池です。当記事では GitHub などのリモートリポジトリに接続していない Dataform において、grep のようなファイル内検索をする手順について解説します。 はじめに Dataform とは Dataform のファイル内検索 ソースコード main.py コードの解説 実行手順 Cloud Shell の有効化 main.py の作成 クライアントライブラリのインストール main.py の実行 はじめに Dataform とは Dataform とは、BigQuery のため

Introduction Hello! My name is Kameyama, and I'm a web engineer in the Project Promotion Group at KINTO Technologies. I'm currently studying frontend development. In modern web development, **component-oriented ** architecture has become the stand

はじめに bunのインストール 作業環境の作成 Prettierのインストール Remarkのインストール パーザのセットアップ RemarkとPrettierの整合性を取る Remarkの一部としてPrettierを動かす Linterのセットアップ ドキュメントのリンク切れを検証する Linter用の設定ファイルを外部化する まとめ はじめに みなさんこんにちは、XI本部エンジニアリングオフィスの佐藤太一です。 Amazon のKiroが話題になったあたりから、AIに Markdown で仕様書を書い

こんにちは、WEAR Webフロントエンドチームでテックリードを務めている冨川（ @ssssota ）です。2025年9月6日に北海道は札幌市、エア・ウォーターの森にて フロントエンドカンファレンス北海道2025 が開催されました。本記事では、会場の様子や印象に残ったトークについてご紹介します。 フロントエンドカンファレンス北海道とは フロントエンドカンファレンス北海道は、Webフロントエンド領域に関心のあるエンジニアやデザイナーを対象とした技術イベントです。2024年に初開催され、今年で2回目の開催とな

こんにちは、Amazon Connect ソリューションアーキテクトの清水です。8月も終わりましたが、まだまだ厳しい気候が続きますね。皆様くれぐれもご自愛ください。さて、2025年7月のアップデートまとめ はご覧いただけましたか？今月も新しいバッジやアップデート情報を中心に以下の内容をお届けします。皆さんのお役に立つ内容があれば幸いです！ 注目のアップデートについて 2025年8月のアップデート一覧 AWS Contact Center Blog のご紹介 1. 注目のアップデートについて Amazon

皆さんこんにちは！ 学校の夏休みの宿題より塾の課題のほうが多かった小学生時代でした。 どうもいとさんです。 先日アマゾン ウェブサービス ジャパン合同会社主催の 『はじめてのAI駆動開発 on AWS』 に参加した際に、KiroとAmazon Q CLIを使用し簡単なゲームを作成したのでレポートとともに完成までの時間や特徴を比較していこうと思います！ また本記事の作成にあたりNTT東日本株式会社の白鳥さんにご協力いただきました。 お忙しい所ご協力いただき誠にありがとうございました。 イベントレポート 今回

JavaScript のコールバック関数を理解する - Express.js の実装から学ぶ非同期処理の基本 Express.js でシンプルな API を作りながら、コールバック関数の仕組みとJavaScript の非同期処理について深く理解していきます。 はじめに クラウドエース株式会社 第一開発部 喜村です。 普段は SRE 領域を担当していますが、とある事情で TypeScript を触る機会があり Express.js を使った Web アプリ開発に挑戦しました。 そこで最初に出会ったのがこのよ

はじめに こんにちは、山本です。 今回は、自主学習をする中でReactなどのJavaScriptフレームワークの利便性について具体的に理解する経験をしたので当記事で紹介します。 ReactなどのJavaScriptフレームワークはしばしば 「JavaScriptでの面倒な実装を簡単にやってくれる優れもの」 と表現されることがあり、私自身も初学習時には前述のように教わり「理解した気」になっていました。 しかし、具体的にどう優れているのかは今ひとつピンとこない方も多いと思います（私もです）。 当記事では、主に

生成AIを活用した開発は急速に広がっています。しかし、いざ自分で取り組もうとすると「思った以上にハードルが高いのでは…」と感じたことはないでしょうか。 その背景には、 どこまでが自動化され、どこからが人間の役割なのかが直感的に分かりにくい という課題があります。その結果、「アプリを作るには結局どのくらいの知識が必要なのか」が見えづらく、最初の一歩が重くなってしまうのです。 誰もが試したいはずなのに…生成AIアプリ開発が“腰が重くなる”理由 生成AIアプリケーション開発に関連する知識領域 以下に、生成AIを

こんにちは。SCSK渡辺(大)です。 外を歩いていたら目が痒くなり、クシャミが出ました。 秋花粉の足音が聞こえた気がして震えています。 さっそく納品 500円で音声付きアニメーション動画は作れます。 ただし何かしらの妥協が必要だということが以下の成果物から感じていただけるかと思います。 アニメーション動画 キャラクターの造形が若干崩れ、音声は機械的な声になっています。 苦手な方は視聴をお控えください。 本当は30秒にしたかったのですが、キャラクターの造形が崩れてしまうものが多く、比較的綺麗に仕上がった動画

こんにちは。プロダクトエンジニアリング部の江口です。主に賃貸部門の開発を担当しています。 このたび、LIFULL HOME'Sの賃貸詳細ページにおけるサーバーサイドの処理速度を改善し、 99パーセンタイルを60%改善しました 。 本記事では、このパフォーマンス改善をどのように実現したのか、具体的な技術的アプローチについて解説します。 背景 分析から見えたパフォーマンスボトルネック 改善のためのアプローチ 成果 終わりに 背景 サーバーサイドの処理遅延は、ユーザー体験だけでなく収益にも悪影響を及ぼします *

Introduction Hello! I'm high-g ( @high_g_engineer ) from the New Car Subscription Development Group at the Osaka Tech Lab. In this article, I'd like to introduce the front-end study group that we started within the company. Background One day, I h