Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！

Mercury Lab｜AI活用とSNS運用の「実験ノート」🧪
会社員やフリーランスの方のAIやSNSに関する「これ知りたかった！」を、生成AIで検証したうえでシェアするアカウントです🔍
・AI初心者OK
・コピペプロンプトも公開します
・SNS運用のリアルな数値も見せていきます
気軽に一緒に学びましょう！

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

このアカウントは「AI×SNS運用」を実験した結果を伝えていく研究室🧪
AIは気になるけどまだあまり使えていない会社員やフリーランスの方向けに、

・実際に試したAIやその活用法
・初心者がつまずきそうなところの回避法
・0からSNSを伸ばす実際の流れ

など試行錯誤の過程も随時投稿していきます！

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

Claudeの障害って回復してる…？

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

AIネタ探しの旅、思ったより森が深くて迷子中です…笑
最近ちょっと本業が忙しく、当Xでの実験のペースが落ちがちですが、 常に次の一歩を探っていますので気長に見守っていただけると嬉しいです!
（このところ実務でイラレやFigmaを触ることが多く、ちょっとAIと繋がりが薄いもので…😅）
#AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@honomomo110 おめでとうございます！
日々の積み重ねの結果ですね👏

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

今日は通常の実験投稿はお休みして、次のネタ探しの旅に出てきます🧪
Genspark、Claude Code、そしてARIAさんとのやり取りから試したいことがたくさん溜まってきました
少し充電し次の実験ネタを仕込みます！
（ただでは休みたくなくGeminiに実験を休んで旅に出る図を作ってもらいました笑） #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@aria_ai_tools なるほど、禁止事項も要件.mdに常設しておくということですね！
今回は都度NG例を出していましたが、色使いなどのルールも含めて最初から要件.mdに書いておけば、次からはもっとスムーズにいきそうです
次回ぜひ試してみたいです！

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@aria_ai_tools さんに教えていただいた「要件.md」作戦を試してみました
・期待する状態・不満点・質を優先
を明記して渡したら、LPのカードデザインは思うところはありますがかなり良くなりました
Before→After、特に統一感がでました
(2時間・4.5万トークンかかったけど…笑)
#ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

◆AIとクリアするFF5 その13
古代図書館！なかなか難しいマップだけど、イフリートやボスのビブロスをなんとか撃破🎉
なおクロードに勧められた忍者マーキュリー、結局シーフアビリティの「ぬすむ」しか使わなかった…活躍したのはモンクのガラフ氏でした😇
#AIとクリアするFF5 #MercuryLabo #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

おはようございます☀️
@aria_ai_tools さんに、要件を.mdファイルにまとめてClaude Codeに渡すと実装のブレが減るという新たな知見をいただきました！🧪
それを受け次はLPのカードの画像が微妙問題を題材にこの「要件.md」作戦を試してみようと思います！
結果はまた報告します！
#ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@Notta_PR ご連絡ありがとうございます。
認証済みアカウントについてはDMを読める設定にしておりますので、詳細はDMからご連絡ください。
内容によっては返信できない場合もございますが、その際はご了承ください。

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

このアカウントは「AI×SNS運用」を実験した結果を伝えていく研究室🧪
AIは気になるけどまだあまり使えていない会社員やフリーランスの方向けに、

・実際に試したAIやその活用法
・初心者がつまずきそうなところの回避法
・0からSNSを伸ばす実際の流れ

など試行錯誤の過程も随時投稿していきます！

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@aria_ai_tools なるほど…。大事なところは先に渡す、そして目的に応じてツールを使い分ける（https://t.co/rAr4J1ztZAでUIを生成してからClaude Codeで調整と実装を行う…というように）というところをさらに意識したいと思います！
とても参考になります！

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@aria_ai_tools さんに教えていただいだ「NG例+理由」を、LPの画像追加で試してみました
Before→After、NG例を出すと仕様は確かにしっかりしてくれました！デザイン的にはなかなか思い通りにならず… 指示の出し方なのか、素材選びから見直すべきなのか、まだ答えは出ません
#ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@aria_ai_tools 微調整の回数を減らす、というのはAIに指示を出すときの命題ですね
「NG例を提示する」というのは新たな視点でした！気づきをありがとうございます！

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@chillpanda_ceo ありがとうございます！
AIにその日中に連続して修正作業などをお願いできるかは大事なポイントなので、 Claude Codeのトークン消費の少なさは魅力です。 無料枠の見極めはやっぱり実際にテストしてみないとわからないですね。 これからも続けていきたいと思います

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

Mercury LabのLPを少し育ててみました🧪
実際のアイコン・ヘッダー画像をClaude Codeに渡しカスタマイズをお願い
・ロゴにアイコンを反映
・ヒーローにヘッダー画像を配置
・見出しの折り返しも実測して調整済み
統一感が増しました
添付はPC（旧→新）、スマホ（旧→新）です！
#ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

Claude Codeが作ったMercury Lab紹介LP、こんな感じになりました🧪
・ヒーローセクション
・投稿実績カード(レスポンシブグリッド)
・Xフォローボタン
スマホ表示も崩れなく綺麗でした(2枚目) CSSも新しめの書き方(clamp, color-mixなど)を使ってくれていて、正直驚きました
#ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

GensparkとClaude Code、無料枠だけで何ができるか実験してみた結果🧪
Genspark
・ヘッダー画像生成 ◯
・LP生成 △(クレジット切れで完走できず)
Claude Code
・LP生成 ◯(1発完成、トークン消費少)
・画像生成 △(未検証)
AIがどこまでできるか実験は続く！ #Genspark #ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

@kai_zeroichi ありがとうございます！
無料枠だと動かないツールもありますが、Claude Codeは思ったよりサクッと動いてくれました🧪 ぜひ試してみてください!

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

Claude Codeが作ったMercury Lab紹介LP、こんな感じになりました🧪
・ヒーローセクション
・投稿実績カード(レスポンシブグリッド)
・Xフォローボタン
スマホ表示も崩れなく綺麗でした(2枚目) CSSも新しめの書き方(clamp, color-mixなど)を使ってくれていて、正直驚きました
#ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

こんばんは🌙
GensparkでのLP生成がクレジット切れで完走できなかった話をしましたが… 同じ依頼をClaude Codeでやってみたら、1セッション・トークン消費は「星の王子さま」1冊分くらいで一発完成しました（どういうギャグ？）
完成したLPのスクショはこの後の投稿で共有しますね
#ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

こんばんは🌙
GensparkでのLP生成がクレジット切れで完走できなかった話をしましたが… 同じ依頼をClaude Codeでやってみたら、1セッション・トークン消費は「星の王子さま」1冊分くらいで一発完成しました（どういうギャグ？）
完成したLPのスクショはこの後の投稿で共有しますね
#ClaudeCode #AI活用

[Mercury Lab｜WEBデザイナーによるAI活用とSNS運用の「実験ノート」！ @Mercury_Labo_JP]

Gensparkでヘッダー画像に続いてLP制作もお願いしてみようとしたら… クレジット不足で完走できず
無料枠はあっさり尽きますね…😅
本当の実力を見る前にタイムアップになった感覚があります
「どのAIツールに課金するのが正解か」は今後のMercury Labのテーマになりそうです
#Genspark #AI活用