「キノクエスト」の登録・詳細はこちらから▶︎https://kino-code.com/united_lp/?utm_...

e-ラーニング「キノクエスト」なら、プログラミングの學習も、ITスキルアップも、生成AIも、學習し放題。
ハンズオンで實務にすぐ應用できる問題もあります。
✅生成AIを使って業務削減をしたい方
✅業務を自動化したい方
✅AIを使った分析や豫測をしたい方

========
プロンプトのダウンロードはこちらから
https://kino-code.com/wp-content/uplo...
======


▼法人向け「キノクエストforBiz」のお問い合わせページ
https://kino-code.com/contact-form/?u...

【キノクエストforBizサービス内容について】
https://kino-code.com/kinoquest-forbi...

▼目次
00:00 この動畫のダイジェスト
00:18 バイブコーディングでダッシュボードアプリを作ろう
02:02 プロンプトの解説
04:02 キノクエストでバイブコーディングを學ぼう

▼關連動畫
【バイブ・コーディング超入門】01.コース紹介｜AIでアプリ開發？全10回で學ぶ新時代のスキル【初心者向け入門講座】
   • 【バイブ・コーディング超入門】01.コース紹介｜AIでアプリ開發？全10回で學ぶ新時...  

【バイブ・コーディング超入門】02.バイブ・コーディングとは？｜新時代のプログラミング手法を解説【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】02.バイブ・コーディングとは？｜新時代のプログラミン...  

【バイブ・コーディング超入門】03.バイブ・コーディングでできること｜初心者でも作れる6つのアプリケーション分野【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】03.バイブ・コーディングでできること｜初心者でも作れ...  

【バイブ・コーディング超入門】04.バイブ・コーディングツールの紹介｜Cursor vs Claude Code【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】04.バイブ・コーディングツールの紹介｜Cursor ...  

【バイブ・コーディング超入門】05_5.Cursorのインストールと基本的な使い方｜環境構築【プログラミング初心者向け
   • 【バイブ・コーディング超入門】05_5.Cursorのインストールと基本的な使い方｜...  

【バイブ・コーディング超入門】06.バイブ・コーディングのやり方｜AIへの指示出しのコツ【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】06.バイブ・コーディングのやり方｜AIへの指示出しの...  

【バイブ・コーディング超入門】07.バイブ・コーディング實踐｜會議議事録の自動生成アプリ【プログラミング初心者向け入門講座】
   • 【バイブ・コーディング超入門】07.バイブ・コーディング實踐｜會議議事録の自動生成ア...  

プロンプトエンジニアリング超入門合併版｜今すぐ使えるテクニックを2時間で學べます
   • プロンプトエンジニアリング超入門合併版｜今すぐ使えるテクニックを2時間で學べます  

【最新版】Python超入門講座（合併版）｜Pythonの超基本的な部分をたった1時間で學べます【プログラミング初心者向け入門講座】
   • 【最新版】Python超入門講座（合併版）｜Pythonの超基本的な部分をたった1時...  

右手に生成AI、左手にプログラミング
   • 右手に生成AI、左手にプログラミング  

生成AIでプログラミングが民主化した
   • 生成AIでプログラミングが民主化した  

生成AIがあるのに、まだプログラミングを學ぶ必要があるの？
   • 生成AIがあるのに、まだプログラミングを學ぶ必要があるの？  

AIエージェントとは？｜從來の生成AIとの違いや特徴をわかりやすく8分で解説
   • AIエージェントとは？｜從來の生成AIとの違いや特徴をわかりやすく8分で解説  

【AIエージェント】すごさがわかる實演を2つ紹介
   • 【AIエージェント】すごさがわかる實演を2つ紹介  

【今さら聞けない？】生成AIとは？AIとどう違うの？（圖解で簡單にわかりやすく解説）
   • 【今さら聞けない？】生成AIとは？AIとどう違うの？（圖解で簡單にわかりやすく解説）  

【知っておきたい】LLMとは？生成AIとどういう關係？（圖解で簡單にわかりやすく解説）
   • 【知っておきたい】LLMとは？生成AIとどういう關係？（圖解で簡單にわかりやすく解説）  

【IT情報キャッチアップ】RAGとは？生成AIが賢くなる技術？（圖解で簡單にわかりやすく解説）
   • RAGとは？生成AIをカスタマイズする技術？（圖解で簡單にわかりやすく解説）  

ファインチューニングとは？RAGとの違いや方法を解説（圖解で簡單にわかりやすく）
   • ファインチューニングとは？RAGとの違いや方法を解説（圖解で簡單にわかりやすく）  

【完全版】DX超入門講座 合併版｜DXの基本的な部分をたった2時間で學べます
   • 【完全版】DX超入門講座 合併版｜DXの基本的な部分をたった2時間で學べます  

【保存版】Pythonでできることを100個以上紹介！プログラミングでやりたいことが見つかる！
   • 【保存版】Pythonでできることを100個以上紹介！プログラミングでやりたいことが...  

【完全版】Pythonでできること174例と學習ロードマップを徹底解説！（仕事の自動化、データ分析、機械學習、Webアプリ開發）
   • 【完全版】Pythonでできること174例と學習ロードマップを徹底解説！（仕事の自動...  


▼動畫で話している内容
この動畫では、Excelファイルをワンクリックでダッシュボード化するアプリを、バイブコーディングで作ります。

こんなアプリが、たった數分で作れます。
實際に作っていく樣子をお見せします。

實際に作ってみる

キノコード流のバイブコーディングでは、このようなプロンプトを用意をします。
プロンプトの解説はあとでしますね。
さて、プロンプトを實行します。

生成AIがデータエンジニアとして振る舞い、私に質問をしてきます。

生成AI：「主なターゲットユーザーはどれに近いですか？」
私：「選擇肢B。つまり、事業責任者やマネージャーです」

生成AI：「まず最初にダッシュボードで一番見たい指標はどれですか？」
私：「選擇肢A。賣上金額の推移です」

このように、對話を重ねていきます。
生成AIが1問ずつ質問してくれるので、答えるだけで大丈夫です。
質問に答えていくだけで、アプリが完成します。

結果
全ての質問が終わると、生成AIが仕樣書を作成し、コードの實裝、テストまで自動で行ってくれます。
起動してみます。

Excelファイルを選ぶだけで、一瞬でダッシュボードに反映されました。
月ごとの賣上が折れ線グラフになり、賣れている商品が棒グラフで表示されています。
サイドバーで期間を絞り込むこともできます。

もし期待通りでなければ、生成AIに「ここを直してほしい」と傳えれば、すぐに對應してくれます。

概要欄にプロンプトを置いていますので、一緒にやってみたい方はダウンロードしてください。

プロンプトの解説

プロンプトの解説をしますね。
今回のプロンプトは概要欄からダウンロードできますので、ご安心ください。
動畫を見終わったらじっくり見てください。

プロンプト自體は長いですが、やることはシンプルです。
基本的には「入力データ」のところに、あなたが分析したいデータのお困りごとや、どんなものを作りたいかを書くだけです。

賣上データに限らず、在庫管理や經費精算など、Excelで管理しているデータを思い浮かべてみてください。
入力データを變えるだけで、別の分析ツールも同じように作れます。

今回の例では、こう書きました。

・毎回手作業で集計している
・傾向や異常値が見えてこない
・直感的に操作したい

これくらいのラフな要望で構いません。
細かい部分は、對話で生成AIが引き出してくれます。

また、このプロンプトの特徴は、いきなりコードを書かせるのではなく、まず對話で仕樣を固めてから實裝する流れです。
「指示」の部分で、對話→仕樣書作成→實裝→テストの手順を指定しています。

（續く）

▼書き起こしブログページ
準備中

▼自己紹介
ブログに自己紹介を書いております。
https://kino-code.com/profile/

▼SNS
Twitter :   / likes  
Facebook :   / キノコード   -105693727500005/
Website : https://kino-code.com/

#ai #分析 #vibe #アプリ #初心者