技術 fragfolio開発ログ #3｜AIで香水マスタを正規化する実験
はじめに香水コレクション管理アプリ fragfolio の開発ログ、第3回です。今回は「AIを使って香水マスタを正規化する」というテーマに挑戦しました。香水というジャンルは、アプリ開発においてかなり扱いづらいデータのひとつです。ブランド名や製品名は膨大で、しかも「Bleu de Chanel」「ブルードゥシャネル」「BLEU DE CHANEL」のように表記ゆれが当たり前。さらに Dior Sau...
技術 
技術 【Shlink-UI-Rails】GitHub Actions × Oracle Cloud A1でRailsアプリを自動デプロイする方法｜無料枠でCI/CDを実現
はじめに自作している Shlink-UI-Rails を、Oracle Cloud Free Tierの Ampere A1インスタンスに本番デプロイしました。GitHubにpushした瞬間から、テスト → Dockerイメージビルド → GHCR保存 → 本番サーバpull → 再起動 → ヘルスチェックまでを完全自動化しています。仕組みをまとめると：GitHubにpushGitHub Acti...
技術 結局 iTerm2 に戻った話｜Alacritty や Warp Terminal を試してみて思ったこと
はじめに「次世代ターミナル」と呼ばれるものはここ数年でいくつも登場しました。GPU アクセラレーションで爆速描画の Alacritty、モダンな UI と AI 補助で話題の Warp Terminal。どちらも「これからの標準になるのでは？」と一瞬思わせるポテンシャルはあります。実際、Twitter（現X）のタイムラインには「Alacritty最高！」「Warp Terminal革命的！」みたい...
技術 fragfolio開発ログ #2 | Laravel 12 × React 19で実装する選択式二要素認証（WebAuthn × Fortify TOTP）
はじめに前回の fragfolio開発ログ #1 では、Laravel 12 × React 19 × Tailwind v4 の最新スタックで香水コレクション管理アプリ「fragfolio」を立ち上げた話を書きました。今回はその続きとして ログイン認証基盤 について。2025年時点でログイン体験を考えると、「パスワードレス」と「二要素認証」は避けて通れません。fragfolio では次の方針を採...
技術 fragfolio開発ログ #1｜Laravel 12 × React 19 × Tailwind v4で作る香水コレクション管理アプリとAI活用
はじめに香水を少しずつ集めていると、「どれをいつ買ったか」「実際の使い心地はどうだったか」を後から見返したくなる瞬間があります。でも、スプレッドシートやノートアプリに書き散らすと管理が続かないし、写真フォルダに入れても探すのが大変。それなら自分でアプリを作ってしまえばいい。そんな発想から始めたのが fragfolio（フラグフォリオ） です。名前は fragrance + portfolio の造...
技術 React 19で変わる開発体験 | Actions・新Hooks・Server Componentsを理解する
はじめに2024年12月にリリースされたReact 19は、Reactの歴史において最も重要なアップデートの一つとなりました。特に開発者を悩ませてきた非同期処理とフォーム処理の複雑さを解消する革新的な機能が追加され、開発体験が劇的に向上しています。なぜReact 19が必要だったのかこれまでのReactでフォーム処理を実装する際、開発者は多くのボイラープレートコードを書く必要がありました。例えば、...
技術 【2025年】Tailwind CSS v4実践テクニック – パフォーマンス最適化ガイド
はじめに2024年12月にリリースされたTailwind CSS v4.0は、フレームワークの歴史において最も重要なアップデートとなりました。新しいOxideエンジンにより、フルビルドが5倍、インクリメンタルビルドが100倍以上高速化され、開発体験が劇的に向上しています。本記事では、フリーランスエンジニアとして実際にv4を使用した経験を基に、パフォーマンス最適化のテクニックと実践的な活用方法を詳し...
技術 【2025年版】JavaScript 全角半角 自動変換 | “半角で入力してください”を撲滅する実装ガイド
はじめに「電話番号は半角で入力してください」 「カタカナは全角で」 「メールアドレスに全角が含まれています」日本のWebサービスを開発していると、必ず直面する全角・半角問題。ユーザビリティとデータ整合性の間で、どうバランスを取るべきか。実装例とともに、2025年時点でのベストプラクティスをまとめました。なぜ全角半角問題は起きるのか日本のWeb開発において、全角半角の混在は避けて通れない問題です。こ...
技術 【2025年版】MySQL vs PostgreSQL｜機能・性能・ユースケースで比較するデータベースの選び方
はじめにWebアプリケーション開発やSaaS構築において、データベースの選定はプロジェクトの成否を左右する重要な判断です。2025年の現在でも、依然として「MySQL」と「PostgreSQL」はオープンソースRDBMSの二大巨頭として世界中で使われています。どちらも歴史が長く、多くのクラウドサービスでマネージド環境が整備されているため「結局どちらを選べばいいのか？」という問いは今もなお現役のテー...
技術 2025年秋のAI開発ツール最新比較｜Cursor・Windsurf・Continueの選び方
はじめにGitHub Copilot だけで満足できた時代はもう終わった。2025年秋、AI 開発ツールはまさに群雄割拠のフェーズに突入している。中でも注目を集めるのが Cursor、Windsurf、Continue の3つだ。いずれも「AIでコーディングを効率化する」という目的は同じだが、成り立ちや思想、強みは驚くほど異なる。本記事では調査結果をもとに、それぞれのツールの特徴を厚めに解説しつつ...
技術 OCIでRedisが欲しかったのでUpstashを実運用してみた｜無料枠とPay As You Go（PAYG）のコスト感とレビュー
はじめにOracle Cloud Infrastructure（OCI）は、Free TierやPAYGでとにかくコスパの良いクラウドです。Compute（Ampere A1など）やDatabase（MySQL HeatWaveなど）を無料で動かせるのは大きな魅力ですが、他クラウドには当たり前にあるマネージドRedisが存在しないという落とし穴があります。実際、AWSならElastiCache、G...
技術 Rails 8時代のアセット管理｜PropShaftで変わるRailsの標準
はじめにRailsアプリ開発において、画像・CSS・JavaScriptといった「アセット」の管理は欠かせません。しかしRailsの歴史を振り返ると、この仕組みは大きく揺れ動いてきました。Rails 3〜6：Sprockets がアセット管理の主役Rails 5.1〜6：フロントエンドのモダン化で Webpacker が登場Rails 7：Webpacker廃止、Importmap / JSBun...
技術 2025年のWebサーバー選び｜Caddyとnginxの比較でわかるSSL自動化と設定のシンプルさ
はじめにWeb開発において、どのWebサーバーを選ぶかは開発体験や運用コストに直結します。長らく「定番」として利用されてきたのはnginxですが、ここ数年で急速に注目を集めているのが Caddy です。本記事では、Apache → nginx → Caddy というWebサーバーの進化を振り返りながら、両者を比較して解説します。絶対的な優劣を決めるのではなく、プロジェクトの要件に合わせて最適な選択...
RailsからLaravelを眺める RailsとLaravelで比較する2FA導入方法｜TOTPとFIDOキー（WebAuthn）で学ぶ多要素認証実装ガイド
※本記事は「RailsからLaravelを眺める」シリーズの第9回です。Rails出身の私がLaravelを触りながら、Railsと比較して違いを整理していく連載になります。はじめにWebアプリケーションのセキュリティを考えるとき、パスワードだけに頼るのは心許ないというのが現実です。パスワードの漏洩や総当たり攻撃、フィッシングなど、ユーザー認証が破られるリスクは常に存在しています。その対策として有...
技術 【2025年】今話題のJavaScriptフレームワーク：Astro・Solid.js・Qwik・Fresh・Svelte 5、それぞれの魅力と選び方
はじめにフロントエンド界隈は相変わらず進化が早く、毎年新しいフレームワークが登場しています。React、Vue、Angularといった定番フレームワークが安定している一方で、パフォーマンスや開発体験の向上を目指した新しいアプローチのフレームワークが注目を集めています。今回は2025年現在、特に注目すべき5つのJavaScriptフレームワークを、実際のコードサンプルと共に紹介します。Astro -...