初めての「AIエージェントCline」「Chrome拡張機能開発」どちらも一緒にも習得!誰でも絶対自作できます!!AIエージェントについても詳しく解説! #AI, #cline

コード生成
スポンサーリンク

この動画は、初心者の方にもわかりやすいように、AIエージェント「Cline」の使い方を解説します。
しかも「Chrome拡張機能の自作」をテーマにClineを使うため、Chrome拡張機能の開発という技術の扉まで開きます!
いろいろな技術を一つの動画で学べます!是非試してみて下さい。

また、動画でAIエージェントClineについて学んだ後、そもそもAIエージェントとは何かについて解説を行います。
一度手を動かした上での解説なので、かなりしっかり理解出来ると思います。

この動画を見ながら一緒に手を動かして頂ければ、Clineの使い方を絶対に習得できます!!
ぜひ一緒に学んでいきましょう!

【タイムライン】
0:00 デモ、初めに
2:20 ①Gemini APIキーの取得
5:25 ②Cursorのセットアップ、簡単なコード生成
14:24 ③Clineのインストール、設定、Chrome拡張機能の試作
21:42 ④Chrome拡張機能の作り方の解説、公式ドキュメント
28:49 ⑤Chrome拡張機能その1 クリックするとクリップボードに所定の文字列コピー
33:17 ⑥Chrome拡張機能その2 ブロック崩し
36:25 ⑦AIエージェントとは、の解説
45:51 おわりに

【Chrome拡張機能 公式ドキュメント】
https://developer.chrome.com/docs/extensions?hl=ja

◆プロンプト類
【初めてのChrome拡張機能 試作】
まずHelloChromeというフォルダを作り、
その中にChrome拡張機能のファイルを
作成してください。

Chrome拡張機能は、アイコンを
クリックしたらHelloChromeと
ウィンドウ表示されるものを
作成して下さい。

アイコンはデフォルトのものでOKです。

【クリップボードにコピー】
まず「クリップボード」という
フォルダを作り、その中に
Chrome拡張機能を作成して
ください。

Chrome拡張機能の内容は、
拡張機能アイコンを押すと
text.txtの文字がウィンドウ表示され、
それをクリックするとその文字が
クリップボードにコピーされるものです。

【ブロック崩し】
まず「ブロック崩し」という
フォルダを作り、その中に
Chrome拡張機能を作成して
ください。

Chrome拡張機能の内容は、
拡張機能アイコンを押すと
ブロック崩しのウィンドウが表われて
キーボードで遊べるというものです。

【他動画の紹介コーナー】
すぐに今目の前の業務をちょっとでも楽にしたい!!
そんな方は、まずは「便利ツール」で紹介しているツールをお試し下さい。
すぐに成果が出ますよ!
↓便利ツールたち

生成AIをどんどん習得したい!!
そんな方は、「生成AI」の再生リストもご覧ください!
全て「初心者でも絶対分かる」「一歩踏み込んだ内容まで習得できる」という内容になっています!

#生成AI, #AI ,#cline , #生成, #画像, #初心者 , #入門, #初めて, #ファーストゲート, #体験型学習

コメント

タイトルとURLをコピーしました