ホームページを作成する｜画像生成と会話するAIの魅力と可能性
https://note.com/chat_gpt777/n/n359f5a832274
ホームページを作成しようとするとホームページビルダーのような作成ソフトウェアを使うものだと思っていたが、今回、頼まれて久々に真面目なページを作成している。デザインとか体裁とかを考えるとcss（カスケードスタイルシート）を使ったやり方をしないと旨くいかない。その時ホームーページビルダーは全く役に立たない。cssを含んだページを読みこむと動きが極端に遅くなってしまう。これだけ遅いと少しの変更、追加も出来ない。それとイライラするから余計できない。その時使うのは秀丸エディタ、htmlのソースコードを書いたり直したりして進める。こちらの方はサクサク動いてくれるので気持ちが良い。
今回はコードを書くのにGemini2.5 Proを使って、アウトラインから詳細まで指示しながらコードを書いて貰っている。出来上がったものはホームーページビルダーで見ると遅すぎるので、直接Webブラウザ’「Brave」で確認する。こちらは速いので使える。cssを使う良いところは、全体のデザイン、色など一気に変更が出来る。思いつきでまぁやってみようというのが出来るとこですね。
ホームページの構想はExcelでファイル構成まで作る。プロトタイプはホームページビルダーで表組を使ったたたき台を作って、それを元にcss化していく。でもAIを使えばプロトタイプのテキスト文で指示すれば出してくれる。よく「Visual Studio Code」を勧めているものがあるが、html程度のプログラムならば手軽なテキストエディタの方が使い勝手が良さそうです。1ページはほんの数分で作ってしまうのでチェックの方が大変になってきます。いままでcssは知ってはいたけれど真面目にやるには面倒なのでなるべく手を付けていなかったが、今回使ってみてそれなりに楽しい。
BlueGriffonというホームページ作成用エディタをたまたまパソコン内にインストールされたままになっていたので引っ張り出して使ってみた。やっぱり軽い、使い勝手は良い。ホームページビルダーとは格段に良い。これからは秀丸とこれとGemini2.5 Proを使いこなしてホームページを作ることになりますね。
WYSIWYG編集対応
→ HTMLやCSSの知識があまりなくても、文字装飾・画像挿入・リンク設定などを画面上で操作可能。
HTML5 / CSS3対応
→ モダンなWeb標準に準拠したサイト制作が可能。
クロスプラットフォーム
→ Windows / macOS / Linux で利用できる。
拡張機能対応
→ 有料アドオンを導入することで、フォーム要素やテーブル編集、メディア埋め込み、テンプレートなど高度な機能を追加可能。
ソースコード編集も可能
→ GUIでの編集に加え、直接HTMLやCSSを入力・修正することもできる。
