【実験ログ】WordPressからAstroに移行して表示速度が10倍になった話
coffee-explorer.netをWordPressで構築した後、他のサイトをAstroで作り直した経験から学んだ、両者の違いと選び方。
AI Cowork Lab
「AIって何?」から始めて、Claude Codeでプロジェクトを作り、
仕事や日常に活かせるようになるまで。順番に読めば全部わかります。
ChatGPT・Claudeの始め方、指示の出し方、メールや要約など最初に試すべき使い方
AIチャットを使ったことがない人向けの入門ガイド。ChatGPT・Claude・Geminiの違い、無料で始める方法、最初に試すべき使い方をやさしく解説。
ChatGPTやClaudeの出力品質を劇的に改善するプロンプトエンジニアリングの7原則を、ビジネス実例のBefore/After付きで解説。5つの黄金要素フレームワーク・業務テンプレート・上級テクニックも網羅。
お詫び・依頼・お断り・日程調整など、ビジネスメールの定型文をAIで瞬時に作成。コピペで使えるプロンプトテンプレート15パターンを紹介。
100ページの資料も、AIに渡せば30秒で要点がわかる。PDFの要約、契約書のチェック、英語論文の翻訳要約まで、文書処理のAI活用法。
インストール → 最初のWebサイト作成 → 設定ファイル → 便利テクニック → メモリ → 自動化
Claude Codeの基本をゼロから解説。ターミナル・VS Code・デスクトップアプリの違い、料金プラン比較、インストール手順、実践的な使い方まで、この記事を読めばClaude Codeのすべてがわかります。
プログラミング未経験でもOK。Claude Codeを使って、自己紹介サイトを作ってインターネットに公開するまでの全手順をスクリーンショット風に解説。
CLAUDE.mdの基本から実践テンプレート、配置戦略、よくある失敗パターンまで徹底解説。プロジェクトの品質と効率を劇的に改善するCLAUDE.mdの書き方をマスターしよう。
Claude Codeを毎日使って発見した実践テクニック15選。指示の出し方、コンテキスト管理、モデル切替、パイプライン連携まで、すぐに使える効率化ノウハウを紹介。
Claude Codeの6種類のメモリ機能(CLAUDE.md・自動メモリ・rules・指示ファイルなど)の仕組み、優先順位、使い分けを徹底解説。セッションをまたいでAIに記憶を引き継ぐ方法。
Claude Code Hooksの仕組み、設定方法、実践レシピ10選を解説。ファイル保存時の自動フォーマット、危険なコマンドのブロック、テスト自動実行まで、Hooksで開発を自動化しよう。
AIを実際の業務や日常で使う具体的なレシピ集
メール作成、議事録、データ分析、Webサイト制作など
5サイトを1日で構築、WordPress→Astro移行、Google Maps API連携など。成功も失敗もリアルに公開
coffee-explorer.netをWordPressで構築した後、他のサイトをAstroで作り直した経験から学んだ、両者の違いと選び方。
site.tsによるサイト切り替え、カテゴリページの出し分け、CSS変数による色管理など、Astroテンプレートの再利用設計を徹底解説。コピー運用の限界とモノレポ化の展望まで。
GitHub連携からCloudflare Pagesデプロイ、独自ドメイン設定まで。WorkersとPagesの違い、ネームサーバーの罠、Custom domainの正しい設定方法を実体験をもとに解説。
このサイトは、実際にAIを使って仕事をする中で得た知識・気づき・失敗を体系的にまとめたものです。 「AIって何ができるの?」という疑問から、「Claude Codeでプロジェクトを作る」「業務を自動化する」まで、 順番に読めばステップアップできる構成になっています。