きもおた・わーどぷれす。

駆け出しWEBディレクターが公私ともどもAI執事を使いたおして、
サイトを作ったり壊したり直したりする記録

A rookie web director using AI to build, break, fix, and experiment across real projects.

From creative workflows to troubleshooting and hands-on web development.

A practical field log of building and learning with AI.

AI小説は面白い！　小説家になろう作者のWebディレクターが100万字の壁打ちやって40話作った記録

by
AIを活用して小説を制作するWebディレクターと、原稿から広がる物語世界のイメージ
生成AIによる産業革命とも呼べる嵐がネットもリアルも世界中を席巻しています。 私がWebディレクターとして仕事しているWeb制作業界はその最前線。 それっぽく見える程度のサイトでいいのなら、AIが10分で作ってくれるよう … 記事を読む：AI小説は面白い！　小説家になろう作者のWebディレクターが100万字の壁打ちやって40話作った記録

【からふるわーくす】PM編小説09話「データの迷宮、繋がらない片思い」

by
「申し訳ありません」と謝罪する言葉の口元を大きく切り取ったモノクロ漫画の一場面。
本編 ① 状況提示 「ふんふんふふーん♪」 うららかな陽射しの差し込むからふるわーくすオフィス。 営業担当の任野が鼻歌まじりに軽やかなキーボード音を響かせる。 実質上のリーダーであるWebディレクターの小田は、垂れ目をさ … 記事を読む：【からふるわーくす】PM編小説09話「データの迷宮、繋がらない片思い」

【からふるわーくす】PM編漫画09話「データの迷宮、繋がらない片思い」

by
「申し訳ありません」と謝罪する言葉の口元を大きく切り取ったモノクロ漫画の一場面。
本編 業務メモ ※作者の独学用です。参考程度にご覧ください。 漫画 テキスト テキストで読みたい方はこちら テーマ 仮テストと本番確認――「未確認」を確認済みにしない 実務ポイント 仮テストは本番確認ではない 本番と異な … 記事を読む：【からふるわーくす】PM編漫画09話「データの迷宮、繋がらない片思い」

【からふるわーくす】PM編小説10話「トップページは私のものだ！」

by
ウインクしながら「ごめんね」と謝る任野を描いた「からふるわーくす」PM編のモノクロ漫画イラスト
本編 ① 状況提示 うららかな陽射しが差し込むWeb制作会社「からふるわーくす」オフィス。 カチカチカタカタスコスコと軽快に流れるキーボードとマウスを叩く音。 進行中のWebサイト制作案件はデザインもコーディングも最終盤 … 記事を読む：【からふるわーくす】PM編小説10話「トップページは私のものだ！」

【からふるわーくす】PM編漫画10話「トップページは私のものだ！」

by
ウインクしながら「ごめんね」と謝る任野を描いた「からふるわーくす」PM編のモノクロ漫画イラスト
本編 業務メモ ※作者の独学用です。参考程度にご覧ください。 漫画 テキスト テキストで読みたい方はこちら テーマ 多数のステークホルダーが関与するプロジェクトにおける意思決定構造の整備 実務ポイント 関係者が増えるほど … 記事を読む：【からふるわーくす】PM編漫画10話「トップページは私のものだ！」

Web制作会社小説・漫画「からふるわーくす」の連載を始めました

by
おしらせをするサイト運営者
Web制作会社を舞台にしたオリジナル作品「からふるわーくす」の、小説・漫画の連載を始めました。 主人公は、Webディレクター兼プロジェクトマネージャの小田ちゃん。 営業の任野ちゃん、エンジニアの言葉ちゃん、デザイナーの絵 … 記事を読む：Web制作会社小説・漫画「からふるわーくす」の連載を始めました

【からふるわーくす】PM編小説11話「AIに作らせました！」

by
AIで作った要件定義の矛盾を指摘され、「あ、あれ……？」と戸惑う任野ちゃん
本編 ① 状況提示 Web制作会社「からふるわーくす」のオフィスに、弾んだ足音が響き渡った。 営業職の任野が瞳を輝かせながら大きく手を振る。 「小田さん！ 戻りました！　クライアントの『ひなた雑貨店』との打ち合わせ、大成 … 記事を読む：【からふるわーくす】PM編小説11話「AIに作らせました！」

ChatGPT SitesからGitHubへソースコードを移す方法｜ローカル開発への移行手順

by
ChatGPT Sitesで作ったサイトをGitHubへコピーし、ローカル環境で開発する流れを示した図解
ChatGPT Sitesを使うと、会話しながらWebサイトをかなりのところまで作ることができます。 実際に、Nuxtで試してみました。 ChatGPT-6 AstraでNuxt使ってWebサイト作らせたらヤバかった | … 記事を読む：ChatGPT SitesからGitHubへソースコードを移す方法｜ローカル開発への移行手順

MV（LCP画像）のdecodingは「async」と「sync」のどちらがいい？　速度だけを見てはいけない理由

by
LCP画像のデコード設定において、表示速度と描画の安定性のバランスを検討する様子を表現したアイキャッチイラスト。オフィスでWeb高速化を検討する女性と、「LCP画像かどうか」「サイトの性質」という2つの視点を示している。
サイトトップにMV（メインビジュアル）を用いたデザインは今時で格好いいですけど、重くなりがち。 そのためヒーロー画像回りの適切な設定が必要となります。 ここまで「読み込みのタイミング（lazy / eager）」と「表示 … 記事を読む：MV（LCP画像）のdecodingは「async」と「sync」のどちらがいい？　速度だけを見てはいけない理由

著者情報ボックスにおける設計思想をUXとSEO（E-A-T-T）の観点から考える

by
alt="著者情報ボックスの設計思想をホワイトボードで検討するWebディレクターのイメージイラスト"
WordPressテーマGeneratePressを使ったサイトリニューアルに伴い、10年ぶりに著者情報を一新しました。 こちらの記事の続きとなります。 著者情報（この記事を書いた人）をプラグインなしで設置する【旧版】（ … 記事を読む：著者情報ボックスにおける設計思想をUXとSEO（E-A-T-T）の観点から考える
× 閉じる