Upgrade to Pro — share decks privately, control downloads, hide ads and more …

【Amplify Studio×LIFF×Figma】ローコードで電子チケットアプリを作るハンズオン

【Amplify Studio×LIFF×Figma】ローコードで電子チケットアプリを作るハンズオン

https://linedevelopercommunity.connpass.com/event/237286/
で実施しましたハンズオンのオープニング、クロージングで利用したスライドです。

動画:
https://www.youtube.com/watch?v=i8aFuGLKFl8
ハンズオン資料:
https://zenn.dev/ufoo68/books/dd47602c20ec472d11de
ハンズオン用リポジトリ:
https://github.com/ufoo68/linedc-ticket-liff

Yasuhiro Matsuda

February 18, 2022
Tweet

More Decks by Yasuhiro Matsuda

Other Decks in Technology

Transcript

  1. 自己紹介(木原 卓也) 所属 生活協同組合コープさっぽろ デジタル推進本部 システム部所属 コミュニティー Amplify Japan User

    Group 運営メンバー ゆるWeb勉強会@札幌 主催 AWS Community Builder (2Q 2021) 好きなフィギュアスケートの技 スプレッド・イーグル Amplify Studio 解説担当です! Twitter: @tacck
  2. タイムテーブル 19:00 - 19:05
 オープニング 
 松田 康宏
 19:05 -

    19:15
 LIFFについて
 河野 剛
 19:15 - 19:35
 ハンズオン①
 松永 勇太 織田 繁
 19:35 - 19:45
 休憩
 19:45 - 20:00
 Amplify Studioとは?
 木原 卓也
 20:00 - 20:45
 ハンズオン②
 松永 勇太 織田 繁
 20:45 - 21:00
 休憩
 21:00 - 21:15
 お片付け
 松永 勇太 織田 繁
 21:15 - 21:20
 クロージング
 松田 康宏

  3. 設定方法 1. LINE Developers でアカウント作成 2. LINE ログインチャンネルを作成 3. LIFF

    を追加 a. LIFFがリダイレクトする HTTPS のエンドポイントを設定 4. LIFF URLが発行
  4. LIFF SDK ▪ LIFF SDK でLINEとの連携がさらにシームレスに ・アプリ上でLINEプロフィール情報の取得ができる ・トーク画面にメッセージを送信することができる ・LINEのQRコードリーダーを使用することができる ・etc..

    ・API リファレンス: https://developers.line.biz/ja/reference/liff/ 「LINEのユーザー情報を活用したアプリケーション」や、「チャットボットのUIでは 対応が困難(メッセージでのやり取りではユーザーのUXが悪い)」の場合は LIFF を検討することをオススメします!