デモアプリケーションの紹介 主な機能 技術構成 Denoとは Deno Deployとは 参考 Deno KVとは ローカル環境でのDeno KV Deno KV on Deno Deploy 参考 WebSocketとは 参考 デモアプリケーションを作りました アプリケーションの構成 主な機能 技術的な実装 まとめ 株式会社ゆめみでサーバーサイドエンジニアをしている、うーたんです。 2023 年 4 月に株式会社ゆめみへ新卒入社し、現在はサーバーサイドエンジニアとして案件を担当しています。 技術同人誌へ

はじめに この記事は メドレー夏のブログリレー 2025 22 日目の記事です。 メドレー医科診療所プロダクト開発室 AI推進グループの桶谷です。 AI推進グループでは、「AIで “医師” と “エンジニア” の生産性を最大化する」というミッションを掲げ、医師の皆様に向けたAIソリューション（「ゼロ距離医療」の実現）と、社内エンジニアの生産性向上（「CLINICS 10x」）の両輪で様々な施策に取り組んでいます。取り組みの全体像は こちらの記事 で詳しく紹介しています。興味のある方はぜひお読みください。

はじめまして。クロス イノベーション 本部、新卒1年目の大岡叡です。 現在、技術職に配属された同期6名とともに7月から9月の3か月間にわたり システム開発 研修に取り組んでいます。研修では、運営側が定めた必須機能に加えてチームで考えた追加機能を自由に実装することが認められています。 私のチームではある追加機能を実装することを決定し、その中でテキストの感情分析を取り入れることにしました。 開発したシステムは AWS ECS on Fargate にデプロイすることが決まっており、また私が学生時代から AWS

初めに AIと一緒に開発をするようになってから、フロントエンドとバックエンド両方を爆速で開発することができるようになって、検証が爆速で進むようになった龍ちゃんです。 AIが混乱しないようにプロジェクト自体を整備する方法についてお話しします。AIと一緒に開発を進める開発手法に関しては、以下の記事で解説をしています。 Claude Code革命！3フェーズ開発で効率的な開発：計画→実装→検証術 AI協働で仕様書アレルギー克服！開発時間を1週間→2日に短縮する実践法 Claude Code仕様書ベースでハマる6

はじめに ども！毎日毎日Claude Codeとお話して日課となっている龍ちゃんです。直近ではClaude Codeに関するお話を執筆していこうと思います。 最初は「これは革命的だ！」と思って飛び込んだClaude Codeでしたが、実際に使い込んでいくと、思った以上に奥が深くて、適当にプロンプトを投げているだけでは思うような成果が出ないことがわかってきました。 今回は、私が実際にClaude Codeを使い倒してきた中で見つけた、「Vibe Coding」から卒業するための実践的なTipsをまとめてみま

こんにちは！アジャイル開発チームの齊藤です！近年、ブラウザ操作エージェントの技術革新が目覚ましく、一般ユーザーでも手軽に利用できるようになってきました。ChatGPT AgentがPlusユーザーに開放されるなど、人の代わりにAIがWebサイトを自動操作する環境が整いつつあります。 これらの技術は業務効率化や自動化においてメリットをもたらしますが、一方でWebサイト運営者にとっては新たなセキュリティリスクとなる可能性があります。本記事では、最新のブラウザ操作エージェントの動向や想定されるリスクを整理すると

はじめに こんにちは、新卒2年目エンジニアの紺谷です。 私はここ1年ほどSaaSプロダクトの運用保守チームで働いています。 普段は顧客や非エンジニアの社員からの問い合わせ対応（プロダクトの仕様の確認やバグ発生時の調査など）や、プロダクトや業務フローを改善していくための開発などをしています。 こういった仕事をやっていくにはプロダクトに使われている技術スタックについての理解はもちろん、プロダクトそのものの使い方や日々刻々と変わっていく仕様を把握したり、その業界特有の複雑なビジネスロジックを理解していくことが欠

このブログでは、 AWS Amplify 、 AWS AppSync 、 MongoDB Atlas を使用して、オフラインファーストのアプリケーションと楽観的な UI を作成する方法をご紹介します。開発者は、インターネット接続を必要としないオフラインファーストアプリケーションを設計します。楽観的な UI は、サーバーからのレスポンスに依存することなく、予想されるデータの変更で UI を更新することで、オフラインファーストのアプローチをさらに発展させます。このアプローチは通常、ローカルキャッシュの仕組みを

プログラミング未経験の高校生が、AIを活用した「バイブコーディング」でたった4時間でWebアプリ開発からデプロイまでを体験。ReactとNext.jsを使い、自然言語の指示だけでオリジナルアプリを完成させました。

こんにちは。クラウドエース第四開発部の富田です。 Next.js の middleware.ts の存在に何となく苦手意識を持っていたので、今回調べたことをまとめてみます。 Next.js Middleware とは何か？ Middleware は、ユーザーからのリクエストがサーバーに届いてから、Next.js がページや API ルートを処理する直前のタイミングで実行されるものです。 このタイミングでリクエストを検査し、必要に応じて内容を書き換えたり、別のページにリダイレクトしたりといった処理を差し込む

みなさんこんにちは！4月にワンキャリアへ新卒で入社したデータエンジニアの塚田（Github: carbscountry）です。少し遅くなってしまいましたが、今回は4月上旬に実施された新卒エンジニア研修を振り返りながら、実際今に活きている学びや気づきについて紹介します。 新卒エンジニア研修の全体像はこちらの記事でも紹介されているので、ぜひご覧いただけると幸いです！

Introduction Hi, I'm Kossy. I joined the company in January 2025! In this article, I asked a few of our January 2025 new joiners to share their first impressions right after joining. I've put their thoughts together here. I hope this content will

挨拶 ども！登壇資料の準備が佳境を迎えています、龍ちゃんです。資料の前段でブログを書こうと思ったら、執筆済みのブログが5件ほど積み上がっているという魔境のような現状があります。 さて今回は、その中の1つシリーズである「タイトルとメタディスクリプションをAIに丸投げしてみた」というブログの内容になります。 SEOわからん勢のリアルな悩み ブログを書き終わった後に悩む要素って、サムネイルとタイトルとメタディスクリプションですよね。正直、タイトルとメタディスクリプションだけで考えるのは非常に疲れてしまいます。と

こんにちは。 電通 総研コーポレート本部システム推進部の山下です。 この記事は自分が Amazon Q Developer(以降 Amazon Q)の実体験で得た知見を整理したものとなっています。 大体 Amazon Qを使って5-6万行程度のコードを書かせてみて得られた知見となっています。これから Amazon Qを使った開発をしてみたいという方の参考になれば幸いです。 対象読者 以下のことにはある程度慣れている人が対象です VS Code などの IDE やターミナルを日常的に使う Git／CI の基

はじめに マイナビジョブサーチのフロントエンド開発において、コードの可読性・保守性向上を目的としたリファクタリングを実施しました。本記事では、実際に行ったリファクタリング内容とその背景についてまとめています。 コンテナ・プレゼンテーションパターンを採用 これまでのコンポーネントは、UIとビジネスロジックが1つのコンポーネントに混在しており、1つのファイルのソースコード量が膨大であり可読性が悪かったです。その他にも、UIとビジネスロジックが同じファイルにあったため、UIとビジネスロジックをそれぞれ単体でテス