-
Google Pixel 11 Pro XLを実質4万円台で購入した4重取りルート
Googleストアの学割・下取り・ストアポイント・カード還元を組み合わせて、Pixel 11 Pro XL（定価20万超）を実質47,776円で購入。通信制の社会人大学生でも学割が使える点や、具体的な手順・注意点をまとめた実践記。
-
デザイナー兼ひとり社長のAI活用術：思考整理からバックオフィスまでAIを「壁打ちパートナー」にする方法
ザイナー兼ひとり社長がAIを壁打ちパートナーとして活用する方法
-
Decap CMS → microCMSに移行した話 ── Claude Codeと37記事の自動移行
Decap CMSからmicroCMSへの移行記録。Claude Codeとの対話で37記事を自動移行した体験をまとめました。
-
猫4頭と暮らすわが家、自動猫トイレとフードサブスクを導入して解放された話
猫4頭との暮らしで自動猫トイレとフードサブスクを導入した体験記
-
お問い合わせフォームにreCAPTCHAを入れた話
スパムメールがきっかけで、AIと一緒にreCAPTCHA導入を進めた記録。詰まった箇所も含めて
-
ブログの下書きをCMSから入れてみる
Claudeと一緒に作った記事の下書きを、Decap CMSの管理画面から実際に登録してみた
-
Astroにブログ機能を追加した話
Astroで組んだ場合の、新規ブログ機能追加メモ
-
WordPressからAstroへ — コーポレートサイトをClaude Codeと一緒に移行した話
WordPress + SWELL で運用していたコーポレートサイトを、Astro + Cloudflare Pages に移行しました。開発経験のないデザイナーが、Claude Code との対話だけでどこまでできたかの記録です。
-
Figma検索アプリをがClaude Codeで作った話
数百件のFigmaファイルを横断検索できるReactアプリを、Claude Codeだけで構築しました。技術選定からAPIトラブルまでの全記録。
-
このブログの書き方と仕組み
Astro + Decap CMS + Cloudflare Pages で構築したブログの運用フロー。書く → プレビュー → 公開の手順をまとめました。
-
制作物数百件の棚卸しをAIでやった話
散らばったデザイン制作物をClaude CodeとFigma MCPで一覧化。スクリーンショット取得からWordPressへの投入まで、棚卸しの全工程を記録しました。
-
デザイナー目線でClaude Codeを使って気づいたこと
Claude Codeと一緒にアプリやサイトを作ってきた中で見えてきた「コードを書かない開発」の本質について。
-
Figma MCP って何？実際の業務で使ってみた
Claude CodeからFigmaを直接操作できる「Figma MCP」。スクリーンショットの一括取得やファイル情報の自動収集など、デザイナー目線で使い道を紹介します。
-
サーバー代ゼロ円のサイト運用 — Cloudflare Pages のすすめ
WordPress＋ロリポップからAstro＋Cloudflare Pagesに移行して、サーバー代がゼロになりました。速度・コスト・運用のリアルな比較です。
-
CMSをDIYした話 — Decap CMSでブログ管理画面を作る
WordPressの管理画面に慣れていたデザイナーが、Decap CMSでブログの管理画面を構築。設定からOAuth認証のトラブルまで、導入のリアルな記録。
-
ノーコードでもローコードでもない、「バイブコーディング」という選択肢
コードを書かずにAIと対話で開発する「バイブコーディング」。ノーコードとの違い、デザイナーとの相性、実際にやってみて感じた可能性と限界。
-
デザイナー目線で整理するWeb用語 ― SSR、API、OAuth
WordPressからAstroへの移行で出会ったWeb用語を、デザイナーが自分の言葉で解説します。
-
お問い合わせフォームをゼロから作った話
WordPress の Contact Form 7 から、Resend API を使ったサーバーレスなお問い合わせフォームへ。プラグインなしでメール送信する仕組みを構築しました。
-
デザイナーが実際にGitでバージョン管理をしてみた話
知ってはいたけど触ったことがなかったGit。サイト運用で実際に使ってみて覚えた、push・pull・コミットの実体験記録。
-
コーポレートサイト、いくらで運用できるか
コーポレートサイトの運用コストを公開。ドメイン代だけで月額ゼロ円のサイト運用は本当に可能なのか、全コスト内訳を記録。
-
下書きプレビューの仕組みを作った話
ブログ記事を公開前にデザイン確認したい。Astroの環境変数を使って、ローカルでだけ下書きが見える仕組みを構築しました。
-
既存サイトからデザインシステムを逆算する
クライアントのサイトにデザインシステムがない。Claude Code で既存ページを分析し、カラー・タイポ・スペーシングをトークン化した話
-
AIにデザインブリーフを渡してLP制作した話
デザインブリーフを言語化し、Claude Code にLP制作を依頼。アートディレクションをAIに伝える方法と、実際のワークフロー
-
Figma の代わりに HTML でワイヤーフレームを作る
Claude Code でモバイルアプリのワイヤーフレームをHTMLで作成。Figmaとの使い分けと、HTMLワイヤーの意外なメリット。
-
Figma のカバーテンプレートを設計した話
増え続けるFigmaファイル、探せない問題。カバーテンプレートを設計してチームのファイル管理を標準化しました。
-
個人事業主の社会保険・年金・税金、最初に迷うところまとめ
個人事業主の社会保険・年金・税金、迷うところをまとめてみました