Webサイトのデザインと制作の教室
「見てわかる」「作れるようになる」をテーマに、Webサイト制作の基礎から応用、デザイン思考、最新技術までを網羅的に解説する、初心者から中級者向けの体系的なラーニングプラットフォーム。
読み物
ブログなどに書いた内容をまとめたコンテンツ。
専門用語は使わず、 分かりやすく解説しています。
連載記事
-
第6週 【コーダー編】AIコード生成は怖くない：エンジニアの仕事がどう変わるか見てみよう
はじめに：「書く速さ」よりも「組み立てる力」の時代へ コーダーやフロントエンドエンジニアの皆さんにとって、AI…
-
第5週 【デザイナー編】AIと一緒に始めるデザイン：アイデア出しをスムーズにする方法
はじめに：AIは、あなたの「思考を広げるホワイトボード」 デザイナーにとって、プロジェクトの始まりは最もワクワ…
-
第4週 AIが苦手なことって何？人間だからできる「気持ち」や「状況」の読み解き方
はじめに：AIの「限界」を知ることは、あなたの「価値」を知ること 先週までは、AIを使って作業を効率化するアイ…
-
第3週 AIに任せてラクになる！毎日の仕事から「単純作業」をなくすアイデア集
はじめに：なぜ「単純作業」をなくすことが大切なのか？ 第2週では、Web制作で役立つ主要なAIツールをご紹介し…
-
第2週 Web制作で試したいAIツール：デザイナー・コーダー別に「使えるサービス」を紹介
はじめに：AIツールはあなたの「作業を減らす相棒」 先週（第1週）は、AI時代に私たちが何を大切にすべきか、そ…
-
第1週 プロローグ：あなたの仕事の「何が変わり、何を大切にすべきか」を整理する
はじめに：AIの進化と、私たちの不安に寄り添う AI（人工知能）の進化は、私たちが想像するよりも速いスピードで…
Web Tips
-
Visual Studio Code（VS Code）-エディタ設定の完全ガイド3
【STEP3 実務編】複数環境・チームで使う場合の設定 STEP1とSTEP2が完了していれば安心です。ここで…
-
Visual Studio Code（VS Code）-エディタ設定の完全ガイド2
Visual Studio Code の設定は、すべてを一度に行う必要はありません。初心者はまず「自動保存」「…
-
第6週 【コーダー編】AIコード生成は怖くない：エンジニアの仕事がどう変わるか見てみよう
はじめに：「書く速さ」よりも「組み立てる力」の時代へ コーダーやフロントエンドエンジニアの皆さんにとって、AI…
-
第5週 【デザイナー編】AIと一緒に始めるデザイン：アイデア出しをスムーズにする方法
はじめに：AIは、あなたの「思考を広げるホワイトボード」 デザイナーにとって、プロジェクトの始まりは最もワクワ…
-
ITが苦手でも、ホームページは自分で育てられる
【ITが苦手でも、ホームページは自分で育てられるを読む】 Kindle版も公開されています
-
主要な日本の伝統色一覧（Web用カラーコード付き）
以下は、実務で使いやすいことを最優先に整理した主要な日本の伝統色一覧（Web用HEXカラーコード付き）です。 …
-
心に響く、日本の伝統色 — 四季の移ろいと歴史が育んだ繊細な色彩の世界
1. 日本の伝統色とは？ 「日本の伝統色」と聞いて、どんな色を思い浮かべますか？ 鮮やかな「朱（しゅ）」、落ち…
-
第4週 AIが苦手なことって何？人間だからできる「気持ち」や「状況」の読み解き方
はじめに：AIの「限界」を知ることは、あなたの「価値」を知ること 先週までは、AIを使って作業を効率化するアイ…
-
第3週 AIに任せてラクになる！毎日の仕事から「単純作業」をなくすアイデア集
はじめに：なぜ「単純作業」をなくすことが大切なのか？ 第2週では、Web制作で役立つ主要なAIツールをご紹介し…
-
【初心者必見！】AIがあなたのWebサイト作りをまるごとサポート！
はじめに：もうWeb制作は難しくない！ 「Webサイトを作りたいけど、デザインもコーディング（プログラミング）…
-
第2週 Web制作で試したいAIツール：デザイナー・コーダー別に「使えるサービス」を紹介
はじめに：AIツールはあなたの「作業を減らす相棒」 先週（第1週）は、AI時代に私たちが何を大切にすべきか、そ…
-
第1週 プロローグ：あなたの仕事の「何が変わり、何を大切にすべきか」を整理する
はじめに：AIの進化と、私たちの不安に寄り添う AI（人工知能）の進化は、私たちが想像するよりも速いスピードで…
-
【効率重視】WordPress「フルサイト編集」はパターン活用で手軽にスタート！
はじめに：サイト構築は「作る」から「組み合わせる」時代へ 「WordPressが大きく変わったらしい」「フルサ…
-
【入門編】ヘッダーもフッターもブロックで編集！WordPressの新しい常識「フルサイト編集」とは？
0. はじめに：なぜ今、フルサイト編集（FSE）なのか？ Webサイト制作の現場は、常に進化しています。HTM…
-
Visual Studio Code（VS Code）-エディタ設定の完全ガイド
Visual Studio Code の設定は、すべてを一度に行う必要はありません。初心者はまず「自動保存」「…
-
Webデザイン基礎入門
企画→デザイン（設計）→実装→テスト→公開→運用の6フェーズの定義と流れについて解説します。 1. プロジェク…
-
WebクリエイターとWebデザイナーの違い
WebクリエイターとWebデザイナーは、どちらもWebサイトやWebコンテンツの制作に携わる職業です。しかし、…
-
ホームページ制作のポイント
ホームページを作るときには、いくつかのポイントに注意する必要があります。ホームページは、あなたのビジネスやサー…
サポートの内容
- サイト構成・管理状況の確認
- 更新しやすい形への整理
- 必要に応じた部分的な修正
Kindle本のご案内
Webサイト制作に関する書籍を執筆しました。
Kindleストアにてご購入いただけます。
お問い合わせ
ご質問はありますか？
あなたのビジネス、新しいプロジェクト、クリエイティブな機会について、いつでもお話しさせていただきます。