こんにちは。上武 ハヤです！今回は【超速報！】Figma Make経由でまさかの！iPhoneアプリ、リリースしちゃいました✨というお話です

みなさんこんにちは☺️
私は「上武 ハヤ（うぇぶ はや）」といいます✨

Web制作に関する動画配信をしているVの者(Vtuber)です！
まずはこちらをご覧ください！

…そうなんです。わたくし上武 ハヤ。
このたび、iPhoneアプリをリリースしましたーーーーー🥳🎊
わーい👏パチパチ🎊✨

アプリ名は【ハヤスキ – HAYA SKILL LOGS -】。

私の名を冠したアプリでもあります👑✨
Web制作・Webデザインに関するスキルアップ用QUIZも500問以上入ってますよ！

App Store URLはこちら！

【App Store URLはこちら・または添付二次元コードからどうぞ！】
https://apps.apple.com/jp/app/%E3%83%8F%E3%83%A4%E3%82%B9%E3%82%AD-haya-skill-logs/id6777277683

Figma Makeが出してくれたコードから、このアプリ制作は始まりました

私が今回、このアプリ制作において最初にやったことは、

「Figma Makeでモックアップをつくる」。という事でした。

以前からお伝えしている通り、
「Figma Makeは、Reactベースのコードが取得できる」わけなんですね。

…と、いうことは。

もうお気づきの方も多いかと思いますが。

「Reactベースのコードが取得できる」なら、「React Nativeが使える」ということなんですね✨

React Native ってなあに😐？

React Native。

ざっくりいうと、

JavaScriptベースで。

Reactを使って書かれたコードを、

iPhoneやAndroidのスマートフォンで動く「アプリにしてくれる」
超強力なライブラリなのです！（Meta社謹製のライブラリです）

…いやあ、私。驚きましたよ。この

React Native の、驚異的な実力に。

Web制作で使ってきたReactが、そのままスマートフォンアプリ制作にも活かせてしまった、という事実に😮

Claude Codeを走らせ、一気にAppStoreに並ぶ状態までもっていきました🫡✨

今回の制作、

生成AIも大活躍 してくれました。

投入したのは
Claude Code です☺️

Anthropic社が世界に誇る、もはや解説不要の、超高性能AIですね。
もう、都内の制作現場などでも導入が進んでいるという話はよく耳にしますので、
きっと実際に、実務で使っている方も、たくさんいるのではないでしょうか😉？

そんな Claude Code 。
今回のプロジェクトでも、その実力を遺憾なく発揮してくれました！

より細かい制作秘話はそのうち、動画化するなどしてお話しようと思いますが。

なんとこのアプリ、

5月2日から制作を始めて、実働20日ほどでAppStoreに並ぶところまで

もっていくことができました🥳🎊
わーい👏パチパチ🎊✨（2回目）

日々のスキルアップや行動を、ログ化して可視化できるライフログアプリです🥳✨

と、いうことで。

今回は、私の名を冠したiPhoneアプリ👑が、

Figma Make + React Native + Claude Code

によって誕生したという。

この事実についてのご紹介でした！

アプリの内容としては、

・毎日の行動を、ライフログとして記録。グラフとして可視化できる
・「何日継続中！」など豊富な通知機能で、スキルアップを習慣化できる
・週ごと、月ごとの振り返り機能あり（何曜日がいちばん行動してるかなどが可視化されます）
・さらに、現役WebデザイナーがつくったWeb制作に関するQUIZも500問以上収録

となっています✨

今後も、このアプリの改善を続けていく予定ですので！
ぜひみなさんも使ってみてくださいねっ☺️

【再掲】App Store URLはこちら！

【App Store URLはこちら・または添付二次元コードからどうぞ！】
https://apps.apple.com/jp/app/%E3%83%8F%E3%83%A4%E3%82%B9%E3%82%AD-haya-skill-logs/id6777277683

上武 ハヤでした～！それではまたお会いしましょう😉！！

（※この記事は内容の品質向上を目的に、随時更新を行う場合があります）