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

LIFFを使った待ち合わせアプリ

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for TanakaMidnight TanakaMidnight
July 30, 2018
Technology
81
0

 LIFFを使った待ち合わせアプリ

Avatar for TanakaMidnight

TanakaMidnight

July 30, 2018

More Decks by TanakaMidnight

See All by TanakaMidnight
APIを使う、作る
Avatar for TanakaMidnight tanakamidnight
0
180
Vue.jsで書くAdobe XD Plugin
Avatar for TanakaMidnight tanakamidnight
0
560
Web App created by Vue.js / Firebase (RxFire)
Avatar for TanakaMidnight tanakamidnight
0
460
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
Avatar for TanakaMidnight tanakamidnight
1
470
Vue.jsで作るAdobeXDプラグイン
Avatar for TanakaMidnight tanakamidnight
0
710
できるようになるかもしれないVueNative
Avatar for TanakaMidnight tanakamidnight
0
38
ハンズオンを支えた技術
Avatar for TanakaMidnight tanakamidnight
0
270
Vue.jsの始め方
Avatar for TanakaMidnight tanakamidnight
0
400
Vuesaxを使ってみる
Avatar for TanakaMidnight tanakamidnight
0
470

Other Decks in Technology

See All in Technology
Benchmarking Vector Databases: pgvector vs. LanceDB
Avatar for tsho tsho
0
130
AI時代に、プロダクトの数だけ積み上がる所有コストをどうエンジニアリングするか / Engineering the Cost of Ownership
Avatar for Kazuki Maeda kzkmaeda
0
940
Guerilla InnerSource in enterprises, during the AI hype
Avatar for Oleg Nenashev onenashev
PRO
0
150
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
120
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
Avatar for LayerX layerx
PRO
0
710
Azure Cost Management の FOCUS コストデータを迷わず読むための“3つの軸”
Avatar for Tetsuya Odashima tetsuyaooooo
0
140
Tab5をRubyで動くパソコンにする
Avatar for Katsuhiko Kageyama kishima
1
130
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
Avatar for Michael Tedder falken
PRO
0
210
GuardDuty 検知対応を DevOps Agent で効率化しようとしている話 / GuardDuty Investigations with DevOps Agent
Avatar for MasahiroKawahara masahirokawahara
1
280
Level Up Your CDK DX: 5 Tools I’ve Been Building
Avatar for k.goto gotok365
2
190
DMMブックスのNext.js化を加速させるAI活用 / Migrating DMM Books to Next.js with AI
Avatar for Kentaro Matsushita kentarom
1
330
[RSJ26] AnoleVLA: Lightweight Vision-Language-Action Model with Deep State Space Models for Mobile Manipulation
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
120

Featured

See All Featured
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
3k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.2k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
300
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
550
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.3k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
340
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
2
3.8k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
210
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k

Transcript

  1. LIFF(LINE Front-end Framework) を 使った待ち合わせアプリ

  2. ストーリーボード アプリと友達になり、 待ち合わせしたい相手とのトークに アプリを招待する。 「今どこ」または「いまどこ」と 入力すると、現在地を共有する為の リンクが表示される。 自分と相手がリンクを開くとお互いの現 在地がマップ上に表示される。

  3. 仕組み

  4. 使用している技術 ・サーバー(LINEからのメッセージ応答) 　Heroku ・サーバー(Web, DB) 　Firebase Hosting 　Firebase Cloud Firestore

    ・地図（アイコン、吹き出し） 　GoogleMapAPI

  5. TBC ・現在地を中心にマップ再表示 ・移動履歴の表示 ・目的地設定機能 　＆目的地へのルート検索機能