AI

【AI活用】冷蔵庫の余り物が絶品料理に?!Gemini APIを使ったレシピ提案アプリ「Leftover Recipe AI」を開発しました

毎日の献立に悩んでいませんか?冷蔵庫の余り食材を入力するだけで、Google Gemini AIが美味しいレシピを提案してくれるWebアプリ「Leftover Recipe AI」を開発。技術スタックや開発の裏話も公開!
フロントエンド

Next.js/TypeScript環境でのモダンなツールチップ実装ガイド

Next.js/TypeScriptで自作するモダンなツールチップ実装
技術

喫煙所サーチアプリを作ってみた – Next.js × Firebase × Leafletで実現する位置情報共有サービス

Next.js、Firebase、Leaflet.jsを使って喫煙所の位置情報を共有できる地図アプリを開発しました。ビューポート最適化、モバイルファーストなUI設計、Firestoreのクエリ制約への対処など、実装のポイントを詳しく解説します。
バックエンド

Go言語とFFmpegで動画を連結する:完全ガイド

Go言語の並行処理とFFmpegを連携させ、複数の動画ファイルを高速に結合する手順を現役エンジニアが解説。連結リスト作成からコマンド実行まで、コード付きで完全ガイド。
セキュリティ

【初心者必見】XSS(クロスサイト・スクリプティング)攻撃の仕組みと対策

1. イントロダクション:XSSとは?なぜ危険なのか?XSSの概要: XSS(Cross-Site Scripting)は、攻撃者がWebサイトに悪意のあるスクリプト(主にJavaScript)を埋め込む行為です。そして、そのサイトを閲覧し...
インフラ

Amazon CloudFrontとは?仕組み・メリット・導入手順を徹底解説

1. イントロダクション:Webサイト高速化の切り札、CloudFrontとはCloudFrontの概要: Amazon Web Services(AWS)が提供する**CDN(コンテンツデリバリーネットワーク)**サービスです。記事の目的...
技術

📖 設計入門はこれ一冊でOK!「良いコード/悪いコード」で学んだ設計の本質

1. イントロダクション:僕が「設計のモヤモヤ」から解放された理由エンジニアなら誰もが経験する悩みがあります。例えば、「機能は動く。でも、自分の書いたコードがなぜか汚い」というモヤモヤです。あるいは、先輩のコードレビューで、いつも**「設計...