技術メモ

はじめにLaravel で Web アプリを作り始めるとき、「Blade？ Livewire？ Vue？ 何から手を付ければいいの？」――そんな 超・初学者の迷子 をなくすための記事です。1. まずは“3つの作り方”だけ覚えよう作り方ざっく...

この記事でわかることWindows 10/11 で Docker を動かすための要件WSL 2 の有効化から Docker Desktop インストールまでの手順トラブルシューティングと便利な設定ポイント1. 事前準備：あなたの PC は対...

この記事の目的AIエージェント用の“メモリ”共有プロトコル OpenMemory MCP を自前で構築する方法をわかりやすく解説します。Ubuntu／macOS・Docker・FastAPI・Redis/PostgreSQL・OpenAI ...

Git（ギット）は、ソースコードなどのバージョン管理を行うための分散型バージョン管理システムです。エンジニアだけでなく、デザイナーやライターなど、複数人でプロジェクトを進める場面で非常に役立ちます。この記事では、Gitの基本的な使い方を初心...

はじめにWeb アプリの E2E（エンドツーエンド）テストやスクレイピングを行う際、最初に候補に挙がるのが Selenium と Playwright です。ともに OSS でありながら設計思想や機能が大きく異なるため、「どちらを選べばよい...

はじめに「プロンプトを書くだけで UI やアプリを一気に組み上げたい」── そんな開発者の願いに応えるのが v0.dev（Vercel）と Bolt.new（StackBlitz）。どちらも生成 AI を活用してコードや画面を即座に生成でき...

はじめに「エンジニアの仕事を“加速”させる」ことを掲げる AI コードエディタが続々と登場する中、VS Code 拡張ベースから一歩踏み出した Cursor と Windsurf は、とくに注目を集めています。両者とも GPT-4o や C...

前編では、サーバー室のPCに SoftEther VPN Server を導入し、VPN Azure を使って外部接続を可能にする設定を行いました。今回はその後編として、自宅のPCからVPN接続し、リモートでサーバー室のPCを操作する手順を...

在宅勤務や緊急対応の際、オフィスのサーバー室にあるPCを自宅から安全に操作できる環境が求められます。自宅とサーバー室のネットワークを繋ぐためにVPNを構築します。今回は「前編」として、SoftEther VPN Server の構築方法を解...

1. はじめに ― “AI はプロンプトで化ける”v0.dev（以下 v0）も Bolt も、入力されたプロンプトがすべての出力品質を決めるツールです。曖昧な指示では「惜しい UI」や「動かないコード」を量産しますが、適切なプロンプトなら数...