こんにちは、びーすけです。
今日は土曜日ということで、開発(という名のブログいじり)に没頭していました。
せっかく「自分だけのFXアプリを作るぞ!」と意気込んでブログを立ち上げたものの、初期状態のWordPressはなんだか殺風景……。
そこで本日のミッションは、「ブログの見た目をいい感じにして、実験室っぽくする」こと。
AI(Google AI Studio)という強力な助っ人に指示を出しながら、メニューバーの設置と、ブログの顔となる「ヘッダー画像」の作成を行いました。その過程をシェアします。

事件発生:せっかく書いたプロフィールがない?
まず最初に、先日作成した「運営者プロフィール」の記事を公開しました。
「よし、これで読者さんに自己紹介ができるぞ!」と思ってブログのトップページを見てみたのですが……。
「……あれ? どこにもリンクがない?」
記事は公開されているはずなのに、ブログ上のどこを探してもプロフィールページへの入り口が見当たりません。
焦ってすぐにAIに相談しました。
びーすけ: 固定ページ「プロフィール」を公開したのですが、現在ブログから開くことができません。どうすればいいですか?
AI先生: 公開おめでとうございます!それはWordPressあるあるですね。固定ページを作っただけでは自動的にメニューには表示されません。「メニュー」を作成して、そこに追加する必要があります。
なるほど、記事を書くだけじゃダメで、ちゃんと「ここに置いてね」と設定しないといけないんですね。
AI直伝!3分で終わるメニュー設定
AI先生に教わった通り、以下の手順で設定を行いました。
- 「外観」→「メニュー」へ移動。
- 「ヘッダーメニュー」という名前で新しいメニューを作成。
- 左側のリストから「プロフィール」を選んで追加。
- メニューの位置を「ヘッダーメニュー」にチェックして保存。
これで無事にトップページに「プロフィール」が出現しました!
さらにAIから、「メニューが1つだけだと寂しいので、これから書く予定のカテゴリーも先に作って並べておきましょう」というナイスな提案が。
- 開発実験ログ(アプリ開発の記録)
- トレード検証日誌(トレードの実戦記録)
まだ記事は1つもありませんが(笑)、「これからこういうことをやるぞ!」という宣言も兼ねて、これらをメニューに追加しました。
これで、画面上部にメニューがズラッと並び、一気に「ちゃんとしたブログ」感が出てきました。
ブログの顔!AIでヘッダー画像を作る
メニューが整ったところで、次はいよいよ「ヘッダー画像」です。
ブログを開いた瞬間に目に入る、いわばお店の看板。
「B-Studio」のコンセプトである「FX × 開発 × 実験室」というイメージを画像にしたいけれど、僕はデザインなんてできません。
そこで、ここでもAIの出番です。
AIに「実験室っぽいかっこいい画像のプロンプト(指示文)を考えて」とお願いし、提案されたプロンプトを使って画像生成AIに描いてもらいました。
▼ 生成に使ったイメージ(プロンプト)
未来的なトレーディングデスクのクローズアップ。暗い部屋で複数のモニターが青白く光り、FXのチャートとプログラミングコードが表示されている。サイバーパンク風の実験室のような雰囲気。
生成ボタンを押して数秒後……出てきた画像を見てびっくり。
「これ、本当に僕のブログ?」と思うくらい、クールで没入感のある画像が出来上がりました。

さっそくCocoon設定からヘッダーに設定してみると、まさに「秘密基地」のような雰囲気に!
今日の実験結果
本日の作業成果をまとめました。
| 項目 | 結果・効果 |
|---|---|
| メニュー設定 | 記事への導線ができて、サイトらしくなった。 |
| ヘッダー画像 | AIのおかげで、プロっぽい見た目(秘密基地感)になった。 |
見た目が整うと、モチベーションも上がりますね。「よし、ここに良い記事を積み上げていくぞ!」という気持ちが強くなりました。
徐々にブログが形になってきていい感じです。
次回はいよいよ本題、自作アプリに組み込むための「半裁量トレードルール」の検討に入りたいと思います。
それでは、また!

コメント