🎓 連載 第8章：HTML/CSSで自分ページを持つ

― 自己紹介ページをメモ帳で作成

HTMLとCSSは、特別な人のための技術ではない。 “自分の情報を、自分の手で持つ”ための最初の一歩。

🗻 2026年、連載第2弾をお届けします。

年始に立てた目標も、

少しずつ日常に戻ってくる頃かもしれません。

でも本当に大切なのは、

「やる気」や「宣言」ではなく、

自然と積み上がる“仕組み”を持つこと。

だからこそ今回は、

「自分の情報を、自分の手で持つ」 ための第一歩を紹介します。

特別なツールも、難しい環境構築も不要。

使うのは メモ帳とブラウザだけ です。

📝 連載について

このブログは、

「プログラミングの楽しさ × Windows PC × 無料でできる実用スキル」

をテーマに、

今日から使えることだけ を届ける連載です。

今回も、いきなり難しいコードは使いません。

「見える形で成果が残る」ことを最優先にしています。

📘 連載プラン：Windows1台 × 無料 × プログラミング的思考

〜全12章で「自分のPCを使いこなせる人」に進化する〜

章	タイトル	ゴール	難易度
第1章	あなたは本当にPCを使えているか？	キーボード＆拡張子で“使いこなし”の第一歩	★
第2章	時短キーボード術で人生が変わる	Ctrl系・辞書登録・入力爆速化	★
第3章	ファイル管理のコツだけで仕事が早くなる	整理術・自動リネーム・階層構成	★
第4章	クリック地獄からの脱出（バッチ＆AHK）	ボタン1つで作業を終わらせる	★〜★★
第5章	Excel/VBAの超基本と裏技	Excelで請求書、関数、VBAの感動体験	★〜★★
第6章	Googleだけで会社が回る（GAS入門）	スプレッド＋Gmail＋フォームの自動化	★★
第7章	ブラウザがあなたのツールになる（ブックマークレット）	Web画面上の操作を自作ボタンで	★
第8章	HTML/CSSで自分ページを持つ	自己紹介ページをメモ帳で作成	★★
第9章	JavaScriptと会話してみよう	動くボタン・判定処理の楽しさ	★★
第10章	APIとつながる体験（ChatGPT/天気）	外部情報を取り込む力	★★★
第11章	LINEやGmailが“勝手に動く”世界	自分の代わりにBotが動く仕組み	★★★
第12章	「1人で会社を自動化」する設計力	全ツール連携＋自分用業務システム化	★★★★

🔍 今日のテーマ

「HTML/CSSで自分ページを持つ」

SNS、ブログ、プロフィール欄。

あなたの情報は、今どこにありますか？

多くの人は、

「どこかのサービスの中」に自分を預けています。

でも今回は逆です。

自分で作った1ページを、自分の意思で表示する。

それだけで、

ITとの距離感が一気に変わります。

記事の続きは…

laughtey.com を定期購読してお読みください。

今すぐ申込む