プロダクトをつくる人の
ための実践知。
Product / UX / Engineering / AI / Growth。
ユーザーを理解し、課題を発見し、つくり、測り、改善する。
職種の境界を越えてプロダクトをつくる人のためのメディアです。
扱う領域
-
Engineering
正しく、速く作る。
Engineering の記事を見る → -
Product
何を、なぜ作るのか。
Product の記事を見る → -
UX
誰の、どんな問題を解くのか。
UX の記事を見る →
最新の記事
- フォーム離脱率を下げる7つのUXチェックポイント
お問い合わせフォームやサインアップフォームの離脱率が高い原因を、UXの観点から7つのチェックポイントで解説。すぐに実装できる改善パターンをコード例付きで紹介します。
- 構造化データ（JSON-LD）完全入門 — Google に正しく情報を伝える方法
JSON-LD による構造化データの基本から実装まで。WebSite、BlogPosting、BreadcrumbList、Service など、実際に使えるスキーマをコード例付きで解説します。
- SaaSのオンボーディング設計 — PMが最初の5分で見るべき3つの判断基準
SaaSプロダクトのオンボーディングを設計する際に、PMとして判断すべき3つの基準を解説。ユーザーが価値を感じるまでの時間を最短にするための考え方と、よくある失敗パターンを紹介します。
- Astro × Cloudflare Pages で爆速デプロイする方法
Astro で構築したサイトを Cloudflare Pages にデプロイする手順を解説。CLI による直接デプロイと GitHub 連携による自動デプロイの2つの方法を紹介します。
- WordPress が遅い理由と、静的サイトという選択肢
WordPress サイトの表示速度が遅い原因を技術的に解説し、Astro などの静的サイトジェネレーターに乗り換えることで得られるパフォーマンス・SEO・セキュリティのメリットを紹介します。
- PageSpeed Insights パフォーマンス100点を取るためのサイト構築術
Astro と Pico.css で構築したサイトで Google PageSpeed Insights のパフォーマンス・SEO・アクセシビリティ・ベストプラクティス全項目100点を達成した方法を解説します。
- Pico.css を最大限活用するためのヒント
クラス不要の CSS フレームワーク Pico.css の特徴と、セマンティック HTML で美しいデザインを実現する方法。
- Astro で始めるオウンドメディア構築
Astro と Pico.css を使って、高速で SEO に強いオウンドメディアを構築する方法を解説します。
- Markdown ライティングガイド
このメディアで使える Markdown 記法の一覧と、きれいに表示するためのベストプラクティスを紹介します。