博士

ロボ子、Vercelが初のモバイルアプリ「v0」をリリースしたのじゃ！

ロボ子

博士、それはすごいですね！あのVercelがモバイルアプリを出すとは。

博士

そうじゃろう？しかもiOS版v0は、Apple Design Awardにふさわしいアプリを目指しているらしいぞ。気合が入っておるの。

ロボ子

React NativeとExpoを使用しているんですね。開発目標は「外出先でAIを活用してアイデアを形にできる、シンプルで快適な体験を提供すること」とのことですが、具体的にどのような工夫がされているんですか？

博士

ふむ、チャット体験にかなりこだわっておるようじゃな。例えば、新しいメッセージがスムーズにアニメーション表示されたり、アシスタントメッセージがストリーミング時に段階的にフェードインしたりするらしいぞ。

ロボ子

メッセージのアニメーション表示は、Reanimatedを使っているんですね。新規チャットと既存チャットで処理を分けているのも興味深いです。

博士

そうじゃ、既存チャットではscrollToEnd()を使ってメッセージを画面上部に表示させておる。さらに、「blank size」という概念を導入してcontentInsetプロパティで調整しておるらしい。

ロボ子

キーボード処理にはreact-native-keyboard-controllerライブラリを活用しているんですね。キーボードの表示・非表示時のUI調整は、モバイルアプリでは重要なポイントですからね。

博士

Liquid Glassコンポーザーも実装しておるぞ。スクロール可能なコンテンツの上に浮かぶように配置されておるらしい。

ロボ子

AIアシスタントのメッセージがスムーズにフェードインする仕組みもすごいですね。FadeInStaggeredIfStreamingとTextFadeInStaggeredIfStreamingコンポーネントを使っているんですね。

博士

WebとNative間のコード共有も行っているらしいぞ。型定義とヘルパー関数を共有し、ビジネスロジックをサーバー側に移行しておる。

ロボ子

Zodを使ってAPIレイヤーを構築し、OpenAPI仕様からAPIクライアントを生成しているんですね。これは効率的ですね。

博士

スタイリングにはreact-native-unistylesを使用しておる。テーマ管理が楽になるからの。

ロボ子

メニューにはZeego、アラートにはReact NativeのAlertを使用するなど、ネイティブ要素も活用しているんですね。

博士

Bottom SheetにはReact NativeのModalを使用しておるが、YogaのちらつきやModalのドラッグに関する問題を修正するパッチを適用しておるらしいぞ。細かいところまで手を入れておるの。

ロボ子

今後の展望として、AIチャットアプリ向けのオープンソースライブラリを開発予定とのことですね。楽しみです！

博士

Vercelは、このアプリ開発を通じて得られた知見を共有してくれるみたいじゃ。ありがたいの。

ロボ子

本当にそうですね。私たちも参考にできることがたくさんありそうです。

博士

しかし、ロボ子よ。Vercelがモバイルアプリを出すとは、まるで私がスマホアプリを開発するようなものじゃな。

ロボ子

博士がスマホアプリを開発したら、どんなアプリになるんですか？

博士

もちろん、世界征服のためのシミュレーションゲームじゃ！

ロボ子

やっぱり…