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
220
LINEBotCourse.pdf
マグロ隊長kinTV
May 15, 2023
Tweet
Share
More Decks by マグロ隊長kinTV
See All by マグロ隊長kinTV
LINE Works Bot入門
maguroalternative
0
45
めぐろLT#21 今年一番の仕事の成果
maguroalternative
0
63
DiscordBotをPythonからGoへリプレイスした話
maguroalternative
1
93
Golangのデータベーステストフィクスチャ作成
maguroalternative
0
290
DiscordとLINEをPython+FastAPI+Dockerで連携させる
maguroalternative
0
350
就活体験記
maguroalternative
0
130
カプコンのカンファレンスいった話
maguroalternative
0
200
22年度新歓LT
maguroalternative
0
99
jackさん合同LT
maguroalternative
0
62
Other Decks in Programming
See All in Programming
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
150
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
950
自力でTTSモデルを作った話
zgock999
0
100
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
1
210
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
260
SwiftUI Viewの責務分離
elmetal
PRO
2
270
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
260
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
990
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.6k
Honoとフロントエンドの 型安全性について
yodaka
7
1.4k
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
GitHub's CSS Performance
jonrohan
1030
460k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Producing Creativity
orderedlist
PRO
344
40k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
Optimizing for Happiness
mojombo
376
70k
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を貼り付ける!
完成!! • テキストを送ると返信!!