(昨日noteではあげたのですが、ここではあげてなかったので。。。。。あげます)
今日から始まった、**「AIを使って30日間毎日アプリを作る」**という無謀なチャレンジ。
記念すべき1日目ですが、正直に言います。 時間がヤバいです。
「1日1個なら余裕でしょ」と思っていた数時間前の自分を問い詰めたい。 なんとか日付が変わる前に、意地で形にしました。
記念すべき第1号アプリはこちらです!
📱 Day 1:自己紹介カードジェネレーター
名前や肩書きを入力すると、オシャレな「デジタル名刺」が一瞬で生成されるWebアプリです。
👉 実際に遊べます(デモサイト) https://kotodamablog.sakura.ne.jp/30days_antigravity/1day/index.html
🛠️ こだわりポイント
AI(Antigravity)に「モダンでかっこいい感じで!」とざっくりオーダーしたところ、今風の**グラスモーフィズム(すりガラス風のデザイン)**を採用してくれました。
- 背景アニメーション: ふわふわ浮いている球体(コードを見ると background-globes というクラス名でした)が、少しだけリッチな雰囲気を演出しています。
- カラーピッカー: 自分の好きな「アクセントカラー」を選べるようにして、オリジナリティを出せるようにしました。
- PDF保存機能: 実はこっそり「PDFで保存する」ボタンも実装されています(スマホだと挙動が怪しいかもしれませんが、PCなら動くはず…!)。
😭 1日目の感想
「Antigravity」のおかげでコードを書く時間は短縮できましたが、細かいデザインの調整や、「これ本当に動くの?」という確認作業に意外と時間を持っていかれました。
でも、**「自分の作ったものがWeb上で動いている」**というのは、やっぱり感動します。
明日はもう少し?余裕を持って投稿できるかな。(たぶん)