Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
KMC 春プロ2024 GoogleAPI体験
Search
mikan
April 16, 2024
Technology
0
7
KMC 春プロ2024 GoogleAPI体験
KMCの2024年新歓で使用したスライドです。
mikan
April 16, 2024
Tweet
Share
Other Decks in Technology
See All in Technology
アクセス制御にまつわる改善 / Improving access control
itkq
0
590
実例で紹介するRAG導入時の知見と精度向上の勘所
yamahiro
5
1.6k
2024春 注目のWeb系 OSS & SaaS 3選
makies
0
180
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
2
320
The AI Revolution Will Not Be Monopolized: Behind the scenes
inesmontani
PRO
1
160
今日からできる!簡単 .NET 高速化 Tips -2024 edition-
xin9le
7
3.9k
How to do well in consulting–Balkan Ruby 2024
irinanazarova
0
140
R3のコードから見る実践LINQ実装最適化・コンカレントプログラミング実例
neuecc
3
2.6k
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
5
710
Building a RAG-poweredAI chat appwith Python and VS Code
pamelafox
0
160
今さら聞けないDocker入門 〜 Dockerfileのベストプラクティス編
devops_vtj
3
470
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
4
610
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
14
1.5k
What the flash - Photography Introduction
edds
64
11k
Typedesign – Prime Four
hannesfritz
36
2.1k
Product Roadmaps are Hard
iamctodd
45
9.7k
How to train your dragon (web standard)
notwaldorf
75
5.2k
The Invisible Customer
myddelton
114
12k
Building Applications with DynamoDB
mza
88
5.6k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Rails Girls Zürich Keynote
gr2m
91
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
33
6k
Faster Mobile Websites
deanohume
300
30k
Embracing the Ebb and Flow
colly
80
4.2k
Transcript
GoogleAPI体験 情報学科4回生 mikan
自己紹介@mikan • 2021年 工学部情報学科入学 • KMC45代 • 趣味でWeb開発 • Ruby
on Rails • React • Golang • kubernetes • アニメ好き ポートフォリオ→ https://www.piny940.com
今日やること • 環境構築 • デモ実行 • JavascriptでGoogleスプレッドシートを操作 • (時間があれば) ChatGPTをJavascriptで操作
環境構築 ・Code ServerのURLにアクセスし、パスワードを入力します ・ログインできたら「Yes, I trust the authors」を押します
環境構築 ・.envファイルを作成して、DMで送られた内容をコピペしてく ださい GOOGLE_API_KEY=... GOOGLE_JSON=... … SPREADSHEET_ID=...
環境構築 ・DMで送られてきたスプレッドシートのリンクを開いてくだ さい
デモ実行 ・Coder Serverに戻って作業! ・ctrl + shift + p を押して create
new terminal と入力します ※Macの人は ・node sample.js を入力してEnterを押したらすぐにスプレッ ドシートを開いてください! スプシが勝手に編集されているのが確認できます node sample.js ctrl + shift + p create new terminal command + shift + p
演習 ・ を開いて演習に取り組んでみてください! ・コードは で実行できます main.js node main.js
演習1 スプシを読み込んでみよう ・ のセルを読み込んでみよう 例) A1:C3 let cells = await
sheet.readSheet("A1:B2") console.log(cells) 読み込みたいセルの 範囲 let xxx = … でxxxに...を代入 console.log(xxx) でxxxの内容を確認
演習1 スプシを読み込んでみよう 答え: 出力: let cells = await sheet.readSheet("A1:C3") console.log(cells)
[ [ 'Hello', 'World' ], [ 'Welcome', 'to', 'KMC' ], [ 'Try', 'Google', 'API' ] ] シングルクオート ’ ’か バッククオート ” ” で囲むと文字列を表す カギカッコ [ ] 配列(複数の値を格納)
演習2 スプシを編集してみよう ・ のセルに[["私は", "xxxです"], ["学部は", "xxxです"], [" 趣味は", "xxxです"]]と書き込んでみましょう
例) await sheet.updateSheet("A4:B6", [ ["私は", "mikanです"], ["学部は", "工学部です"], ["趣味は", "プログラミングです"], ]) A1:C3 ここを書き換える
演習3 変数を使ってスプシを編集 ・変数に値を代入して、その変数を使ってスプシを編集してみま しょう 例) let message = "こんにちは" await
sheet.updateSheet("A6", [[message]]) カッコは2回囲む (2次元配列) ここを書き換える
演習4 ChatGPTを操作してみよう ・ChatGPTに対する命令を自由に考えて送信してみましょう 例) let result = await openai.chat("教授に送るメールの 文章を考えてください。")
console.log(result)
演習5 ChatGPT + スプシ ・ChatGPTで英語の文章を作成してスプシのF1のセルに書き込 んでみましょう 例) let result5 =
await openai.chat("日本語の文章を考 えてください。") await sheet.updateSheet("A8", [[result5]]) ChatGPTの返答を変数に代入 演習3が参考に なるかも
演習6 DeepLを使ってみよう ・適当な日本語の文を英語に訳してみましょう 例) let result6 = await deepl.translate("こんにちは", "EN")
console.log(result6) 和訳する場合は”JA”にする
演習7 ChatGPT + DeepL ・ChatGPTで英語の文章を作成してDeepLで日本語に翻訳して みましょう ・ChatGPTで生成した文章とDeepLの翻訳結果の両方を確認し てみましょう 注意ポイント! ・訳す対象”JA”を書き忘れてない?
・awaitを書き忘れてない? ・変数名はこれまでに使ったものは使 えません!
演習7 ChatGPT + DeepL ・答え) let en = await openai.chat("英語の文章を作成してください")
console.log(en) let result7 = await deepl.translate(en, 'JA') console.log(result7)
演習8 ChatGPT + DeepL + スプシ ・ChatGPTで英語の文章を作成してDeepLで日本語に翻訳して スプシに書き込んでみましょう 注意ポイント! ・訳す対象”JA”を書き忘れてない?
・awaitを書き忘れてない? ・変数名はこれまでに使ったものは使 えません! ・鍵カッコは二重にしてる?
演習8 ChatGPT + DeepL + スプシ 答え) let en =
await openai.chat("英語の文章を作成してください") console.log(en) let result7 = await deepl.translate(en, 'JA') console.log(result7)
告知! • 明日 18:30 ~ • CNNモデルで画像分類 • 4共22
出典 • 背景 著作者:starline/出典:Freepik