はじめまして。フロントエンドエンジニアをしている伊藤と申します。 この記事では、チームで週に1回開催しているペアプロという名の技術共有会について、お届けします。 技術共有の中身や始めたきっかけなどをお伝えできればと思っています。 目次 目次 ペアプロとは ゆるーいペアプロとは スケジュール 事前準備 活動内容 Vue Fes Japan 2025 composition 化観察 開発しているプロジェクトの実装相談 記事を紹介するなど技術共有 きっかけ まとめ ペアプロとは まず、記事の中身に触れる前に、本

こんにちは、HCM事業部の中西です。POSITIVEというHRソリューションのUXデザイナーをしています。 この記事では、 Figma Makeの機能について検証した結果をお届けします。 この記事は、 電通総研Advent Calendar 2025 12月3日の投稿です 🎄 昨日は @エンタープライズ第一本部の宮澤響 さんの「 Amazon ECS操作時に「おや？」となった3つの事象 」 でした！ぜひご覧ください🥳 Figma Makeとは 背景・課題 目指したゴールは2点 検証内容 プロンプトでどのく

この記事は 一休.com Advent Calendar 2025 の2日目の記事です。 レストランプロダクト UI 開発チームの鍛治です。一休.com レストランのフロントエンドを担当しています。 2025 年 4 月、 PayPay グルメ の全面リニューアルが完了しました。このリニューアルでは「一休.com レストラン」と「PayPay グルメ」の 2 つのサービスを 1 つのコードベースに統合しています。 一休レストラン・PayPay グルメではリニューアルプロジェクトを契機に Tailwind

こんにちは、プロダクト部 部長の稲垣です。（自己紹介やこれまでのキャリアについて↓をご覧ください。） tech-blog.rakus.co.jp 2025年4月、ラクスではプロダクト部が新たに組成され、デザイナーとプロダクトマネージャーが同じ組織に加わりました。 そして2025年10月から、私はこの組織のマネジメントを担うことになりました。 実は7〜8年前にも、兼務という形でデザイナーのファーストラインマネージャーを経験しており、採用も含めて直接マネジメントをしていた時期があります。 その経験があるため、

はじめに RevComm Advent Calendar 2025 1日目の記事です。 qiita.com 昨今では AI コーディングエージェントが話題です。AI コーディングエージェントを活用することで、フロントエンド開発においても生産性の大きな改善が期待できます。 AI コーディングエージェントの活用を広めていくためには、信頼性の高いテストコードがあるとより積極的かつ安全に活用や導入を進めていきやすいのではないかと考えています。 そこで、この記事ではフロントエンド開発において信頼性の高いテストコード

はじめに 本稿は AWS と LIFULL 様の共同執筆により、AI 駆動開発ライフサイクル（AI-DLC）Unicorn Gym の実践を通じて得られた学びとその後の変化をお伝えするものです。 LIFULL 様は AWS の ソフトウェア開発生成 AI アシスタントである Amazon Q Developer を全社的に活用し、エンジニアだけでなく企画職の方も業務の生産性向上に取り組まれています。個人単位でのAI Agentの活用は着実に進んでいますが、次のステップとして組織でどう活用していくかはまだ検

みなさんこんにちは！就活支援サービス「ワンキャリア」（学生版） Webチームの北原（X： hakshu25 ）とプロダクトデザイナーの成井です。 今回は、私たちが当社のデザイン・フロントエンドの課題から挑戦した2つの話をご紹介できればと思います。

はじめに ソフトウェアエンジニアの森山です。 CloudFront で API と静的ファイルを別オリジンで扱い Single Page Application（以下 SPA）を ホスティング する構成について解説します。 プライベート API を遮断する設定を追加する際に CloudFront のカスタムエラーレスポンスで躓きました。しかし CloudFront Functions を活用することで上手く切り抜けることができました。 構成 リク エス トのパスを元にCloudFrontでオリジンへのアク

こんにちは。株式会社ジーニー 2025年入社の高濱です。 ジーニーでは毎年、新入社員を対象に「Bootcamp」という2か月間の技術研修が行われます。先輩社員（主に昨年度の新入社員）がメンターとなって運営するこの研修は、技術習得だけでなく先輩や同期との交流の場にもなり、入社直後の貴重な経験となります。本記事では、研修の雰囲気や学びをできるだけ具体的に伝えたいと思います。 自己紹介 CATS事業部 AFADに所属しています。 大学では機械系を専攻しつつ独学でプログラミングを学びました。競技プログラミングやア

はじめまして。慶應義塾大学環境情報学部3年の佐藤心紀です。私は、8月18日〜10月8日の8週間、インターンシップとして社内向けサービスのリニューアルに伴う開発に参加いたしました。この記事では、インター...

この記事では、AzureMCPServerとStreamlitを組み合わせて、Azureリソースを対話的に操作するWebアプリケーションを構築する方法について説明します。 つまり以下のように「Azureのコレコレのリソースの情報取得して」とか「Azure Blob Storageのコンテナ作って」みたいにWebブラウザから対話的に指示すると、そのとおりにAzureリソースが出来上がるWebアプリをサクッと作ってしまおうという感じです。 説明はいいからサクッと動かしたいよーという方はソースコードと起動方法

はじめに ども！Claude Code を執筆に贅沢活用している龍ちゃんです。 前回の SVG図解自動生成記事 で、「SVGで図解作成時間を67%削減できた！」って話をしたんですが、正直に言うと 完璧ではなかった んですよね。 フロントエンドエンジニアとしてTailwind CSSを日常的に使っている僕からすると、 あとから編集もできちゃうんですよね 。ClaudeもTailwindが得意なので、SVGを作るよりHTML経由で図を作ってスクショする方が、PNG変換という手間は増えるんですけど、意図した図が

はじめに ども！Claude Code を執筆に贅沢活用している龍ちゃんです。気づいたら3年でブログを200本書いていて、そろそろブログの本数をカウントするのを取りやめですね（笑）。 最近は週に5本くらいブログを書くことが習慣づいているんですが、これだけブログを書いてると、だんだん図を作るのが億劫になってしまうんですよね。Claude Code のおかげで Mermaid での図解作成はすごく短縮できました（参考： ClaudeでMermaid図作成を自動化！2時間→5分の劇的時短術【Live Edito

はじめにはじめまして。東京理科大学大学院 創域理工学研究科 情報計算科学専攻 修士1年の佐藤太心です。私は2025年度のサマーインターンシップで、LINEギフトのサービスフロントエンド開発業務に従事し...

5秒でわかる：この記事の内容 タイトルは挑発的ですが、真面目な技術記事です。 やったこと ： ブログ記事のHTML→Markdown変換を実装 トークン削減率：平均 20.7% （3記事で実測） 既存実装と組み合わせて累積 65%削減 を達成 得られるもの ： markdownifyライブラリを使った実装方法（コード付き） 段階的なトークン削減の実測データ WordPressブログのスクレイピングからMarkdown化まで 対象読者 ： AIを活用したブログ執筆をしている人 RAG（もどき）システムを構築