【Day 1】時間がヤバい!「自己紹介カードジェネレーター」で初日から滑り込みセーフ #30日アプリチャレンジ

(昨日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上で動いている」**というのは、やっぱり感動します。

明日はもう少し?余裕を持って投稿できるかな。(たぶん)

コメントを残す