その他 【HTML/CSS入門⑥】ボックスモデルを理解しよう｜paddingとmarginの違いって何？
はじめに前回はクラスとIDを学んで、同じタグでもデザインを変えられるようになりましたね！今回はいよいよボックスモデルに入ります。「paddingを増やしたのになんか違う…」「marginってどこに効いてるの？」CSSを書いていると、この2つ...
2026-04
その他 
その他 【HTML/CSS入門⑤】クラスとIDの使い方｜同じタグでもデザインを変えたい！
はじめに前回はCSSのレイアウトを学んで、自己紹介ページがかなり「それっぽく」なってきましたね！ここまで来たあなたは本当にすごいです。正直、多くの人がこのあたりで挫折します。でもあなたはまだここにいる。それだけで十分です。さて、今回はクラス...
HTML/CSS入門 【HTML/CSS入門④】CSSレイアウト入門｜横並び・中央揃えをマスターしよう
この記事でできるようになることこの記事を読み終えると、文字や要素を中央揃えにする方法と、複数の要素を横並びにする方法がわかります。自己紹介ページがさらに「それっぽく」なるはずです！レイアウトって何？CSSのレイアウトとは、要素をページのどこ...
WordPress 【WordPress入門】画像の代替テキスト・キャプションの書き方｜SEO対策からAIO対策まで
WordPressで画像をアップロードする際の代替テキスト（altテキスト）とキャプションの正しい書き方を解説。SEO対策はもちろん、AIによる検索最適化（AIO対策）まで対応した画像設定のポイントを初心者にもわかりやすく紹介します。
HTML/CSS入門 【HTML/CSS入門③】CSSで見た目を整えよう｜色・文字サイズ・余白の基本
はじめに前回の記事では、HTMLの基本タグ（h1〜h6・p・a・img）を使って自己紹介ページの骨格を作りました。「できた！」と思ったら次に気になるのが……「なんか地味だな」ということではないでしょうか（笑）。今回はその見た目を整えるための...
HTML/CSS入門 【HTML入門②】基本タグをマスターしよう｜見出し・段落・リンク・画像
はじめに前回の記事では、HTMLの「骨格」となる基本構造を説明しましたが、うまくできましたか？ 実際に手を動かしてみるのが一番大事。 まだの方はぜひチャレンジしてみてください☺ ＊＊＊ ただ、書いては見たけど、実際どういう意味なのか分からな...
HTML/CSS入門 HTML入門：ゼロから始める最初の一歩
はじめに私がプログラミングに初めて触れたのはProgate。かわいいクマのキャラクターと楽しみながら一つ一つコードの書き方を勉強していきました。ただ、先に進むのが面白くて説明文を丁寧に読むということを怠ったため、なんとなーくの理解でどんどん...
HTML/CSS入門 「小さな修正を繰り返すと破綻する」——HTMLを学んだ人なら知っている、技術的負債の怖い話
はじめに：その一言の意味、わかりますか？「このまま小さな修正を繰り返していくといずれ破綻するのは、HTMLを学んだ人であれば誰でもわかるはず」こんな言葉を耳にしたとき、あなたはピンときましたか？HTMLを触ったことがある人なら、この言葉の意...
ITスキル 短縮URLとは？仕組みとメリットをわかりやすく解説
Web知識 / マーケティング短縮URLとは？仕組みとメリットをわかりやすく解説「短縮URL」という言葉を聞いたことはあるけど、どういうものか分からない…そんな方へ。この記事では短縮URLの基本から、ビジネスで使うメリットまで丸ごと解説しま...
データベース/SQL 「絞り込み」ってどうやるの？WHERE句の比較演算子とLIKE（あいまい検索）を使ってみた
前回の記事では、データベースからデータを取り出す「SELECT文」の基本をお伝えしました。今回はその続き——条件を使ってもっと細かく絞り込む方法を解説します！前回のおさらい前回はWHERE句の基本として「category = 'コーヒー'」...