2026/6/15 1時間10分 学習
・tableタグについて
・お問い合わせフォームについて
HTML基礎終わった〜！次はCSS！
#CF #クリエイターズファクトリー
3
10年ぐらい前はUIデザイン発注するとHTML CSSで届いてたのだが、今では何故かFigmaから目コピでCSS起こしてたりするアレなんなんだ感。
12
今日の学び📝
２回目の動画を見ながら、今日もHTMLを復習しました✨
そして、CSSも何とか入力完了💦
素材を探してみたり…
なかなか先に進めない〜😭
でも、焦らず少しずつ✊
明日の講座頑張るぞ( ˶'ᵕ'˶)و.ᐟ.ᐟ
fammスクール
famm.us/ja/school/ad/live?ar…
4
写真フォルダを作るときのコツ
日付ごとに分けて、何をしたのかをhtmlファイルなりdocxファイルなりで記述をする
例として、
写真たち
├どこに行ったのか.html
├付随.CSS
├1901 12-13
└2038 1-13
なおhtmlでなくともdocx,txt,xlsx,rtf,csvなどの文章フォーマットでも代替可能です！
1
2
21
💡６月１５日（月）デイリーレポート💡
今日やったこと😀
3回目の講義でhtmlのタグの種類（特定の範囲）とCSSを少し触れました。忘れないうちに今日の振り返りします！
#fammスクール
famm.us/ja/school/woman/webd…
18
LPを1本作るのに、これまで外注で5〜10万円かかっていた。
それが今、1本あたり30分・コスト0円で量産できる。
使うのはClaude＋v0（またはBolt.new）の組み合わせだけ。
構造はシンプルで、再現性が高い。
---
まずClaudeに「LPの構成案」を出させる。
プロンプトはこれだけでいい。
「[商品・サービス名]のLPを作りたい。ターゲットは[属性]。訴求軸は[ベネフィット]。ヒーローセクション→課題提示→解決策→実績→CTA の順で、各セクションのコピーと構成を出してほしい」
Claudeが返してくるのはセクションごとのコピー案と構成メモ。
これをそのままv0に貼り付ける。
v0への指示はこう。
「上記の構成でLPをコーディングして。デザインはモダンでミニマル。Tailwind CSS使用。CTAボタンは目立つ色に」
これで実装済みのLP（HTML＋CSS）が出力される。
---
ここからが本題。
このLPを「1商品1枚」ではなく、「1商品×複数訴求軸」で量産する。
たとえば同じ商品でも、
・価格訴求版
・速度訴求版
・安心・信頼訴求版
と3〜5パターン作る。
Claudeに「同じ商品で訴求軸を変えた別パターンのコピーを出して」と指示するだけで、
30分以内に3本分の素材が揃う。
---
広告との組み合わせはこうなる。
複数バリエーションのLPを用意し、A/Bテストにかける。
Google広告やMeta広告のトラフィックを各LPに流し、CVR（成約率）が最も高いパターンに予算を集中する。
LPのCVRが1%→3%に改善されれば、同じ広告費で売上が3倍になる計算だ。
この差をAIが30分で作り出している。
---
量産のペースとしては、週に10〜20本のLPバリエーションを生成・テストしているケースが実際にある。
外注していた頃は月1〜2本が限界だった。
コストが1/100になり、スピードが10倍になる。
その分だけ、勝ちパターンを見つける確率が上がる。
LPのABテストは「量を回せた側が勝つ」ゲームだ。
1
79
今日はジムに行くのをやめてプログラミングの勉強を進めました💻
HTMLとCSSについて基礎的な部分を身につけることができた、、！残りもう20-30分ほど進めてから寝ようと思います。
1
37
301
今日の積み上げ
CodeJump上級編②（カフェサイト）
CodeJump「Store Menu」の.p-menu、PCサイズのHTML/CSSが完成しました。
dl/dt/ddでメニュー表を組み、FLOCSS BEMでクラス設計。左右2カラム、row-gap、点線、価格の位置調整まで実装しました。
実務を意識して、CSS設計を行いました。
1
15
HTML・CSSコーディングの代行のサービスです。
トップページのコーディングをしてレスポンシブ対応も可能です。
下のサムネイルをクリックすれば私のサービスに移動できます。
#ココナラ
coconala.com/services/363303…
4
DONE：HTML & CSS 学習レッスン 初級編
これから：
1h HTML & CSS Flexbox編
4.5h HTML & CSS 中級編
Progate課金した。1か月以内に終わらせる〜
4
【売れてます！】
「HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門」
著者：小豆沢 健(著)
出版社：技術評論社
発売日：2025年01月14日
amazon.co.jp/dp/4297146436?t…
31