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
LINEBotCourse.pdf
Search
マグロ隊長kinTV
May 15, 2023
Programming
0
240
LINEBotCourse.pdf
マグロ隊長kinTV
May 15, 2023
Tweet
Share
More Decks by マグロ隊長kinTV
See All by マグロ隊長kinTV
遊戯王GX 丸藤兄弟から学ぶ成長
maguroalternative
1
74
UDDのすすめ
maguroalternative
0
1k
LINE Works Bot入門
maguroalternative
0
68
めぐろLT#21 今年一番の仕事の成果
maguroalternative
0
90
DiscordBotをPythonからGoへリプレイスした話
maguroalternative
1
120
Golangのデータベーステストフィクスチャ作成
maguroalternative
0
340
DiscordとLINEをPython+FastAPI+Dockerで連携させる
maguroalternative
0
390
就活体験記
maguroalternative
0
150
カプコンのカンファレンスいった話
maguroalternative
0
250
Other Decks in Programming
See All in Programming
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
220
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.3k
Porting a visionOS App to Android XR
akkeylab
0
470
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
690
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
450
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
効率的な開発手段として VRTを活用する
ishkawa
0
140
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
18k
Team operations that are not burdened by SRE
kazatohiei
1
310
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
VS Code Update for GitHub Copilot
74th
2
650
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
1
190
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
512
110k
A better future with KSS
kneath
238
17k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
GitHub's CSS Performance
jonrohan
1031
460k
Statistics for Hackers
jakevdp
799
220k
RailsConf 2023
tenderlove
30
1.1k
4 Signs Your Business is Dying
shpigford
184
22k
A Tale of Four Properties
chriscoyier
160
23k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Transcript
LINEBot X GAS
本講座の目的 • Webアプリ、通信の基礎を理解し、LINEBotを作成すること。 • 自学習を行い、機能追加を行えるようになること。
自己紹介 • 名前:佐々木陽貴 • 学年:学部4年 • やってること:Pythonでのサーバーサイド、Next.jsでのフロ ント • 実績?:カプコンオープンカンファレンスRE2022
セガプログラマーインターン マーベラスインターン 技育博2022,2023
LINEBotとは?
LINEBotとは? • LINEアカウントの挙動をプログラムで制御したも の。 • 運送情報の確認、クーポン券の配布など企業にも使 われている。
GASとは?
GASとは? • Google Apps Scriptの略 • 簡易的なスクリプトを組むことができる • gsと呼ばれる独自の言語ではあるが、ほぼJavaScriptと同じ •
これを使ってLINEBotを作成していく
設計、仕組み
設計、仕組み Bot APIサーバー メッセージ メッセージイベント 送られてきたイベントを基に処理をプロ グラムで書く!!
サンプル作成
LINE Developer にアクセス • ログインして開発者情報を登録しましょう
プロバイダー作成 • 好きな名前で結構です。入力したら作成をクリックしてください。
チャネル作成 • 新規チャネル作成をクリックし、Messaging APIを選択。
チャネル作成 • 入力項目(必須項目のみ) • 会社・事業者の所在国・地域 日本 • チャネル名 Botのアカウント名(お好きなように) •
チャネル説明 プロフィール欄です。必須なので何か埋めてください。 • 大業種 個人 • 小業種 個人(学生) • 規約に同意して作成
Messaging API設定 • こんな画面がでる。Messaging API設定に遷移。 • QRコードから友達追加が可能。
Messageing API • 以下のように設定しておく
Messaging API設定 • チャネルアクセストークン LINEBotを動かす際に必要。発行ボタンで発行。 GAS側で使うので控えておく。 ※絶対に外部に流失させないでください。
Messaging API設定 • GASのURL Botの情報を送信するところ。 (まだサーバー側を作成していないので)後に指定する。
GASでの作成 • Googleドライブに移動し、選択。 • ない場合はアプリを追加から追加する。
GASでの作成 • エディタが起動。 • サンプルコードをコピペしよう。(QRから) コード内のLINE_BOT_TOKENに先ほどのアクセストークンを 入れること! https://github.com/maguro- alternative/line_callback_bot_for_gas
GASでの作成 • デプロイをクリック→新しいデプロイ。 • 以下の図のように設定。
GASでの設定 • 警告が出る。 • 左下の安全ではないページに移動。 • 認証画面に遷移するので、認証。 ※自分が作ったものなので怪しくな いです。
GASでの作成 • ウェブアプリURLが出るのでコピーする。 • LINE developerに戻り、WebHook設定にURLを貼り付ける!
完成!! • テキストを送ると返信!!