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

TechSeeker Hackathon LINE API テクニカルインプット

TechSeeker Hackathon LINE API テクニカルインプット

TechSeeker Hackathon でのLINE API テクニカルインプット資料です。
https://techseeker.jp/lp/hackthon2023/

sumihiro3

June 10, 2023
Tweet

More Decks by sumihiro3

Other Decks in Technology

Transcript

  1. ςΫχΧϧΠϯϓοτ
    -*/&"1*
    5FDI4FFLFS )BDLBUIPO
    2023.06.10
    Sumihiro Kagawa

    View full-size slide


  2. TechSeeker Hackathon
    開催︕
    🎉 🎉
    2

    View full-size slide

  3. ⾃⼰紹介

    View full-size slide

  4. ⾃⼰紹介
    n 加川 澄廣(かがわ すみひろ)
    l LINE API Expert (2019.04〜)
    l 所属
    Ø 株式会社ブレイブテクノロジー
    - LINE Technology Partner(ミニアプリ部⾨) 2022 - 23
    - LINE ミニアプリを利⽤した順番待ちサービスの開発・運⽤をしています
    l 趣味
    Ø 開発コンテストへの参加
    - TechSeeker Hackathon の前⾝である「デジットハッカソン」への参加経験あり
    Ø e-bike でゆるゆる⾛る
    - 時には 100km 超えの⻑距離(アワイチ、ビワイチ など)も⾛ります
    sumihiro3
    sumihiro.kagawa
    4

    View full-size slide

  5. LINE API のご紹介

    View full-size slide

  6. 本⽇のテーマ
    nTechSeeker Hackathon テクニカルインプット
    l LINEのAPI紹介
    Ø 過去作の紹介(時間の都合上省略します)

    View full-size slide

  7. ⾊々あります LINE API
    API 概要
    Messaging API Messaging APIは、あなたのサービスとLINEユーザーの双⽅向コミュニケーションを可能にする機能です。
    LINE Simple Beacon LINE アプリが起動しているスマホの接近を感知出来るビーコンを⾃作できる
    LINEログイン LINEログインをウェブアプリやネイティブアプリに組み込んで、LINEユーザーのネットワークとつなげま
    しょう。ユーザーのログインの利便性を⾼めれば、より良いコンバージョンレートが期待できます。
    LINE Front-end Framework
    (LIFF)
    LINEが提供するウェブアプリのプラットフォームです。ウェブアプリにLIFF SDKを組み込むと、LINEプ
    ラットフォーム上の情報やLINEアプリと連携した機能を扱うことができます。
    LINEミニアプリ “快適なサービス体験”をLINE上で実現
    LINE Things LINEを介して、ユーザー、デバイス、サービスを接続するプラットフォームを提供します。
    LINE Pay 決済の仕組みをアプリケーションに導⼊できます。
    LINE Notify Webサービスからの通知をLINEで受信
    ブロックチェーンサービス あなたのサービスにブロックチェーン技術を組み込みます。

    View full-size slide

  8. Messaging API

    View full-size slide

  9. Messaging API
    n Messaging APIは、あなたのサービスとLINEユーザーの
    双⽅向コミュニケーションを可能にする機能です
    Ø 主にチャットボットや、メッセージ配信サービスの開発ができる API
    - LINE アプリからのメッセージ送信へのリプライ(無料)や、定時や特定イベント発⽣時に
    LINE アプリへプッシュメッセージ(⼀定数後は有料)の送信などができる
    https://developers.line.biz/ja/services/messaging-api/

    View full-size slide

  10. LINE Beacon
    nユーザーがビーコンの電波の受信圏に⼊ったときに
    Webhookビーコンイベントを受け取ることができます
    Ø ビーコンを使⽤して、特定のコンテキストでユーザーとやりと
    りするようにボットアプリをカスタマイズできます
    https://developers.line.biz/ja/docs/messaging-api/using-beacons/

    View full-size slide

  11. Messaging API
    n過去作品
    Ø 安否確認 Bot
    - 会社での BCP 対策の⼀環である安否確認を⾃動化する Bot
    • LINE Bot と地震情報 API を組み合わせ、⼤地震発⽣時に社員へ安否確認メッセージを⾃動で配信(プッシュ
    メッセージ)

    View full-size slide

  12. LINE Front-end
    Framework
    (LIFF)

    View full-size slide

  13. LINE Front-end Framework (LIFF)
    n ウェブアプリにLIFF SDKを組み込むと、LINEプラットフォーム
    上の情報やLINEアプリと連携した機能を開発できる
    Ø LINE アプリ上で動く Web アプリを開発するための FW。アプリインス
    トール不要・ユーザーに認証を意識させない点が良い
    - LINE ログイン
    • 複雑な LINE アカウント認証処理も SDK を利⽤すればローコードで実装できる
    - シェアターゲットピッカー
    • アプリからのメッセージを LINE 友だちへシェアする機能も簡単に実装できる
    https://developers.line.biz/ja/services/liff/

    View full-size slide

  14. LINE Front-end Framework (LIFF)
    n過去作品1
    Ø 飲み歩きイベントアプリ
    - ポイントを購⼊して対象店舗にてイベントメニューと交換
    • 決済サービスの Stripe と連携してクレカ・コンビニ決済で購⼊可能
    • ⼀定ポイント数を消費する度に抽選ができるようになる

    View full-size slide

  15. LINE Front-end Framework (LIFF)
    n過去作品1
    Ø 飲⾷業飲み歩きイベントアプリ
    - システム構成

    View full-size slide

  16. LINE Front-end Framework (LIFF)
    n 過去作品2
    Ø 家族のお⼿伝い帳
    - ⼦どもがお⼿伝いしたことを CLOVA(スマートスピーカー)で報告するとポイントが貯まり、
    親の LINE へ通知される
    - ⽬標設定やポイント履歴の閲覧を LIFF アプリで実施できる
    - 貯めたポイントを使うと、レシートプリンターからクーポンが発⾏される
    -*/&#005"8"3%4ϑΝϛϦʔ෦໳৆ɾϩϘελ৆

    View full-size slide

  17. LINE ミニアプリ

    View full-size slide

  18. LINE ミニアプリ
    n LIFF + ミニアプリ独⾃機能(Service Message など)で店舗等で気軽に使ってもらえる
    サービスが構築できる
    Ø Service Message
    - LINE公式アカウントを友だち追加していなくても、登録完了やリマインド、順番待ちなどのサービスに関連した通知メッセージを無料で送信
    できる
    Ø LINE アプリ内外から簡単に起動できる
    - ミニアプリは LINE アプリのホームタブ内にショートカットを設置できる他、アプリ外でも QR コードなどから起動できるのでユーザーに
    とっても楽に使ってもらえる。もちろん、追加ダウンロードは不要。
    Ø LINE 友だち獲得コスト低減
    - LINE ミニアプリ利⽤時、デフォルトで友だち追加されるようになっているため友だち獲得コストが低減できる
    https://developers.line.biz/ja/services/line-mini-app/

    View full-size slide

  19. LINE ミニアプリ
    n開発事例
    Ø matoca
    - 様々な業態に対応した順番待ちサービス
    • 順番待ち時に登録しておけば、順番が近づいた際に⾃動で通知メッセージが届く
    Ø yoboca
    - 商品の準備に時間がかかる業態向けの呼出通知サービス
    • フードコートやリユース店の買取査定など、購⼊した順番に関係なく準備できた際に通知メッセージが届く
    https://lineapiusecase.com/ja/technicalcase/bravetechnology.html

    View full-size slide

  20. LINE Things
    nLINEを介して、ユーザー、デバイス、サービスを接続
    するプラットフォームを提供
    Ø LINE アプリとデバイスを BLE 経由で連携できる API
    - デバイスと LINE Bot, LINE Pay などとの連携を実現できる
    - 【注意】iOS 版は提供停⽌中です…
    https://developers.line.biz/ja/services/line-things/

    View full-size slide

  21. LINE Things
    n過去作品
    Ø LINE Things Drink Bar
    - LINE Things / LINE Pay 対応にしたカップ式⾃動販売機のプロトタイプ実装
    • ⾃動販売機にキャッシュレス決済機能を付与しただけではなく、LINE API を利⽤することでユーザー単位で、い
    つ・どの商品を、どの⾃動販売機で購⼊した(または購⼊しなかった)かなどの⾏動履歴を把握できる
    -*/&5IJOHT.JOJ"XBSEΤϯδχΞ෦໳࠷༏ल৆

    View full-size slide

  22. LINE Pay
    n⾔わずとしれた決済 API
    Ø スポット決済だけでなく、サブスク決済にも対応
    - LIFF アプリと組み合わせるとシームレスな決済フローを構築できる
    https://pay.line.me/portal/global/main

    View full-size slide

  23. LINE Pay
    n過去作品
    Ø てぶらく
    - 保育園向け園児の着替えサブスクリプション・サービスのプロトタイプ実装
    • 保育園での着替えをサービス在庫から提供し、使った分だけを QR コードを読み取って登録するだけ
    • 追加料⾦は⽉次で LINE Pay にて⼀括決済として現⾦のやり取り無し
    -*/&4NBSU$JUZϋοΧιϯ࠷༏ल৆ɾঁࢠͩΒ͚ͷిࢠ޻࡞৆

    View full-size slide

  24. LINE Notify
    n Webサービスからの通知をLINEで受信
    Ø 外部 Web サービスからの通知や、独⾃アプリからの通知を特定の
    トーク画⾯へ送信できる
    - 連携できる Web サービス
    • GitHub, IFTTT, Mackerel
    - 独⾃アプリからの無料でプッシュ通知を送信可能
    • 通知するには OAuth 認証実施が必要
    https://notify-bot.line.me/ja/

    View full-size slide

  25. ⾝近に使える作品開発にぴったりな LINE API
    API 概要
    Messaging API Messaging APIは、あなたのサービスとLINEユーザーの双⽅向コミュニケーションを可能にする機能です。
    LINE Simple Beacon LINE アプリが起動しているスマホの接近を感知出来るビーコンを⾃作できる
    LINEログイン LINEログインをウェブアプリやネイティブアプリに組み込んで、LINEユーザーのネットワークとつなげま
    しょう。ユーザーのログインの利便性を⾼めれば、より良いコンバージョンレートが期待できます。
    LINE Front-end Framework
    (LIFF)
    LINEが提供するウェブアプリのプラットフォームです。ウェブアプリにLIFF SDKを組み込むと、LINEプ
    ラットフォーム上の情報やLINEアプリと連携した機能を扱うことができます。
    LINEミニアプリ “快適なサービス体験”をLINE上で実現
    LINE Things LINEを介して、ユーザー、デバイス、サービスを接続するプラットフォームを提供します。
    LINE Pay 決済の仕組みをアプリケーションに導⼊できます。
    LINE Notify Webサービスからの通知をLINEで受信
    ブロックチェーンサービス あなたのサービスにブロックチェーン技術を組み込みます。

    View full-size slide

  26. 詳しくは…

    View full-size slide

  27. 詳しくは
    n 先⽇実施した勉強会のアーカイブ動画をご覧ください︕︕
    https://www.youtube.com/watch?v=cOi3at-B5i0

    View full-size slide

  28. -*/&Ͱॱ൪଴ͪ NBUPDB
    ؾܰʹ଴ͬͯ΋Β͑Δॱ൪؅ཧαʔϏε
    IUUQTKVOCBONBDIJKQ

    View full-size slide

  29. NBUPDB ϚτΧ
    ͱ͸
    ൥ࡶͳड෇ۀ຿Λαϙʔτ͢Δॱ൪؅ཧαʔϏεͰ͢ɻ
    -*/&ϛχΞϓϦʹରԠ͠ʮඵͰൃ݊ʯΛίϯηϓτʹ࢖͍
    ΍͢͞Λ௥ٻ͍ͯ͠·͢ɻ

    View full-size slide

  30. ͋ΒΏΔۀछۀଶ΁ରԠ
    IUUQTZPCPDBKQ
    ݺग़௨஌αʔϏε ZPCPDB

    View full-size slide

  31. We are hiring!!

    View full-size slide

  32. SNS アカウントなど
    @sumihiro3
    Sumihiro.Kagawa
    LINE API Expert
    39

    View full-size slide

  33. ご清聴
    ありがとうございました︕

    View full-size slide