株式会社MARI LAB blog
MARI LAB

© MARI LAB Inc. 2026

  • JAGDA正会員になりました — デザイナーが業界団体に入る意味
    2026.09.26

    JAGDA正会員になりました — デザイナーが業界団体に入る意味

    公益社団法人日本グラフィックデザイン協会(JAGDA)の正会員になりました。入会までの流れと、フリーランス・小規模法人のデザイナーが業界団体に所属する意味について考えたこと。

  • JAGDA入会審査ポートフォリオをClaude CodeとFigmaで作った
    2026.09.01

    JAGDA入会審査ポートフォリオをClaude CodeとFigmaで作った

    日本グラフィックデザイナー協会(JAGDA)の入会審査に向けて、10作品のA4ポートフォリオをClaude CodeとFigmaで制作した過程の記録。

  • Google Pixel 11 Pro XLを実質4万円台で購入した4重取りルート
    2026.08.14

    Google Pixel 11 Pro XLを実質4万円台で購入した4重取りルート

    Googleストアの学割・下取り・ストアポイント・カード還元を組み合わせて、Pixel 11 Pro XL(定価20万超)を実質47,776円で購入。通信制の社会人大学生でも学割が使える点や、具体的な手順・注意点をまとめた実践記。

  • Decap CMS → microCMSに移行した話 ── Claude Codeと37記事の自動移行
    2026.08.02

    Decap CMS → microCMSに移行した話 ── Claude Codeと37記事の自動移行

    Decap CMSからmicroCMSへの移行記録。Claude Codeとの対話で37記事を自動移行した体験をまとめました。

  • iDeCoの上限、個人事業主になると変わるという話
    2026.08.01

    iDeCoの上限、個人事業主になると変わるという話

    会社員から個人事業主になるとiDeCoの拠出上限額が変わる。区分変更の手続きや、上限まで引き上げるかどうかの判断ポイントを整理

  • デザイン系の団体保険を調べてみた話
    2026.08.01

    デザイン系の団体保険を調べてみた話

    デザイナーが加入できる「文芸美術国民健康保険組合(文美国保)」について調査。加入条件・保険料の仕組み・加盟団体との関係など、検討時に知っておきたいポイント。

  • CMSと手動編集を併用して詰んだ話
    2026.08.01

    CMSと手動編集を併用して詰んだ話

    GitベースのCMSとローカル編集を併用したらスラッグ衝突やコンフリクトが発生。複数の入り口で同じリポジトリを触る運用の落とし穴と、一本化に至った経緯

  • 猫4頭と暮らすわが家、自動猫トイレとフードサブスクを導入して解放された話
    2026.07.31

    猫4頭と暮らすわが家、自動猫トイレとフードサブスクを導入して解放された話

    PetSnowyの自動猫トイレと楽天24の定期便を導入して1年半。猫4頭との暮らしで実際に変わったこと、使わなかった子の話、掃除が大変だった失敗談もまとめました。

  • お問い合わせフォームにreCAPTCHAを入れた話
    2026.07.26

    お問い合わせフォームにreCAPTCHAを入れた話

    スパムメールがきっかけで、AIと一緒にreCAPTCHA導入を進めた記録。詰まった箇所も含めて

  • Astroにブログ機能を追加した話
    2026.07.26

    Astroにブログ機能を追加した話

    Astroで組んだ場合の、新規ブログ機能追加メモ

  • WordPressからAstroへ — コーポレートサイトをClaude Codeと一緒に移行した話
    2026.07.25

    WordPressからAstroへ — コーポレートサイトをClaude Codeと一緒に移行した話

    WordPress + SWELL で運用していたコーポレートサイトを、Astro + Cloudflare Pages に移行しました。開発経験のないデザイナーが、Claude Code との対話だけでどこまでできたかの記録です。

  • Figma検索アプリをがClaude Codeで作った話
    2026.07.25

    Figma検索アプリをがClaude Codeで作った話

    数百件のFigmaファイルを横断検索できるReactアプリを、Claude Codeだけで構築しました。技術選定からAPIトラブルまでの全記録。

  • 制作物数百件の棚卸しをAIでやった話
    2026.07.24

    制作物数百件の棚卸しをAIでやった話

    散らばったデザイン制作物をClaude CodeとFigma MCPで一覧化。スクリーンショット取得からWordPressへの投入まで、棚卸しの全工程を記録しました。

  • Figma MCP って何?実際の業務で使ってみた
    2026.07.21

    Figma MCP って何?実際の業務で使ってみた

    Claude CodeからFigmaを直接操作できる「Figma MCP」。スクリーンショットの一括取得やファイル情報の自動収集など、デザイナー目線で使い道を紹介します。

  • サーバー代ゼロ円のサイト運用 — Cloudflare Pages のすすめ
    2026.07.20

    サーバー代ゼロ円のサイト運用 — Cloudflare Pages のすすめ

    WordPress+ロリポップからAstro+Cloudflare Pagesに移行して、サーバー代がゼロになりました。速度・コスト・運用のリアルな比較です。

  • CMSをDIYした話 — Decap CMSでブログ管理画面を作る
    2026.07.19

    CMSをDIYした話 — Decap CMSでブログ管理画面を作る

    WordPressの管理画面に慣れていたデザイナーが、Decap CMSでブログの管理画面を構築。設定からOAuth認証のトラブルまで、導入のリアルな記録。

  • ノーコードでもローコードでもない、「バイブコーディング」という選択肢
    2026.07.18

    ノーコードでもローコードでもない、「バイブコーディング」という選択肢

    コードを書かずにAIと対話で開発する「バイブコーディング」。ノーコードとの違い、デザイナーとの相性、実際にやってみて感じた可能性と限界。

  • デザイナー目線で整理するWeb用語 ― SSR、API、OAuth
    2026.07.17

    デザイナー目線で整理するWeb用語 ― SSR、API、OAuth

    WordPressからAstroへの移行で出会ったWeb用語を、デザイナーが自分の言葉で解説します。

  • お問い合わせフォームをゼロから作った話
    2026.07.16

    お問い合わせフォームをゼロから作った話

    WordPress の Contact Form 7 から、Resend API を使ったサーバーレスなお問い合わせフォームへ。プラグインなしでメール送信する仕組みを構築しました。

  • デザイナーが実際にGitでバージョン管理をしてみた話
    2026.07.15

    デザイナーが実際にGitでバージョン管理をしてみた話

    知ってはいたけど触ったことがなかったGit。サイト運用で実際に使ってみて覚えた、push・pull・コミットの実体験記録。

  • 下書きプレビューの仕組みを作った話
    2026.07.13

    下書きプレビューの仕組みを作った話

    ブログ記事を公開前にデザイン確認したい。Astroの環境変数を使って、ローカルでだけ下書きが見える仕組みを構築しました。

  • AIにデザインブリーフを渡してLP制作した話
    2026.07.10

    AIにデザインブリーフを渡してLP制作した話

    デザインブリーフを言語化し、Claude Code にLP制作を依頼。アートディレクションをAIに伝える方法と、実際のワークフロー

  • Figma の代わりに HTML でワイヤーフレームを作る
    2026.07.09

    Figma の代わりに HTML でワイヤーフレームを作る

    Claude Code でモバイルアプリのワイヤーフレームをHTMLで作成。Figmaとの使い分けと、HTMLワイヤーの意外なメリット。

  • Figma のカバーテンプレートを設計した話
    2026.07.08

    Figma のカバーテンプレートを設計した話

    増え続けるFigmaファイル、探せない問題。カバーテンプレートを設計してチームのファイル管理を標準化しました。

  • 個人事業主の社会保険・年金・税金、最初に迷うところまとめ
    2026.06.30

    個人事業主の社会保険・年金・税金、最初に迷うところまとめ

    個人事業主の社会保険・年金・税金、迷うところをまとめてみました

mari-lab.com privacy policy

© MARI LAB Inc. 2026