#158 AIに丸投げで、サイトをリニューアルした話
自分のやってきたことをまとめたサイト、デザイン知識ゼロの私がAIに頼んで今風に作り変えてみました。
自分のやってきたことをまとめたサイト、デザイン知識ゼロの私がAIに頼んで今風に作り変えてみました。
こんにちは、ちーみつです。
AIを少しずつ取り入れて、
毎日をちょっとラクに。
生まれた余裕がやさしさを育て、
やさしさが広がる未来を願って発信しています。
今回は、ずっと先延ばしにしていた自分のまとめサイトを、
AIの力を借りてリニューアルしたお話です。
デザインの知識がなくても、
「こんな感じにしたい」というイメージを伝えるだけで、
どこまで変わるのか。
その過程で感じた、
AIとものづくりをする楽しさについてお話しします。
「なんとかしたい」けど動けなかったサイト
以前から、
自分の活動をまとめたサイトを
リニューアルしたいと思っていました。
でも、デザインの知識があるわけでもなく、
具体的なアイデアも浮かばない。
「おしゃれにして」
「いい感じにして」
そんな曖昧なイメージしか
伝えられない状態でした。
結局、後回しになっていたのですが、
昨日、やっと重い腰を上げて行動に移しました。
もちろん、今回もバイブコーディングです。
AIに丸投げで、Apple風サイトに？
今回、一つだけやってみたいことがありました。
それは、Appleのサイトでよく見る、
スクロールと連動して画像やテキストが動く、
あの表現です。
言葉で伝わるか不安でしたが、
AIに相談しながら作ってみると、
イメージに近い動きを実現できました。
トップページを縦長の構成に変え、
スクロールに連動して動く要素を入れてみましたが
無駄に動いて鬱陶しいので消しました笑
コンテンツがふわっと表示される部分は残して、
以前よりずっと見やすくなったと、
自分では満足しています。
まだ途中ではありますが、
一旦この形で公開し、
また少しずつ育てていこうと思います。
ちなみにこんな感じになりました。
「欲しいもの」を作れる楽しさ
自分のポートフォリオサイトは、
バイブコーディングを始めるには
ちょうど良いテーマかもしれません。
リニューアルのたびに、
自分の「できること」が増えているのを実感します。
それは、
AIツールの進化のおかげでもありますし、
普段から色々なサイトを見て、
「次はこんなデザインにしたいな」
と意識するようになったからかもしれません。
先日、そんなWebサイトのデザインを記録しておける
Chrome拡張機能を作りました。
メルマガに登録してくれた方は
特典ダウンロードページで配布しているので、
ぜひあなたのアイデアストックに活用してみてください。
ダウンロードページがわからなくなった！
という方はメールでお知らせください。
（私が気づいてなさそうな場合はコメントください😅）
こうした「欲しい」と思ったツールを
自分で作れてしまうのが、
バイブコーディングの何よりの魅力です。
コーディングスキルが必須になる未来
私がバイブコーディングを始めたとき、
「思ったより簡単に作れる」
ことに驚きました。
これからは、
コーディングのスキルが
より一層重要になっていくと感じています。
実際に、ソフトバンクのような大企業も、
そういったスキルを持つ人材を
積極的に採用し始めているという話も聞きます。(https://x.com/nikkei/status/1943981536002318398)
年齢や性別に関係なく、
誰もが気軽に始められる時代。
もし少しでも興味があれば、
簡単なサイト作りからでも、
ぜひ一歩を踏み出してみてください。
手軽に始められるバイブコーディングサイトもあります。
こちらから始めてみるのもお勧めです。
↓から登録すると無料200クレジットもらえます。
https://www.youware.com/invite/AZ7PUJ8DN5
↓の投稿もどうぞ。
最後に
今回はサイトリニューアルの話をしましたが、
AIと一緒に何かを作り上げるプロセスは、
本当に楽しいものです。
「自分にはできない」と諦める前に、
一度AIに相談してみると、
意外な道が開けるかもしれません。
最後まで読んでいただきありがとうございます。
関連記事
この記事を読んで「自分も何か作ってみたい」と感じた方には、こちらの記事もおすすめです。
投稿を音声でも配信しています。
移動中や作業中に、ぜひお聞きください。