

中嶋悟
名前:中嶋 悟(なかじま さとる) ニックネーム:サトルン 年齢:28歳 性別:男性 職業:会社員(IT系メーカー・マーケティング部門) 通勤場所:東京都千代田区・本社オフィス 通勤時間:片道約45分(電車+徒歩) 居住地:東京都杉並区・阿佐ヶ谷の1LDKマンション 出身地:神奈川県横浜市 身長:175cm 血液型:A型 誕生日:1997年5月12日 趣味:比較記事を書くこと、カメラ散歩、ガジェット収集、カフェ巡り、映画鑑賞(特に洋画)、料理(最近はスパイスカレー作りにハマり中) 性格:分析好き・好奇心旺盛・マイペース・几帳面だけど時々おおざっぱ・物事をとことん調べたくなるタイプ 1日(平日)のタイムスケジュール 6:30 起床。まずはコーヒーを淹れながらニュースとSNSチェック 7:00 朝食(自作のオートミールorトースト)、ブログの下書きや記事ネタ整理 8:00 出勤準備 8:30 電車で通勤(この間にポッドキャストやオーディオブックでインプット) 9:15 出社。午前は資料作成やメール返信 12:00 ランチはオフィス近くの定食屋かカフェ 13:00 午後は会議やマーケティング企画立案、データ分析 18:00 退社 19:00 帰宅途中にスーパー寄って買い物 19:30 夕食&YouTubeやNetflixでリラックスタイム 21:00 ブログ執筆や写真編集、次の記事の構成作成 23:00 読書(比較記事のネタ探しも兼ねる) 23:45 就寝準備 24:00 就寝
HTMLとWordPressの違いを理解する基礎
HTMLとWordPressは、ウェブサイトを作るときの「道具箱」の中の二つの扉です。HTMLはウェブページそのものを作るための言語で、ページの構造を決める基本的な材料です。
一方、WordPressは「CMS」と呼ばれる仕組みで、記事の投稿、デザインの適用、機能の追加を楽にするためのプラットフォームです。
この二つの違いを知ると、作業の流れや必要なスキルが見えてきます。
まず大きな違いを簡単に言うと、HTMLは静的で直接編集する技術、WordPressは動的で管理画面から操作する仕組みです。静的というのは、ファイルをそのまま表示する形で、更新するにはコードを変更してアップロードします。動的というのは、データベースとサーバーの処理で、同じ「記事」をウェブサイトの多くの人に供給できる仕組みのことです。
この理解は、学習の順番を決めるうえでも重要です。HTMLのコア概念を押さえつつ、WordPressの提供する機能を適切に使う方法を身につけると、初心者でも自分の理想とするサイト像を現実的な形で作れるようになります。
HTMLの基本
HTMLは「HyperText Markup Language」の略で、タグと呼ばれる印を使って文章の見た目や意味を決めます。見出しは
、段落は
、リストは
- や
- 、強調はなどを使います。
自分でコードを書いて、ブラウザに表示される結果を直接作る感覚が大事です。
ウェブページの表示はブラウザに左右されやすく、レイアウトを正確に作るにはCSSと組み合わせて使います。
学習のコツは、まず小さなページを作って、段階的に要素を追加していくことです。
WordPressの基本
WordPressはPHPとデータベースを使って、記事、ページ、デザイン、機能を管理するCMSです。
管理画面にログインして、新しい記事を投稿したり、テーマを変えたり、プラグインを入れて機能を追加したりします。
初心者にとっての魅力は、コードを書かなくても美しいサイトを作れる点ですが、柔軟性はHTMLと比べて制限がある場合もあります。
学習のコツは、公式のチュートリアルを読み、実際に自分のサイトを作りながら覚えることです。
使い分けと実践のポイント
HTMLは「小さな部品を積み重ねる感覚」が強く、静的なサイトや学習用の教材、あるいはドラフトとして使われます。
WordPressはブログ型のサイト、更新が頻繁、複数人で運用、デザインを短時間で変更したい場合に向いています。
どちらを選ぶかは、サイトの目的と運用体制で決めましょう。
状況別のおすすめ
- プロジェクトが一つの静的なページだけで済む場合、HTMLは軽くて手早いです。
- 長期的に記事を増やす予定があり、複数人で管理するならWordPressが楽です。
- デザインを頻繁に変えたい場合もWordPressのテーマ機能が便利です。
実務での進め方
まず目的を決め、要件を洗い出します。
次にどちらで作るかを決定し、簡単なプロトタイプを作成します。
実務では、SEOやレスポンシブデザインを意識して、HTMLの知識とWordPressの使い方を両立させることが重要です。
学習のコツは、再現可能な小さな成果物を積み重ね、分からない部分は公式ドキュメントや信頼できる解説サイトを参照することです。
放課後の教室で友だちとウェブサイトの話をしていて、HTMLとWordPressの違いを深掘りした。HTMLは静的なページを作る設計図のようで、コードを書いてそのままの形をブラウザに表示する。WordPressは動的な仕組みを動かす土台で、投稿を追加するたびにデータベースが更新され、サイト全体が自動的に整頓される。二つは補完関係にあり、状況に応じて使い分けるのが賢い。僕は「作る目的がはっきりしていれば、迷わず選べる」という結論に落ち着いた。