3,682 文字
これは私のために実際に動作するモバイルアプリケーションを作成した最初のAIです。React Nativeを使用して構築されており、たった1つのプロンプトで動作するモバイルアプリケーションができました。今は私の携帯電話で動作していますが、React NativeアプリケーションなのでExpoを通じて実行されています。これは広告ではありません。YC企業のa.deというものを見つけて、とても興味深いと感じました。
というのも、私はこれまでモバイルアプリケーションを開発できないと感じていたので、それは常に目標の1つでした。今日、Wordleゲームの単純な機能ではありますが、これを作れたことはとても興味深かったので、このビデオを作ることにしました。このビデオは教育というよりも、より探索的な内容になります。この特定のものを作るに至った過程を見ていき、他に何か作れるかも見ていきましょう。
まず、このサービスはとても使いやすいです。A.Dにアクセスしてログインするだけです。私は「Wordleにインスパイアされたモバイルゲームで、ユーザーは制限された回数内で単語を推測します。ゲームはスタイリッシュなUI、デイリーソーシャルチャレンジ、ソーシャルシェア機能、最適な競争モードを持ちます」と入力しました。
このゲームにはそれらの機能の多くはありません。見てわかる通り、獲得したもののスクリーンショットを撮るシェア機能はありますが、それ以外の機能は見当たりません。しかし重要なのは、これが実際に動作するWordleゲームだということです。
最終的に「phone」が答えだと当てることができました。これはとても興味深いことです。これらすべてが数秒で起こりました。これを動作させるにはこのウェブサイトにアクセスして何かを尋ねる必要があります。Androidスマートフォンで実行するには、Expo goというアプリをインストールする必要があります。これら2つが利用可能であることを確認してください。
次に、フラッシュカードを作ってみましょう。Duolingoにインスパイアされた、素晴らしいUIとモダンな見た目を持つシンプルなフラッシュカードアプリを作りたいと思います。プロンプトにはChatGPTを使用して技術要件を取得することもできますが、このビデオはとてもライトでシンプルに保ちたいと思います。
これは初心者向けにデータサイエンスのアルゴリズムと面接質問を教えるためのものです。データサイエンスの面接質問の知識に基づいてサンプルデータを自由に使用してください。また、ユーザーが知識をテストする機能や、日々のスコアのログ、チェスワールドのようなパズルレーサーも必要です。
これを送信して何が起こるか見てみましょう。送信すると、一時的なチャットセッションが読み込まれ、コーディングが始まります。プロンプトが表示され、フラッシュカードのためのモダンなカードUIとフリップアニメーション、進捗の追跡と日々のストリーク、クイック学習のためのパズルレーサーモード、美しいアニメーションと魅力的なUI、データサイエンスの基礎に焦点を当てたサンプル質問などが説明されています。
コーディングが始まり、すでに何かが作成されています。プロンプトを送信してから数秒で完成しました。「線形回帰とは何ですか？」というカードをタップしてフリップすると、「教師あり学習アルゴリズムでモデル化します」という答えが表示されます。正解か不正解かを選択できます。
アプリの準備ができました。このアプリを見るには、まずアイテムを追加する必要があります。ChatGPTに行って、特定のフォーマットで50のデータサイエンス面接質問を生成するように依頼することができます。
コードを取得して貼り付けている間、Canvasが開かれています。これはChatGPTのアーティファクトです。まだ進行中で、様々な質問が生成されています。「勾配降下法とは何か」など、後で難易度を上げることもできます。
これらすべてをコピーして、最後まで確認してから貼り付けます。保留中の変更があるものの、サンプルデータを貼り付けて保存します。この時点で約50の質問があるはずです。エラーは発生していないようです。
ここで「携帯で表示」をクリックすると、2つのオプションが表示されます。iOSの場合は専用アプリをダウンロードする必要がありますが、AndroidではExpo goをダウンロードできます。私はすでにExpo goを持っているので、URLをスキャンするだけです。
スキャンすると読み込まれ、表示されます。「線形回帰とは何か」をプレイできます。タップしてフリップすると、「教師あり学習アルゴリズム…」と表示されます。毎回フリップする必要があるのは良いのですが、Tinderのように上下にスワイプできたら良いと思います。
「これは素晴らしいですが、Tinderのような左右スワイプが欲しいです。また、UIが退屈なので、もっとカラフルでゲーム化してください」と伝えましょう。12のメッセージがあり、Tinderのようなスワイプアニメーション、より鮮やかな色、遊び心のあるUIの実装が始まりました。
コードが完成したら、このチャットセッションから新しいアプリを作成できます。「データサイエンス面接」などの名前を付けることができます。URLスラグを入力して新しいアプリを作成し、チャットが終了するのを待ちます。
アプリが更新され、新しいUIは実際にかなり良いものになりました。レベルなどが表示されています。これは興味深いですが、次に進む方法がわかりません。知らない場合は左にスワイプするようです。正直なところ、この時点でアプリの使い方がわかりません。
スワイプが難しく、他の機能も追加する必要があります。実装中に遊んでみると、UIは気に入っています。グラデーションは素晴らしく、以前よりも鮮やかです。機械学習がタグとして基本的な難易度として表示され、ディープラーニングも追加される予定です。
しかし、スワイプの方法がわかりません。線形回帰について…知っている場合は右にスワイプ、知らない場合は左にスワイプするようです。a.deという名前の由来は知りません。参照がわかれば教えてください。誰も話題にしていないのは驚きです。ビデオやツイートも見たことがありません。
アプリは進化し、より良いUIになりました。3D効果もあり、P値の説明などの質問に「わかった」「わからない」で回答できます。スワイプは機能していませんが、進めていきます。
「タイトルの下に質問も同じビューで表示してください。フラッシュカードがこのように機能するかわかりませんが、クイズ機能も追加できますね」と提案しました。パズルレーサーモードはエラーで動作しませんでしたが、興味深いです。
前のゲームは残っていますが、変更を実装中です。履歴で確認できるモバイルアプリで、UIは以前よりも少し不格好になりました。ベストプラクティスに従い、新しいメニューのために消えた「OK」や「NO」のボタンも対応する必要があります。
この段階で完了し、crazy changeを行う前にこれらを知っているべきでしたが、ここまでは良好です。このようなアプリを作ることは夢にも思わなかったので、APKを作成して動作するか確認してみたいと思います。
レイアウトの問題は残っていますが、少なくとも他の部分は修正されました。エクスポートして使用する方法を考えてみましょう。アプリケーションがここにあるので、更新または新しいチャレンジを取得するオプションを追加できます。
サーバーがダウンしているかもしれませんが、更新して新しいチャレンジを取得するオプションを追加しました。コードを書いている最中で、これが完了したらエクスポートします。更新ボタンができたので、「phone」が正解かどうか試してみます。正解ではないので、更新をクリックして新しいゲームを要求できます。
ZIPとしてエクスポートし、Vercel React Nativeとして保存します。解凍すると、React NativeのWordleゲームの完全な動作プロジェクトができました。App StoreやPlay Storeへの公開がもっと簡単になることを願っています。それは非常に魅力的でしょう。
現時点ではメッセージをすべて使い切りましたが、モバイルアプリケーションの開発を本当に簡単にする新しいスタートアップについて完全に新しいことを学びました。あなたの意見を聞かせてください。非常に直接的ではありませんが、これは私にとって初めてエンドツーエンドで動作したソリューションです。APKとしてエクスポートして誰かに送り、このアプリケーションをインストールしてもらえるかどうか見てみるのは興味深いでしょう。
あなたの考えを聞かせてください。また別の動画でお会いしましょう。ハッピープロンプティング！
コメント