はじめに AmebaLIFE事業本部でWebフロントエンドエンジニアをしている湯本航基（@yu_3i ...

Webサイトのリリース後に 「一部のユーザーだけ画面が真っ白になる」「謎のエラーが飛んでくる」 といった現象に遭遇したことはありませんか？ もしかしたら、それは Version Skew（バージョンスキュー） と呼ばれる問題のせいかもしれません。 最初に こんにちは。ココナラテックの開発をしているエンジニアのもちさんです。 私はある日、手元の端末で再現性の低いエラーに悩まされました。 ブラウザキャッシュを消すと直る、でも根本原因がわからない。そんな厄介な症状の裏に、この「新旧リソースの混在」という構造的な

本記事は 2025 年 10 月 9 日に公開された Keerthi Sreenivas による “ How I stopped worrying about ReadMe files ” を翻訳したものです。 多くの開発者と同じように、私もこんな経験があります。：深夜 2 時に素晴らしい新機能をプッシュし、ビルドが通ってデプロイが成功したときの達成感。ところが 3 週間後に、新しいチームメンバーが私の古い README を見ながらオンボーディングしようとすると、そこに書かれているのはバージョン2.1の手

はじめに # 時代の流れは速いもので、 「2024年版！VS Code で Java 開発環境を構築する」 で、VS CodeのJava環境構築が紹介されてからのいくつかの改善がなされました。今回はそれらを紹介します。 Extension Pack for Java Auto Configの利用 # 今回も結論から言ってしまうと 「Extension Pack for Java Auto Config を入れましょう」で終わりです。 Extension Pack for Java Auto Config

はじめに こんにちは！ 技術が大好きなエンジニア、@ultaroです！ Webは誕生から30年以上の間にめまぐるしく進化し、その表示方式（レンダリング方式）も時代とともに多様化してきました。 それぞれの方式が誕生した背景には当時の歴史が色濃く反映されており、必ずしも最新のものを使えば良いというわけではありません。各方式がどんな背景で生まれ、どんな特徴を持っているのかを知っておくと適切なレンダリング方式の選択に役立ちます！

はじめに こんにちは、2025年4月にソフトウェアエンジニアとして新卒入社した黒高です。普段は デリッシュキッチン に関する開発に携わっています。 ウェブ版のデリッシュキッチンにおいて、クライアント端末の判定ロジックを見直す機会がありました。本記事では、「どのようにクライアントを識別し、どう補完していくと良さそうか」を整理します。 端末で処理を分けたいユースケース スマホとPCで表示を切り替える場面として真っ先に思い浮かぶのはレスポンシブレイアウトですが、これは多くの場合CSSで完結します。JavaScr

はじめに ども！最近はClaude Codeにべったりな龍ちゃんです。皆さんは技術ブログから SNS 投稿まで、コンテンツマーケティングの自動化に取り組んでいますか？エンジニアやっている傍らで、情報発信やXの運用なども行っています。 私たちのチームでも以前、 Claude のプロジェクト機能でブログから X 投稿文を自動生成するシステム を構築しました。これはこれで便利だったのですが、運用していくうちに以下の課題が明らかになったんですね。 Claude プロジェクトの運用課題 Claude の契約者しか利

こんにちは。 ファインディ株式会社 で Tech Lead をやらせてもらってる戸田です。 現在のソフトウェア開発の世界は、生成AIの登場により大きな転換点を迎えています。 GitHub CopilotやClaude Codeなど生成AIを活用した開発支援ツールが次々と登場し、開発者の日常的なワークフローに組み込まれつつあります。 そのような状況の中で先日、弊社から新サービスのFindy AI+がリリースされました。 Findy AI+のα版はリモートMCPサーバーで提供しており、以前の記事でも紹介させて

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

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

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

テストエンジニアのユッキーです。 普段は自動化担当部署で、お客様のテスト自動化導入をご支援したり、社内の自動化技術の研究開発に携わっています。 皆さんの周りでも、「AI」という言葉を聞かない日はないのではないでしょうか。ある調査では、2024年のソフトウェア開発トレンドの第1位が「生成AI」で、半数以上の開発者が実際に導入しているという結果も出ています 。この大きな波は、私たちテストエンジニアの仕事にも確実に押し寄せています。 しかし、「AIがテストを自動化する」という言葉だけが先行し、具体的に「何が」「

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

前回 はバックエンドの実装タスクを完了しました。 今回はフロントエンドの実装タスクから実行していきます。 その1はこちらから 15. Task10. Angular フロントエンドプロジェクトの設定 # 15.1. フロントエンドのビルド・単体テストコマンドの修正 # まず、フロントエンドのビルド・単体テストをローカル環境ではなく、Dockerコンテナ(Podmanコンテナ)で行うように指示します。 筆者 フロントエンドのビルド・単体テストの実行に開発環境用のDockerイメージを使うように、.kiro/

C#にはRazorというとても強力なビューエンジンがあります。Razorを使えばとても効率的なWeb開発ができます。 2010年代前半頃、私がまだ駆け出しの頃のことです。.NET MVCが登場し、WebFormから移行したのですが、開発効率は目立って上がっていないと感じていました。 そこにRazorが登場したので使ってみたら、とても効率的で素晴らしいと感じました。それ以来、私はずっとRazorを気に入っています。 今回は以下のような方のために、Razor大好きな私がRazorの使い方をサンプルコードととも