本動画は、プログラミング経験がゼロの配信者がAIツールを使用して株式ポートフォリオダッシュボードを構築する過程を記録したものである。新型MacBook Pro M4 Proを入手したことを契機に、ReplitのAIエージェント機能を活用した初めての本格的なバイブコーディングに挑戦する。ChatGPTからアドバイスを得ながら、Replitの自動コード生成機能を利用してアプリケーションを構築していく過程で、無料プランの制限に直面し有料プランへのアップグレードを余儀なくされる。開発中には株価データの不正確性やグラフ表示の問題など複数の技術的課題が発生するが、AIエージェントとの対話を通じてこれらを解決していく。最終的には購入日からの自動株価取得機能を含む実用的なポートフォリオトラッカーの完成に至る。約数時間の作業で15ドルの費用がかかったものの、コーディング知識なしでも機能するアプリケーションを構築できることを実証した内容となっている。
新しいMacとバイブコーディングへの挑戦
さて、皆さん。今日はちょっと違うことをやってみようと思います。ついに新しいコンピューター、MacBook Pro M4 Proチップを手に入れました。これは私の以前の2019年製Intel チップ搭載Macからの大幅なアップグレードなんです。なので、とても興奮しています。これはつまり、ついにバイブコーディングができて、画面と音声を同時に録画できるようになったということでもあります。
最近、AIを使えばコーディングがいかに簡単になったか、経験のない人でもゼロからアプリ全体をバイブコーディングできるという話をよく耳にします。そこで今日は、まさにそれを試してみようというわけです。さて、覚えておいてほしいのは、私は人生でバイブコーディングを数回しかやったことがないということです。
それに、コーディングの経験もゼロなので、正直これがどうなるか分かりません。でも、うまくいけば少なくともある程度は面白いものになるか、あるいは少し教育的なものになるかもしれません。まあ、見てみましょう。また、皆さんにコミュニティ投稿で最初に何をバイブコーディングすべきか聞いたんです。
そして、いくつかの回答は控えめに言っても興味深いものでした。皆さんからインスピレーションをもらった後、作ることに決めたのはこちらです。インタラクティブな株式ポートフォリオダッシュボードです。インタラクションできるダッシュボードで、利益と損失を追跡したり、さまざまなシナリオを見たり、そういった類のものです。
このバイブコーディング全体での私の目標は、本当に実用的な性質のものを作ることなんです。AIで、ただ別のフラッピーゴルフやフラッピーバード、あのゲームは何て呼ばれるんでしたっけ、それとか雑なスネークゲームなんかを作りたくないんです。だって、みんなもうそれをやってますから。私は実際に実用的で、日常生活で実際に役立つ可能性があるものを作りたいんです。では始めましょう。
ChatGPTに助けを求める
最初にすることは、ChatGPTを開くことです。なぜなら助けが必要だからです。なので、ChatGPTにReplitでインタラクティブな株式ポートフォリオダッシュボードを作り始めるにはどうすればいいか聞いてみます。では、これを書きます。やあChatGPT、Replitで初めてバイブコーディングを試しています。
インタラクティブな株式ポートフォリオダッシュボードを作りたいんです。どのように始めればいいですか?さて、ChatGPTが何をくれるか見てみましょう。なるほど、バイブコーディングを始めるのに完璧なプロジェクトですね。ありがとうございます。Replitを使っているので、最も簡単なセットアップはPython Streamlitです。それが何かは分かりません。それと株価データ用のYahoo Finance APIです。
なるほど、依存関係は…さて、依存関係というのはコーディングで使われる言葉だと知っていますが、それが何を意味するのか本当には分かりません。なので、それは頭の片隅に置いておきましょう。では、Replitで、Pythonのreplを作成します。ファイル名を追加します。この最小限のstripを貼り付けます。なるほど、でも実際にはこれらのどれもやる必要はないと思います。
ステップ3、ポートフォリオ機能を追加します。なので、これは手動でやる場合のものだと思います。Replitがたぶんとにかく私のためにこれをやってくれると思います。なので、インタラクティブな株式ポートフォリオダッシュボードを作りたいです。チャットを開始します。これが何をするか見てみましょう。
Replitでアプリ作成開始
さて、始まっています。本当に考えています。これについて本当に考えています。ああ、なるほど。ただアプリを作り始めているだけだと思います。ご覧のように、私は無料版を使っています、無料スタータープランです。なので、どれだけのツールにアクセスできるのか正確には分かりませんが、進めながら見ていくことになると思います。
今はアプリを作成しているだけですが、何も見えません。なので、それが表示されるのかどうか分かりません。ちょっと時間をかけて、画面が変わったら戻ってくると思います。数分後。さて、数分後に戻ってきましたが、ずっと「アプリを作成中」と表示され続けています。
なので、進捗がどうなっているのか分かりませんが、ここに「プロンプトを改善する」という別のボタンがあったので、それをクリックしたら実際にこれらすべてが追加されました。ここには「コア機能」と書いてあります。購入価格と数量で株式保有を追加・管理する。それは間違いなく欲しい機能でしょう。リアルタイムの株価更新とポートフォリオ価値計算。それは間違いなく便利です。パフォーマンスを示すインタラクティブなチャート。
個別株式の詳細、価格履歴、主要指標。それは間違いなく…これらは間違いなく私がこのダッシュボードに欲しいと思うすべての機能です。私が考える必要すらありませんでした。AIが文字通り自分自身でそれらを考えてくれたんです。なので、これを作成し続けさせます。どれくらい時間がかかるか分かりません。どうやって確認すればいいかも分かりません。本当にそれを教えてほしいです。これはちょっとフリーズしているだけだと思い始めています。分かりません。分かりません。もう少し時間をかけて、また戻ってきます。
さて、これは間違いなくフリーズしていると思います。なので、リフレッシュしてみます。どうなるか見てみましょう。なるほど、スタータープランの使用制限を超えました。うわあ。何も作っていないのに。まあいいです。アップグレードしなければならないみたいです。
有料プランへのアップグレード
さて、皆さん。戻ってきました。そして今、Replicate Coreを持っています。少なくとも1本の動画は購入せずにできると思っていたんですが、まあ、できませんでしたね。では、アプリに行きましょう。なぜなら、私たちが作ったとされるアプリがどこにあるのか気になるからです。なるほど、実際には作られていないようですが、ここにまだプロンプトがあります。なので、もう一度チャットを開始するだけでいいと思います。どうなるか見てみましょう。
なるほど。ドン。これは…なるほど。これは今動いているように見えます。なるほど。間違いなく前はフリーズしていました。さて、文字通り「作業中」と書いてあります。良い兆候です。なるほど、インタラクティブな株式ポートフォリオダッシュボードを作成するのをお手伝いします、リアルタイムデータ追跡、データ追跡、パフォーマンスの可視化付きで。このプロジェクトを強化できる関連する統合を検索させてください。なるほど。以下の機能を含めます。株式保有の追加、編集、削除。なるほど。はい。リアルタイムの株価更新。はい。
ポートフォリオ概要ダッシュボード。これは良いです。良さそうです。なるほど、リクエストに基づいて機能リストを作成しましたと言っています。すべて問題なければ、作成を開始できます。どのように続けたいですか?アプリ全体を構築する。デザインから始める。なるほど。そうですね。基本的に2つのオプションがあります。
エージェントにアプリ全体を構築させることができます。そうすると約20分以上かかり、基本的に何もする必要はありません。エージェントに文字通りすべてを引き継がせて、ゼロからアプリ全体を構築させるだけです。または、デザインから始めることもできます。これは5〜10分かかります。
プロトタイプが得られて、その後ビジュアルや機能について繰り返し作業できます。このバイブコーディング動画のために、デザインから始めることにします。どうなるか見てみましょう。
プロトタイプの作成
なるほど、約3分後に今、何かが起きています。高忠実度の株式ポートフォリオダッシュボードのプロトタイプを作成しますと言っています。まずフォントを設定してから、コンポーネントを構築します。なるほど。
では、なるほど。ここで、ここにある小さなタブでコードを見つけることができます。閉じることもできるし、表示することもできます。これはプロトタイプのコードです。ええ、これが何を意味するのか全く分かりませんが、今すべてのコンポーネントとその例を作成すると思います。さて、何でしょう?これは何でしょう?これらはすべてコンポーネントです。なるほど。ポートフォリオヘッダー。これがコードだと思います。これがポートフォリオヘッダーのコードです。これもです。繰り返しますが、これが何を意味するのか全く分かりません。ここには悲しい顔さえあります。興味深い。泣いている顔のような。分かりません。それが何なのか分かりません。なるほど、ここにコードがあります。ああ、ここにまたあります。多分これは何か。多分これは普通のことです。今本当に馬鹿げたことを言っているかもしれません。分かりません。
なるほど。これはパフォーマンスチャートのコード、保有テーブルのコードです。なるほど。今、大量のコードが生成されています。ああ、1つクリックしました。なるほど。実際にこれらのタブの1つをクリックすると、コードをより詳細に見ることができます。
それはかなり興味深いです。文字通りウィンドウのタブのように、タブとしてポップアップします。なるほど。それらを閉じることもできます。そしてこれが私のプレビューです。これが私のメインタブです。なので、これが最終製品がおそらく表示される場所です。それが私の想定です。なるほど。
今、LSPエラーをチェックして、必要なharrowアイコンをインストールしますと言っています。なるほど。さて、今何かがポップアップしています。パフォーマンス、保有、Apple、Google、Microsoft、Tesla。なるほど。またパフォーマンスチャートです。ああ、このアプリに到達できませんでした。なるほど。うわあ。これですか?これが…それは速かったです。ちょっと速すぎたような気がします。インストールしました。コードの問題をチェックします。今、メインダッシュボードを作成します。
さて、完成したデザインを表示するためにワークフローを再起動します。スクリーンショットを撮りました。スクリーンショットを撮れるんです。何のスクリーンショットを撮っているんでしょう。RobinhoodとYahoo Financeにインスパイアされたクリーンな金融重視のデザインの株式ダッシュボードを作成しました。プロトタイプには、ポートフォリオ概要、パフォーマンスチャート、保有テーブル、クイック統計、そしてあなたの正確なカラースキームを使用したインタラクティブな株式詳細が含まれています。デザインをどう思いますか?これはすごいです、
皆さん。これはすごいです。今、チェックポイントにいます。初期UI、ユーザーインターフェースコンポーネントとアプリケーション構造を追加します。なるほど、5分の作業で、ポートフォリオトラッカーを作成するのに96セントかかりました。5分で1ドルです。ほんの5年前でさえ、それはおそらく…つまり、私はコーダーではないので分かりませんが、それはおそらく経験豊富なソフトウェアエンジニアにとって少なくとも数時間の作業だったと思います。分かりません。皆さん、コメントで教えてください。でもこれはかなり良いです。
では、ここで見てみましょう。アプリのビジュアルプレビューを作成しましたと言っています。すべて問題なければ、アプリの機能の構築を開始できます。つまり、これはまだ機能していないということです。ご覧のように、ここのさまざまな期間、3ヶ月、1年などの時間長をクリックしても、実際には何も起きません。ここにアクションがあります。
削除したり、この保有を開いたりできます。ええ、できません。なるほど、実際にすでにこれを開けます。時価総額、PER、52週レンジ、出来高、保有状況を表示します。これは基本的に文字通り取引所で得られる株式ポートフォリオダッシュボードです。
わずか5分の作業にしては、これはかなり印象的です。なるほど。株を追加する前に、機能を構築して、動作するようにすると思います。機能を構築して動作するようにしましょう。どうなるか見てみます。なるほど。
バックエンドの統合とバグ修正
今、バックエンドAPIルートを作成して、株式データAPIを統合しています。なので、今、基本的にライブデータをスクレイピングして、ここのウェブサイト、アプリに接続しています。これがそれを行うためのコードです。30以上、39以上の変更が表示されていません。なので、私が話している間に39の変更を加えたと思います。かなりすごいです。サーバールートを編集します。これはさらなるルーティングです。なるほど。
繰り返しますが、皆さん、今何が起きているのか分かりません。つまり、何が起きているかは理解していますが、でもどうやってそれをやっているのか、あるいは実際に何をしているのか本当には理解していません。でも、それが何をしようとしているのかは理解しています、それが意味を成すなら。なので、ええ、これは本当に私のようにコーディング方法を知らない人のためのビデオです。
そして、つまり、これがうまくいくかどうか見ているだけです。バイブコーディングがうまくいくか、バイブコーディングがどう進むか見ています。なるほど、ここで問題に遭遇しました。TypeScriptエラーを修正する必要があると思います。クエリクライアントの実装をチェックして、型を修正します。なるほど。ああ、なるほど。ああ、なるほど。これがクエリクライアントのTypeScriptです。これが何をするのか分かりませんが、これに問題があると思います。
でも問題は見えています。APIリクエストシグネチャは期待していますが、私は最初にURLを渡しています。ダッシュボードを修正します。なるほど、できますね、できますね、それをやれます。ああ、ポートフォリオサマリーと保有テーブルの型の問題を修正します。なるほど、できます、できます、それをやれます。
ただ座ってみています。なるほど、良いです。アプリケーションが実行されていて、APIが動作しています。いいですね。ですか?エージェントが取り組んでいます。あなたのアプリは準備ができていません。どうやらまだのようです。ダイアログコンテンツの説明が欠けていることについての警告が見えます。まず株を追加してすべてが動作することを確認してから、それを修正します。
テストまでしています。テストして何が起きるか見ています。これはちょっとすごいです、皆さん。私たちは未来にいます。うわあ。なるほど。今エージェントは何をしているんでしょう?今、APIコールを減らすためにシンプルなクォートキャッシングを追加します。残っているLSPエラーが何か確認して、ログをリフレッシュします。LSPって何ですか、皆さん?LSPエラー。
ただ…ここで開いているGPT-5を忘れていました。実際に聞いてみます。コーディングにおけるLSPエラーとは何ですか?LSPエラー?Language Server Protocolに何か問題が起きました?オートコンプリート、シンタックスハイライトなどのスマートなコーディング機能を提供するコーディング環境の一部です。なるほど。
なるほど。それを修正する方法は?まあ、エージェントがそれを処理していると思います。なので、それを自分で修正させるだけにします。何ですか、これは?今、すべての重大な問題は修正されました。アーキテクトレビューの後、タスクリストを更新してすべてを完了としてマークします。共有する準備ができました。このアプリをワンクリックで本番環境に公開します。なるほど。これは公開しません、少なくとも今のところは。でもなるほど。完璧です。アプリはエラーなく実行されています。
今、ユーザーに確認して、すべてが期待通りに動作するか見てみます。私がユーザーですか?スクリーンショットを撮りました。すべての重大な問題を修正しました。詳細なプロジェクトドキュメント説明を追加します。株式ポートフォリオダッシュボードを説明します。なるほど。これら…なるほど。これらはチェックポイントです。
時々チェックポイントが得られ、エージェントに続行させて、加えた変更が気に入らなければ、いつでもこのチェックポイントにロールバックできます。これは実際にかなりクールです。でも、今は完了したと思います。8分の作業、47のアクション、219行のコード、そして3ドル、これのために、私たちの…なので、これが今持っているものです。ポートフォリオトラッカーがあります。完了したと思います。それを新しいタブで開きましょう。
今は株がありません。なので、株を追加しましょう。なるほど。Teslaを追加しましょう。手動でやらなければなりません。Tesla Inc.、簡単にするため、1000株にします。そしてTeslaは、Teslaは何でしょう、470くらいですか?でもこれはリアルタイムデータだと思っていたんですが。リアルタイムデータを統合したと思っていました。
ええ、なぜそうなるのか分かりません。ああ、1株あたりの購入価格。気にしないでください。これは…なるほど、これは株を購入した金額です。なるほど、それならもっと意味が通ります。では、なるほど。現在価格23436。それは正しいですか?間違っていると思います。間違いなく間違っていますよね?ええ。439。いつ23だったんですか?これは…ただ聞いてみます。
まあ、実際にはまず別の株を試しましょう、Apple。見てみましょう。Appleの現在価格は180だと言っています。それは実際に…見てみましょう。256。なるほど、それはより近いです。でもまだ正確ではありません。なるほど。では、書きましょう、これらの株価は正確ではありません。それは何をしますか?どうしますか?見てみましょう。作業中。
エージェント、Replitエージェントがそれについて何をするか見てみましょう。それに、これに対して追加料金を請求されているんですか?この298は。それは追加料金ですか、それとも月25ドルの一部ですか?後で分かると思いますが、正直分かりません。ああ、使用量は…あれは何て言いましたか?使用量はまず月間クレジットから差し引かれます。なるほど。なるほど、理解しました。なるほど。
では、待って、今何が起きているんですか?アプリがフォールバックモックデータを使用している可能性が高いため、株価が正確でないことを理解しています。Alpha Vantage APIキーが設定されていないか、デモキーを使用しているときです。なるほど、Alpha Vantage APIキーが何なのか分かりませんが、設定されていないか。それを取得できますか?APIキーを直接彼らから取得する必要があります。興味深いです。では、何ですか?なるほど。
つまり、APIキーを購入しなければならないんですか。それは本当に馬鹿げた質問かもしれませんが、ただリアルタイムデータをくれませんか、お願いします?それはうまくいきますか?うまくいくでしょうか?なるほど。ちょっとChatGPTで確認してみます。リアルタイムの株式市場データを持つには、APIキーを購入しなければなりませんか?質問マーク。
株式市場。株式市場。それは素晴らしい質問です。ありがとう。それは「実世界のコーディングの瞬間へようこそ」というものの1つです。なるほど。はい。なるほど。興味深い。でも待って、Yahoo Financeは無料ですよね。でもYahoo Financeは遅延ありで無料だと言っています。なるほど、待って、待って、待って、待って。これを止めましょう。
代わりにYahoo Financeを使えませんか?ChatGPTによると、15〜20分の遅延ありで無料です。私には問題ありません。どう言うか見てみましょう。考えています。なるほど、APIキーを必要とせず無料のYahoo Finance APIを使用するようにアプリを切り替えます。これを実装する最良の方法を検索します。
Yahoo Finance APIへの切り替え
なるほど、これは実際に本当にクールです、皆さん。繰り返しますが、コーディング方法が全く分からないのに、ChatGPT、つまりAIを使い、ReplitというAIエージェントを使うことで、今アプリを作ったり、ウェブサイトを作ったり、それらに変更を加えたりできます。そして、まあ、最終的にライブ株価を持つ動作するポートフォリオトラッカーを作成できるかどうか見てみましょう。完全に自信があるわけではありません。
でも分かりません、多分このYahoo Finance APIがうまくいくかもしれません。見てみましょう。見てみましょう。なるほど、ここには書いてあります。なるほど、完璧です。ログからYahoo Financeが正しく動作していることが分かります。Teslaが実際の株価データで追加されました。ああ、今やっています。既存の保有を取得する際のエラーを適切に処理して、無効なシンボルを持つものにも対応します。
なるほど、それで…ああ、なるほど。私がミスをしたので、今そのミスを再び起こさないように簡単にしています。基本的に今、もし無効なシンボル、つまり株式市場に存在しないティッカーシンボルを入力したら、ただ…まあ、見てみましょう。ただ入力させないようにするんだと思います。
エージェントが今、実際に自分でテストしていると思います。なので、エージェントが私のウェブサイトをテストするのを見ることにします。これはクレイジーです。テストしています。なるほど。株を追加します。開けますか?ええ。これは文字通り今エージェントが作業しています。文字通り今株を追加しています。これはちょっとすごいです。するつもりですか?ああ、そうですね。Microsoft。Microsoftを追加しています。50。それは…なるほど。250。Microsoftを追加しました。ああ、そうですね。
素晴らしい。テストは正常に合格しました。Yahoo Finance統合が完璧に動作しています。実際の株価が取得されています。Microsoftは52398です。それは実際に正しいと思います。本当にすぐに確認してみます。523。ええ、基本的に1ドル違うだけですよね?そんな感じです。
ええ、それは文字通り実際に完璧に正確です。それは驚くべきことです。なので、Yahoo Financeでそれを解決しました。ChatGPTはそこで正しかったです。でもまだ何かに取り組んでいます。何に取り組んでいるんでしょう?アーキテクトが重大なバグを見つけました。
履歴データ関数が失敗しています。なぜなら日付オブジェクトの代わりに文字列の日付を渡しているからです。これを修正します。なるほど、どうぞ修正してください。それが何を意味するのか分かりませんが、ありがとうございます。感謝します。また悲しい顔があります。今度はひげか何かが付いています。ヤギひげのような。あれが何なのか分かりません。ああ、これはdiff、コーディングdiffです。これは…これはデバッグと関係があると思います、そうですよね?分かりません。
皆さん、コメントで助けてください。苦戦しています。ああ、今アプリをテストしています。これを見たいです。今、実際にウェブサイトを使っています。これは…これはすごいことになりそうです。見てみましょう。ああ、株を追加しています。なるほど。また Microsoft を追加するつもりですか?今回はどれを追加するんでしょう?見てみましょう。考えています。ああ、今回はAppleです。なるほど。基本的なものにしました。
でもAppleは正しい価格ですか?100株。100株にしましたね?25648。それは正しいようです。正しいと思います。はい。25648。またしても正しいです。なので、なるほど。今、2つのテストを行いました。Microsoftでのテストと、Appleでのテストを行いました。なので、動作していると思います。
問題ないと思います。見てみましょう。まだ何かをやっています。今何をしているんでしょう?ああ、パフォーマンスグラフをチェックしています。これが問題だと思います、主な問題です。ただ平坦でデコボコしているだけです。分かりません。それが問題だと思います。履歴価格データが動作していないようです。なるほど。なので、ここで終わったらそれをテストしなければなりません。
今はただバグを探していると思います。デバッグ中だと思います。アーキテクトが修正を承認しました。アーキテクトって誰ですか?アーキテクトって誰なんでしょう?皆さん知っていたら教えてください。コメントで教えてください、アーキテクトが誰なのか。タスクリストとドキュメントを更新します。Yahoo Finance統合をインストールしました。なるほど、いいですね。エラー処理を改善しました。
テスト済みで動作中。実際の株式。履歴価格チャート。今、すべて良さそうに見えます。ポートフォリオ計算は正確です。すべての機能がAPI設定なしで動作しています。あなたのアプリは今、無料でYahoo Financeから正確な実際の株価を持っています。いいですね。そして、チェックポイントがあります。9分の作業。166ドル。なるほど、クールです。
なので、なるほど。試してみましょう。新しいタブで開きます。株を追加しましょう。Coreweaveを追加しましょう。なぜなら…まあ、この会社が好きなんです、Coreweave。10株入れましょう。ここで多少現実的にしましょう。そして、100で買ったことにしましょう。Coreweaveは今140くらいだと思います。
なので、Coreweaveを100株にします。ベストパフォーマーで28%上昇、28%下落。これが何なのか分かりません。なので、ここに書いてあります。実際に保有をクリックできます。Coreyの価格は今128.83だと言っています。それは正しいと思います。確認してみましょう。はい、それは正しいです。
なので、購入時から28%上昇していることになります。それは間違いなく理にかなっています。なぜ最悪のパフォーマーとしてC、CRWVがあるのか分かりません。その部分は理解できませんが、すべてが動作しているようです。Coreweaveの株価グラフがあります。これは正確なんでしょうか?でも見てみましょう。別の株を追加しましょう。
なので、Appleを追加しましょう。Appleを買ったとしましょう。先月、180で20株買ったとしましょう。では、今どうなりますか?なので、どうやら私はAppleで100%下がっているようです。なので、それは興味深いです。うんうん。現在価格はゼロです。どうやら、それは正しいはずがありません。なるほど。これはバグだと思います。これは間違いなくバグです。
Appleの現在価格は明らかにゼロではありません。なので、Replitエージェントに伝えます。Appleの現在価格がゼロと表示されています。これを修正してもらえますか、お願いします?と言います。見てみましょう。以前テストをしていて、また壊れてしまったようです。それはかなり興味深いです。なるほど、問題が分かります。
株式シンボルとしてAppleと入力しましたが、修正は…ああ、なるほど。実際には人為的エラーでした。なるほど。なので、もっと正確にしなければなりません。自動的にそれに入ると思っていました。なので、なるほど。会社名でもっと正確にしなければなりません。なので、また20と180にしましょう。実際の適切なティッカーでうまくいくか見てみます。はい。はい。人為的エラーでした。なるほど。ごめんなさい。謝ります、AI。
本当にごめんなさい。私の過ちです。私の無能さであって、あなたのせいではありません。そして私はあなたを責めました。なるほど。ここでもっと株を追加しましょう。エージェントもまだ作業しています。今何に取り組んでいるのか分かりません。今、無効なシンボルで既存の保有を取得する際のエラーも適切に処理します。
なるほど、それで…ああ、なるほど。私がミスをしたので、今そのミスを再びしないように簡単にしています。基本的に今、もし無効なシンボル、つまり株式市場に存在しないティッカーシンボルを入力したら、ただ…まあ、見てみましょう。ただ入力させないようにするんだと思います。エージェクトが実際に今自分でテストしていると思います。
なので、エージェントが私のウェブサイトをテストするのを見ます。これはクレイジーです。テストしています。なるほど。株を追加します。今、ただのランダムなティッカーシンボルを追加するつもりですか?間違った株式シンボルのような?ええ。無効なXYZ。なるほど、クールです。今どうなるか見てみましょう。これはすごいです。無効な会社10。なるほど、これがこれをやっているのはすごいです。なるほど、そしてエラーが出ます。いいですね。
そして、そのエラーメッセージまで作ったんです。そのエラーメッセージを作成したんです。それはすごいです。テストは正常に合格しました。タスクリストを更新してアーキテクトレビューを受けます。アーキテクトレビューって何ですか?アーキテクトって誰ですか?それが知りたいことです。コメントで教えてください。
ChatGPTに聞いてみますが、ChatGPTが知らなかったらコメントで教えてください。見てみましょう。Replitエージェントがレビューのためにアーキテクトに言及し続けています。アーキテクトとは誰ですか?アーキテクトは他のエージェントと一緒に働いている別のエージェントのようなものですか?なるほど。それは全部必要ありません。ReplitのAI内部ロールシステムの一部です。なるほど。そうですね、それは複数のエージェントが一緒に働いているだけだと思います。
開発者エージェント、アーキテクト、上位レベルのAIレビュアーがいます。なので上位レベルのAIレビュアーで、エージェント出力が不確かか、安全でないか、レビューが必要な場合にそれを検証または書き直します。うわあ。なので、ああ、うわあ。これはクールです。開発者エージェント、実際にアプリを作る開発者、開発エージェントがいます。
そしてアーキテクトエージェントがいて、それは上位レベルのエージェントで、開発者エージェントのすべての作業の概要を把握していて、開発者エージェントは何をすべきか不確かな場合にそれに尋ねることができ、それに確認することができます。そして時々、両者を調整するスーパーバイザーもいます。
なので、それに対するエラーがあります。良い指摘だとさえ言っています。なので、エージェントたちは文字通り今お互いに話していて、私はただ見ているだけで、彼らは私のためにこのアプリを作っています。これは…何度も言っていますが、これはちょっとすごいです、皆さん。
自分が何をしているのか全く分かりません。そして、アプリは今実際には動いていませんが、そこに到達しつつあると感じています。使える製品で終わると感じています。かなり自信があります。かなり自信があります。なるほど、今たくさんのエラーが起きているようです。なので、数分かけて、終わったら戻ってきます。
なるほど、今たくさんのエラーが起きているようです。私のポートフォリオプロトタイプさえこれに変わりました。初期化されていない変数にアクセスできませんと表示されるだけです。ああ、なるほど。今は戻りました。でもいずれにせよ、今たくさんのエラーがあります。たくさんのエラーに取り組んでいます。エラー、エラー、エラーと表示され続けるのが見えます。
なので、やるべきことをやらせます。そして、これを解決したら数分後に戻ってくると思います。さて、さらに数分の作業の後、ここに戻ってきました。合計13分です。基本的にポートフォリオを修正する方法と書いてあります。Appleは無効なので、Appleの保有を削除する必要があります。
適切なシンボルを使用して再度追加します。そしてAppleは保存する前に正しいことを検証します。なので、はい、これは…これは明白です。でも、間違ったシンボルを追加した場合、今は無効と表示されるのか見たいです。ただゼロの価格で追加するのではなく。見てみましょう。どうなるか見てみます。ええ、そうです。エラーです。
無効な株式シンボル Apple です。なので、今は分かります。今、二度と同じミスをすることはできません。それはかなりクールです。でも次に、これを完成させるために、少なくともある程度完成させるために確認したかったのは、グラフが実際に動作するかどうかです。なので、実際の保有をいくつか追加しましょう。これが私たちのポートフォリオです。これらが保有です。
明らかにこれらは私の実際の保有ではありません。まあ、そうだったらいいんですが。これらは5つの保有です。なので、現在価格はすべて正確なようです。ここに、最初の購入価格からの損益が表示されます。それは役に立ちます。株式数を表示します。クリックしてみましょう。どうなるか見てみます。なので、クリックすると、グラフが表示されます。
これが正確かどうか、またしても完全には確信がありません。Appleの実際のグラフと比較してみましょう。なので、1ヶ月に行きましょう。では、ランダムな日付を取りましょう。9月10日、それは22679だったということです。これによると。9月10日に。それが正確かどうか見てみましょう。2269。なので、実際に正確です。
ああ、どこに行きましたか?なので、実際に正確です。なぜラインがこんなに高い位置にあるのか分かりません。また、1ヶ月だけです。変更できません。でも、こんな風になってほしいんです、分かりますか?なので、多分それを変更できます。でもまず、似ているかどうか見てみましょう。なるほど、データは正しいと思います。データは正しいとかなり確信しています。でも、このパフォーマンスチャートは実際に動作するんでしょうか?それが疑問です。動作しないと思います。なぜならこれらの株はもっとずっと上がっているからです。見てみましょう。10月8日。10月までしか行きません。
なるほど、10月8日。これは2024年でしょうけど。そして16,000で、今19,000です。このグラフには間違いなく何か問題があります。値も単純に間違っています。なるほど、それは問題です。なので、Replitに戻りましょう。ちょっと見てみましょう、この部分は更新されますか?これは今更新されるはずです。
そしてこれも1ヶ月とか3ヶ月とかの間で切り替えられません。そして時価総額、PER、52週レンジ、出来高、それらすべてが消えました。それも必要です。なので、なるほど。いくつか問題があります。こうしましょう。Replitに問題をリストアップして、どうするか見てみます。各株式の時価総額、PER、出来高のデータがありません。
ナンバー2、個別株のパフォーマンスチャートは1ヶ月前までしか遡りません。ポートフォリオパフォーマンスグラフが間違っています。そして間違っています。それで十分ですか?これを理解してくれますか?見てみましょう。これは本当に…これらは問題を提示する知的な方法ではありませんが、理解してくれると思います。なので、見てみるだけです。
これら3つの問題をすべて修正できれば、私は…私は感銘を受けるでしょう。本当にこれら3つの問題を修正できれば、つまりこれは動作するポートフォリオトラッカーということになります、その時点で。そして、私が実際に使うかもしれないものです。なので、ああ、何をしましたか?何か開きました。なるほど、何でもいいです。それを閉じましょう。さて、作業させましょう。
多分ここで少し早送りのタイムラプスをします。そして、その間に何か興味深いことが起これば、間違いなく立ち寄ります。コンピューターを使ってテストを始めたら、間違いなくそれを見たいです。なので、何か起これば間違いなく戻ってきます。さて、エージェントたちがついにここで仕上げに入っています。
最終テストを実施していて、まあ、どう進むか見てみましょう。さて、株を追加しようとしています。テストのためにAppleを追加しています。ああ、なるほど。実際にすべての時間範囲を個別株に追加しました。そして時価総額、PER、52週レンジ、出来高。すべてを追加しました。確認しています。時価総額、PER、52週レンジを確認しました。ええ。すべて実際の数字を表示していて、単なるプレースホルダーではありません。
今、1週間、3ヶ月、1年のビューを切り替えて、チャートが正しく更新されているか確認します。なるほど、どうなるか見てみましょう。それが2番目の問題です。修正するように伝えたと思います。なので、最初の問題は修正されました。すべて問題ありません。今、2番目の問題を見てみましょう。なので、それは…それは実際に良いと思います。
なので、問題1と2を修正しました。今、3番目の問題はメインダッシュボードです。ええ。なので、次にメインダッシュボードが正しく見えるか確認すると言っています。ポートフォリオパフォーマンスチャートとサマリーが正確な実際の数字を表示しているか確認します。全体像を見る時です。なので、これはある意味大きな見せ場です。
この機能を正しく実装できれば、この最悪のパフォーマーというもの以外は基本的にすべてできたことになります。それだけが唯一の問題です。3つの問題すべてが修正されました。すべてのデータはYahoo Financeからリアルタイムで取得されます。なるほど。なるほど。では、試してみると言っています。なので、なるほど。株式表示とパフォーマンストラッキングを改善します。
これは私たちが行うべきだと提案していることです。14分の作業でした。274ドル。これでどれくらいお金が残っているか、どうやって確認できますか?なるほど、これを試してみましょう。550。それは損失になりますよね?ええ。どう表示されるか見てみます。はい、損失として表示されます。
ただ、まだこれがありませんが、これらすべての株を今日買ったと仮定しているからだと思います。なので、それは…なるほど、それは問題です。他はすべて良いと思います。ただ、入力した日にすべてのこれらの保有を買ったかのように追跡します。ChatGPTに聞いてみましょう。ChatGPTに聞いてみましょう。
購入日から履歴価格を自動取得します。ユーザーが購入日を入力した場合、プログラム的にその日のそのティッカーの履歴調整後終値を取得します。なるほど、これは…なるほど。これのためのコードを生成しましたが、私はすでにReplitエージェントを使っています。なので、ここで手動でコーディングしているわけではありません。
なので、ただこう言えます。これができますか?質問マーク。そして文字通りChatGPTが送ってきたものをコピーペーストします。これは本当に…文字通り誰でもできます、皆さん、英語を理解している限り。明らかに、コーディング方法を知っている人は、これを私よりもずっと速くできるでしょうし、はるかに複雑なものを作ることができるでしょう。
でも繰り返しますが、何をしているのか分からない人として、多分皆さんの多くも私と同じ状況にあるかもしれませんが、バイブコーディングは比較的簡単だということが分かりつつあります。時間がかかっています。間違いなく数時間かかっています。でも、つまり、そこに到達しつつあります。やってほしいことをやってくれています。
ただ、間にたくさんのステップがあります。でも、つまり、もし実際にこれをコーディングしていたら、それは不可能だったでしょう。これは文字通り不可能だったでしょう。さて、戻ってきました。別のチェックポイントです。購入日からの株価の自動取得を追加しました。それがやったことです。14分の作業、189ドル。
完成に向けて
これは本当に積み重なってきています。なるほど。これがどう動作するか見てみましょう。2025年4月8日。その日付を入力すると、購入価格は17242と表示されるはずです。行きましょう。4月8日。ドン。18146。まあ、それは始値だと思います。なるほど。では、ここにいくつか株を追加してみます。年間。
なるほど、これは実際に正確なようです。なぜなら年間のこのチャートは理にかなっているからです。年間のようなものを表示しますか?年間で私たちがどれくらい上がっているか表示しますか?年間でどれくらい上がっているかは表示しません。それは追加すべきことでしょう。合計リターンは表示していますけど。今日の変動も表示しています。それはかなりクールです。
そして繰り返しますが、個別株ができます。1日、1週間、1ヶ月、3ヶ月、1年を見られます。時価総額、購入価格、損益。なので、これは実際にほぼ完成しています。これは正直、初日としては満足しています。満足しています。これは使えます。これは実際に使えるものです。繰り返しますが、これについてすべてを変更できます。
この表示を変更できます。このタブの表示を変更できます。この位置を変更できます。でも色、すべてを変更できます。そして繰り返しますが、無制限の予算で数日もらえれば、これをたぶん本当に良いものにできるでしょう。でも、わずか数時間と数分の作業だけで、これには…私はこれにとても満足しています。皆さんがこれについてどう思うか教えてください。月間クレジットを1454ドル使いました。うわあ、それは高いです。
基本的に数時間でそれをコーディングするのに15ドルかかり、月に25ドルしかありません。毎日バイブコーディングして実際に物を作っているなら、どうやって…それは本当に高いようにしか見えません。でも繰り返しますが、結果には満足しています。とても印象的です。
でもええ、とにかく、皆さんがこれをもっと見たいかどうか教えてください。私がもっとバイブコーディングするのを。また、何をバイブコーディングすべきか提案を自由に投稿してください。うまくいけばあまり複雑でないものを。なぜなら、まあ、月200ドルくらいの最大プランを購入しなければならなくなるでしょう。分かりません。分かりません。皆さんがこのバイブコーディングをどれくらい気に入るか見てみます。
間違いなく楽しみました。もっと物を作るのは興味深いでしょう。そして繰り返しますが、これには満足しています。この結果に満足しています。数時間かかりましたが、それはそれほど悪くありません。15ドルかかりましたが、それは議論の余地はありますがそれほど悪くないと思います。それはある程度状況によります。つまり、私はたぶんこれを使わないでしょう。
そして、もし実際にこれを良いものにしようとしたら、たぶん15ドルよりもずっと多くかかるでしょう。でもまだ満足しています。エージェントたちが一緒に働いているのには満足しています。とにかく、視聴ありがとうございました。動画を楽しんでいただけたら嬉しいです。そして繰り返しますが、これをもっとやってほしいかどうか教えてください。
コメント