はじめに こんにちは、ビジネスdアプリ開発チームの露口・德原です。 これまでモバイル端末向けに展開してきた「ビジネスdアプリ」の社内報機能に、PCブラウザ版が加わりました。本記事では、その社内報PCブラウザ版の開発についてご紹介します。 ビジネスdアプリについては過去の記事をご覧ください。 ・ サーバレスをフル活用したビジネスｄアプリのアーキテクチャ（前編） ・ サーバレスをフル活用したビジネスｄアプリのアーキテクチャ（後編） 目次 はじめに 目次 社内報機能の概要 主な機能の紹介 リソースを最小限に抑え

はじめに 最近 「バイブコーディング（Vibe Coding）」 という言葉をよく見かけませんか？ AIのエディタにガッと指示して、ノリと勢い（Vibe）で爆速実装していくスタイル。見ているだけでワクワクしますよね。 ただ、ふと我に返るとこんな疑問も浮かびます。 「これ、書き捨てのコードならいいけど、チーム開発の規約とか守れるのかな…？」 そこで今回は、話題のAIエディタ Antigravity を使って、 「独自のコーディング規約を読み込ませたら、ちゃんとその通りに書いてくれるのか？」 をゆるく検証して

こんにちは、フロントエンドエンジニアの岡崎です。2022年にリリースしたLINEのコーポレートフォント「LINE Seed JP」は、おかげさまで多くのプロジェクトで採用されてきました。これまではセル...

ブログリレー 前回の記事 では、バックエンドのあれこれを齋藤さんが記事にしてくれましたが、本日はフロントエンド編ということで、AWSパラメータシート自動生成ツールのGUIをどのような技術を使用して実現したかをご紹介できればと思います！ フロントエンド概要 フロントエンドは下記のような流れでバックエンド（パラメーターシート出力）に処理が引き継がれます。 上記処理のうち、本記事のフロントエンドは「GUI」と「GUIを提供するサーバー」部分を担当しています。 使用した技術 フロントエンド実現のために使用した主な

1. はじめに こんにちは。株式会社タイミーのデータサイエンスグループ（以下、DSG）でグループマネージャーを務めている菊地です。 タイミーでは「『はたらく』を通じて人生の可能性を広げるインフラをつくる」というミッションを掲げ、日々膨大なマッチングデータや行動データを活用して、プロダクトの価値向上や意思決定の高度化に取り組んでいます。 ありがたいことに、最近は採用活動を通じて多くの方とカジュアル面談でお話しする機会が増えています。その中で、非常によくいただくのが「DSGはどのような組織体制で、どのようにコ

backdrop-filterについての説明です。CSSプロパティ「backdrop-filter」を使用して、要素の背後領域にぼかしや色のシフトなどの視覚効果を適用する方法を紹介しています。2024年に主要なブラウザで標準サポートされ、ウェブデザインにおける背景効果を簡単に実現できます。

電通 総研 クロス イノベーション 本部の山下です。2025年11月-12月にかけて開催されたKiroの Hackathon イベントであるKiroweenに参加しましたので、そのレポートをお送りします。 このイベントはKiroを使ってアプリケーションを開発することを目的とした ハッカソン イベントです。 作るもののテーマがハロウィンをモチーフにしたイベントになっています。 参加要件など 以下のような参加要件になっていました。 実際の詳細は 公式サイト をご覧ください。 基本的にKiroを使ってアプリケー

急成長を続けるプロダクト、多様化が止まらないユーザーデバイス、そしてチームごとにバラバラなテスト基準。QAマネージャーとして、場当たり的な個別対応に限界を感じてはいませんか？ 現場からの「どこまでテストすればいいのか」という問いと、経営層やPdMからの「リリース速度を落としたくない」という要求。 その板挟みの中で「これで本当に品質が担保できているのか」という不安を払拭するのは容易ではありません。 そこで今回は単なる表示確認にとどまらない、以下のような戦略的な「クロスブラウザテスト」の本質を掘り下げます。

"BEM is Dead ?" 「BEM、辛くないですか」 長年Web開発を続けてきたエンジニアやデザイナーであれば、一度はこの感情を抱いたことがあるはず。というか、今まさにツライと現在進行系で思っているのが原動力となって、このブログを書いているサービス開発部の佐々木です。 生成AIが当たり前にコーディングのパートナーとなった今、BEMの運用コストは「辛い」を超えて「開発のボトルネック」になりつつあるのでは。それはつまり、AIファースト開発においては「BEM is Dead」なのでは？と私は考えています。

はじめに こんにちは。 株式会社ココナラのマーケットプレイス開発部 Web開発グループ フロントエンド開発チーム所属のかねごんです。 本記事では、弊社がNuxt 2からNuxt 3へのバージョンアップを行った経緯、そして実施過程での工夫や課題についてお話しします。単なるアップグレード手順ではなく、なぜそのタイミングで、どのようなアプローチで進めたのかという意思決定プロセスから、実装段階での試行錯誤までを、実体験に基づいて共有したいと思います。 Nuxt 2のサポート終了と、バージョンアップの必然性 サポー

AmebaLIFE事業本部でエンジニアをしている湯本航基（@yu_3in）です。 2025年もAme ...

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

ステップバイステップで実践：GeminiでIR資料をスライド化する 今回はデモとして、この架空のIRドキュメント （future_vision_ir_document_2025_q2.md） を元に、投資家向けの説明会スライドを作成していきます。

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

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