オリジナルWebデザインサイトに挑戦すべく、現在WordPress内の固定ページに、ブログのランディングページ（LP）を作成中です。
が、全然進まないですね🤣
※作成の経緯は前回の記事（今後の学習方針とブログのランディングページを作る理由）をご参照ください。
※このブログはキャラクター同士の会話形式で進みます。 → 登場キャラクター紹介はこちら
LPページ作成の進捗状況
恥ずかしながら、まだこんな感じです😅
正直お見せするのもどうかというレベルですが、完成版だけ見せたら「プログラム初心者の学びの記録」ではなくなってしまうので、あえて公開します。
山と同じようにとりあえず装備（見た目）から入ろうと思って、ブログをイメージした（プログラムと山）ロゴを作るべく、ChatGPTとGeminiをフル活用したものの、今ひとつしっくりこない！
フン……山頂だけ見せるより、バテてる途中を出すほうがリアルだな。
登山道の1合目あたりでうろうろしている感じかな。初めての場所・初めてのことは手探りだもんね。
登山も学習も最初は道探しからです。迷いながら進む経験こそが、あとで「自分で登れる力」になりますよ。
ありがとう。まだ登り始めだから、コツをつかむまでしばらくかかりそうだよ。
ロゴの作成で手が止まった
ロゴのイメージとして、「山」と「プログラム」を組み合わせて、ロゴ案を考えてほしいとChatGPTに頼んだところ、以下の内容が出てきました。
せっかくだから、山の山頂標識ぽいのものも入れてみることに。画像系はGeminiが強いということで、以下のような指示を出して作成してもらいました。
ブログのロゴを作成してください。
シンプルでミニマルなロゴデザイン。
モチーフは「山」と「プログラミングのカーソル（矢印カーソル）」を組み合わせたデザイン。
山のシルエットの横または頂上に、縦の矢印カーソルがある。
デザインはフラットでベクター風、線は太めでシンプル。
小さなファビコン（16px〜32px）でも識別できる形。
色はやわらかいブルーと白を基調にした、初心者向けで明るい印象。
背景は白または透明。
余計な装飾や文字は入れない。
ミニマルでモダンなテック系ブランドロゴ。
SVGアイコンのようなシンプルなスタイル。
⬇️
ちょっとシンプルすぎるかな。何を表しているかわからないかも。
⬇️
カーソルが浮きまくっているよ！
⬇️
カーソルが山っぽく（ピッケル風）になったけど、やっぱりわかりづらいかも。
⬇️
ドット絵ぽくて、少しはプログラム感があるかな。とりあえずこれをSVG形式（※）にしてみてよ。
SVG形式とは？（AI先生メモ）
ブラウザ対応が広い: 現代の主要なブラウザすべてで標準的に表示可能です。
拡大しても画質が劣化しない: 数値データで描画されるため、どれだけ拡大・縮小しても輪郭がぼやけたり荒れたり（ジャギー）しません。
ファイルサイズが軽い: シンプルなアイコンやロゴ、図解などは、高解像度のビットマップ画像よりも大幅にデータ量を抑えられます。
テキストやコードとして編集可能: 実体はXMLベースのテキストデータであるため、テキストエディタで色やサイズを書き換えたり、CSSやJavaScriptでアニメーションをつけたりできます。
⬇️
ギザギザしすぎて、もはや山かわからないよ！
まとめ
というわけで、結局一番上にあるスクリーンショットの画像を置いてみた、という状況です😂
AIに作ってもらうのも、なかなか一朝一夕には行かないものですね。
「プログラム初心者のつぶやき」の文言自体もロゴ化したいので、引き続きロゴ制作は続けつつ、サイトの中身を作っていきたいと思います。ではでは👋
