00:00
ハチコの毎日ちょこっとAIらじお。おはようございます、ハチコです。
この番組では、仕事でもプライベートでも気ままにAIを楽しんでいる私、ハチコが、AIでできたことやおすすめのAI活用法などをゆるーく語っています。
さて、6月12日木曜日、皆様いかがお過ごしでしょうか。
まとめサイトの開設
私は、ようやくリットリンク風まとめサイトを作りました。
作ったのが数日前というか、きっかけは、日曜日のバイブコーディングについて語る座談会を聞いて、
その時に、木早さんとか総理さんが、こういうの作ったらいいんじゃないみたいな話をしていたので作りました。
私自身、SNSのアカウントはあるけれど、自分のホームページというものもなかったので、まとめサイトなら気軽でいいかなと思って作りました。
なので、今日はその話をしようかなと思います。
自分のサイトがないと言ったんですけど、実はね、
うーん、あれはいつだったかな?
先月に、VZEROがーとか言ってた頃に、自分のサイトを一回作ったんですよ。
作ったんだけど、自分のサイトとして公開するんだったら、バーセルとかはやらなくて、
自分のドメインを持っているので、それを使いたいなーと思ったんですよ。
そしたらですね、私はメルマガを細々とやってるんですけど、
メルマガの方に独自ドメインをドカーンと当てちゃってて、
サブドメインでもいいんだけど、
どっちかって言ったら、自分のサイトを主なドメインにして、
メルマガの登録するページとかの方がサブドメインの方がいいかなーって思って、
その切り替えをするのが億劫で、
それでね、そのまま作りっぱなしになってたんですよね。
だからそれもいつかホームページっぽいやつもあげてもいいかなーって思うけども、
どうしようかなー、まとめサイトでいい気もするけど、
そっちはね、一応口コミとかも載せてみてるんだよね。
ちょっとまた気が向いたら、そっちも公開してみようかなと思います。
サイトの構築プロセス
で、リトリング風まとめサイト、私はこんな風に作りましたっていう話をしていこうと思います。
まず使ったのはクロードコードです。
で、クロードコードとかその前のやり取りしていた会話が見えないのは、
チャットGPTとかだと見れるけど、クロードコードとかは見えないんですよね。
残らないっていうか。
一回バツで閉じちゃうと消えちゃうから、それがわかんないんですけど、
確かリトリング風のまとめサイトを作ってくださいって言って、
自分の名前と自己紹介と、こういうリンクが欲しいですっていうことを渡しました。
で、一回作ってもらったら、ダミーのリンク先とかを入れてくれてたんで、
そこに実際のXだったらXの自分のプロフィールページとか、
ユデミだったらユデミの、ユデミは別の方に作ったんだ。
スタイフのリンクとか、あとスポティファイね。
スポティファイ実はやってるんです。
スタイフと連携してるやつなんで、スタイフと内容が一緒なんですけど、
これをここで喋ったらみんなスタイフを聞いてるんだよね、きっとね。
スポティファイの方が都合が良いという方がいたら探していただいて、
もしくはメルマガにリンクがひっそりとついてるんで、
よかったらスポティファイもよろしくお願いします。
話が横にされましたが、そういったリンクを全部、
上から行ってきますみたいな感じで、全部渡して、
工藤店とかで切って、ペタペタペタペタ貼って、
いいやって投げて、やりました。
で、あと色を指定したんですよ、私は。
これをスタイフのアイコンにしているターコイズブルーと、
あと山吹き色みたいな、急にわめみたいなね、
なんて言ったらいいんだろうな、
みたいな色をサブカラーとしてデザインしてください、
みたいにお願いしましたね。
あとは、そこまで作ってもらって、
結構シンプルで綺麗なサイトになったんですけど、
そろそろ、あとアイコンね。
アイコンは、クロードコードの場合は、
そのチャット欄にぴゅって、
ドラッグ&ドロップとかはできないんですけど、
自分が作っているプロジェクトホルダーの下に、
サンプルみたいなホルダーを置いて、
そこに使いたいアイコンの画像を置きました。
このサンプルっていうホルダーの中にある、
プロフィールっていう名前の画像が、
私のプロフィール画像なんで、
これを使っていい感じに配置してください、みたいな。
私はね、丸くアイコンみたいに、
よく見るアイコンみたいに丸く切って欲しかったので、
丸くしてください、みたいに言ったら、
やってくれました。
あとはね、背景かな。
背景が最初にシンプルな一色だったんで、
ちょっと六角形っぽい雰囲気の、
どこかから無料の壁紙みたいなのを探してきて、
それもサンプルの中に入れて、
この画像みたいな感じの模様の、
シンプルな背景にしたいって言ったらですね、
それも適当にやってくれました。
でもちょっとまだシンプルかなって思ったんで、
アイコンを追従するような、
ポワポワみたいな、
ちょっとホタルビー的な感じのやつを、
アクションっていうのか、
アニメーションみたいなのを入れて欲しいって言ったら、
それもやってくれました。
そこまでやって、
UDEMYのページも欲しいなってそこで思って、
UDEMYのリンクから飛ぶUDEMYの、
それぞれの講座が分かるようなページを作って、
って言ったらですね、
講座も勝手に想像で作って、
デイアウトも作ってくれて、
そこに私が今出している講座名と、
それぞれのリンクを渡してお願いしたら、
勝手に新着とか、
最安値とか、
上に出るように、
見ていただけたら分かります。
今そういうの出してるから。
そういう分かりやすいアイコンも配置してくれて、
なかなかいいサイトになったと思います。
せっかくUDEMYのサイト作ったんで、
クーポンと講座の紹介
今クーポン出してます。
私今3つ講座出してるんですけど、
会社員がAI活用をどうやったらいいかなっていうのと、
あと初めてのDeFiっていう、
ちょっとこれDeFiのバージョンが、
今となっては古くなっちゃってるんですけど、
この2つは無料で出しております。
DeFi古いけど、
本質的なとこは一緒なので、
操作する画面とかはそんなに変わってないので、
ちょっと参考になるかなと思います。
無料だったら受け取ってもらって、
そのうちに更新すると思う。
もうちょっと出したいなって思ってるんで、
そこ良かったら無料のうちにもらっておいてください。
そして画数とLINEを連携して、
Googleカレンダーの予定をLINEに送るっていうのを
作ろうっていう講座も安くなるクーポン出しております。
全て概要欄に今回公開した
リットリンク風まとめサイトから飛べるので、
良かったら、まだもらってないよという方は、
リットリンク風からユーデミのページに行ってもらって、
ユーデミのページからポチッとしてもらえると、
コードが出ますので、
お安くもしくは無料でお手に取っていただけますので、
よろしくお願いします。
ということで、こんな風にやり取りをしながら、
まとめサイトを作りましたよというお話でした。
参考になったら嬉しいですし、
これを聞いて、
自分も作ってみようかなという方は、
ぜひぜひやってみてください。
別にクロードコードじゃなくても、
全然ウェブサイトなんで、
リンクとか自分のプロフィール画像とか
使いたいのであればキャンバーもやれるんですけど、
ちょっと一工夫必要なので、
Windowsアフとかが楽でいいかなと思います。
ということで、
今日もここまで聞いてくださって本当にありがとうございます。
一緒にAIで毎日ちょこっと進化していきましょう。
それではまたねー。
