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

TechSeeker Hackathon 本番で使えるLINEのAPI紹介&過去作の紹介

TechSeeker Hackathon 本番で使えるLINEのAPI紹介&過去作の紹介

2023-05-30
LINE API Input for TechSeeker Hackathon!
発表資料

sumihiro3

May 30, 2023
Tweet

More Decks by sumihiro3

Other Decks in Technology

Transcript

  1. 5FDI4FFLFS )BDLBUIPO
    ຊ൪Ͱ࢖͑Δ-*/&ͷ"1*
    ঺հաڈ࡞ͷ঺հ
    2023.05.30
    Sumihiro Kagawa

    View Slide


  2. TechSeeker Hackathon
    開催︕
    🎉 🎉
    2

    View Slide

  3. ⾃⼰紹介

    View Slide

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

    View Slide

  5. 本⽇のテーマ

    View Slide

  6. 本⽇のテーマ
    nTechSeeker Hackathon 本番で使える(参考に
    なる)
    l LINEのAPI紹介
    l 過去作の紹介

    View 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 Slide

  8. Messaging API

    View Slide

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

    View Slide

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

    View Slide

  11. LINE Front-end
    Framework
    (LIFF)

    View Slide

  12. 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 Slide

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

    View Slide

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

    View Slide

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

    View Slide

  16. LINE ミニアプリ

    View Slide

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

    View Slide

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

    View Slide

  19. LINE Things

    View Slide

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

    View Slide

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

    View Slide

  22. LINE Pay

    View Slide

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

    View Slide

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

    View Slide

  25. LINE Notify

    View Slide

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

    View Slide

  27. まとめ

    View Slide

  28. ⾝近に使える作品開発にぴったりな 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 Slide

  29. 宣伝

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  33. View Slide

  34. We are hiring!!

    View Slide

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

    View Slide

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

    View Slide

  37. E.O.C.

    View Slide