WordPressとAI画像生成、AIプログラミング等について雑多に学ぶ不定期ブログです
初心者がWordPressや生成AIを使ってみて、実際につまづいた点や、うまくいかなかった理由を正直に記録する体験談ブログ。
技術・アイデア・思考の試行錯誤も含めてまとめています。
その日、実際につまづいた内容をもとにしてテキスト生成AIと画像生成AIの力を借りながら記事を投稿しています。AIの力を借りてブログ記事を書いている性質上、完全に内容が正しいとは保証されません。お気づきの点がありましたら、コメント欄にてご質問下さい。
画像生成AIは主に、チャットGPT、Gemini、Stable Diffusion オンラインのそれぞれ無料アカウントを使っています。練習で作っている段階なので、生成された画像のウォーターマークはそのままにしています。ゆくゆくは有料アカウントの画像に差し替えるつもりです。Stable Diffusion のローカル版(自分のPC上で画像生成)も勉強中のため、使えるレベルの画像が生成できるようになりましたら、こちらも投入していく予定です。
記事により「です・ます調」で書いているものと「である調」で書いているものが混在しておりますが、ご了承下さい。
現在練習用や開発用に使っている旧ドメイン（xs068000.xsrv.jp）から、本番用ドメイン（sot3.net/tec/）に移行中です。
WordPress テーマをLightningからCocoonに変更しました。
新着記事
- Geminiのスクロールバーが見えにくい問題を解決する方法【Stylusで個別調整】
アーカイブ 2026年2月18 2026年1月9 2025年12月21 2025年11月9 2025年10月4… 続きを読む: Geminiのスクロールバーが見えにくい問題を解決する方法【Stylusで個別調整】 - ⑦【集大成】HTMLとCSSだけで作る！おしゃれな自己紹介ページ制作
これまでに学んだ「構造・デザイン・スマホ対応」の知識をすべて使って、実際に1枚の自己紹介ページを完成させましょ… 続きを読む: ⑦【集大成】HTMLとCSSだけで作る！おしゃれな自己紹介ページ制作 - ⑥【WordPress実践編】覚えたHTMLとCSSを実際のサイトで使ってみよう！
ここまでは自分のパソコンの中で練習してきましたが、いよいよ本番です。 「WordPressを使っているけれど、… 続きを読む: ⑥【WordPress実践編】覚えたHTMLとCSSを実際のサイトで使ってみよう！ - ⑤【レスポンシブ編】スマホで見ても綺麗なサイトを作ろう！
今の時代、Webサイトを見る人の多くはスマートフォンを使っています。 パソコンで作ったサイトをそのままスマホで… 続きを読む: ⑤【レスポンシブ編】スマホで見ても綺麗なサイトを作ろう！ - ④【応用編】画像とリンクを追加して、一気にWebサイトらしくしよう！
HTMLで骨組みを作り、CSSで色をつけたら、次は「画像」と「リンク」です。 これらを追加するだけで、見た目は… 続きを読む: ④【応用編】画像とリンクを追加して、一気にWebサイトらしくしよう！ - ③【デザイン編】CSSで魔法をかけよう！文字に色をつけたりサイズを変える方法
前回の記事で、HTMLという「骨組み」を作りましたね。でも、今のままだと白黒で少し寂しい……。 そこで今回は、… 続きを読む: ③【デザイン編】CSSで魔法をかけよう！文字に色をつけたりサイズを変える方法 - ②【実践編】5分でできる！初めてのHTML作成体験
前回の記事で、HTMLは「家の骨組み」だとお伝えしました。 今回は、実際にその骨組みを1つ組み立てて、自分のブ… 続きを読む: ②【実践編】5分でできる！初めてのHTML作成体験 - ①【超入門】HTMLとCSSって何？家造りに例えて仕組みを理解しよう！
Webサイトを作ってみたいと思ったら、まず最初に出会うのがHTML（エイチティーエムエル）とCSS（シーエスエ… 続きを読む: ①【超入門】HTMLとCSSって何？家造りに例えて仕組みを理解しよう！ - 【保存版】ゼロから始めるWeb制作！HTMLとCSSの基本マスターコース
Webサイトを作ってみたいけれど、何から始めたらいいかわからない。そんな初心者のためのロードマップをまとめまし… 続きを読む: 【保存版】ゼロから始めるWeb制作！HTMLとCSSの基本マスターコース - 【図解】CSSの「わからない」を卒業！タグ・要素・セレクターの違いから魔法のレイアウトFlexboxまで完全攻略
「CSSを勉強し始めたけど、似たような言葉が多くて混乱する…」 「なんとなく書いているけど、実はよくわかってい… 続きを読む: 【図解】CSSの「わからない」を卒業！タグ・要素・セレクターの違いから魔法のレイアウトFlexboxまで完全攻略 - Jetpack Statsでアメリカからのアクセスが多く見える理由
アーカイブ 2026年2月18 2026年1月9 2025年12月21 2025年11月9 2025年10月4… 続きを読む: Jetpack Statsでアメリカからのアクセスが多く見える理由 - WordPressはなぜ「移行が必要だ」と誤解されやすいのか
ブロックエディターだけで運用してきた人が、なぜ「移行地獄」の正体に気づくのか アーカイブ 2026年2月18 … 続きを読む: WordPressはなぜ「移行が必要だ」と誤解されやすいのか - IT用語の「シャットダウン」は英語でどう書く？
shut down / shutdown とサムネイル表記の落とし穴 アーカイブ 2026年2月18 2026… 続きを読む: IT用語の「シャットダウン」は英語でどう書く？ - Windows 11のログイン画面に出るニュースを消したいあなたへ
Windows 11を起動した瞬間、「今日の豆知識」「この写真はどこでしょう？」「さあクリックして調べよう」―… 続きを読む: Windows 11のログイン画面に出るニュースを消したいあなたへ - ②【中級編】WordPress管理画面の列幅をカスタマイズ！タイトルの「潰れ」をCSSで強制解決する方法
1. はじめに：設定だけでは限界がある理由 前回の記事では「表示オプション」で項目を減らす方法をご紹介しました… 続きを読む: ②【中級編】WordPress管理画面の列幅をカスタマイズ！タイトルの「潰れ」をCSSで強制解決する方法