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

iOSアプリで測る！名古屋駅までの 方向と距離

Avatar for Ryu-nakayama Ryu-nakayama
April 26, 2025
Programming
0
190

iOSアプリで測る！名古屋駅までの 方向と距離

Nagoya.swift #1の登壇資料です

Avatar for Ryu-nakayama

Ryu-nakayama

April 26, 2025
Tweet

More Decks by Ryu-nakayama

See All by Ryu-nakayama
作文ツール(Writing Tools)をアプリから制御する
Avatar for Ryu-nakayama ryunakayama
0
30
「ジェン文字」をアプリ内で使ってみよう
Avatar for Ryu-nakayama ryunakayama
0
86
SwiftDataと連携したWidgetを作ってみた
Avatar for Ryu-nakayama ryunakayama
1
120
Swift Macroでメソッドの実行時間を計測できるようにしてみた
Avatar for Ryu-nakayama ryunakayama
1
170
Appleの審査担当の方とお話ししてみた！
Avatar for Ryu-nakayama ryunakayama
0
270
大公開！iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
Avatar for Ryu-nakayama ryunakayama
0
330
Translation API について 〜WWDC24〜
Avatar for Ryu-nakayama ryunakayama
0
320
効率化に挑戦してみたらモバイル開発が少し快適になった話
Avatar for Ryu-nakayama ryunakayama
0
1.7k
新卒1年目がプロジェクトを進めるときにコケたポイント
Avatar for Ryu-nakayama ryunakayama
1
1.8k

Other Decks in Programming

See All in Programming
decksh - a little language for decks
Avatar for Anthony Starks ajstarks
4
21k
AIコーディングエージェント全社導入とセキュリティ対策
Avatar for hikae hikaruegashira
16
9.4k
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
Avatar for r-kagaya rkaga
4
380
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
Avatar for adachi.ryo rvirus0817
0
250
PHPカンファレンス関西2025　基調講演
Avatar for SUGIMOTO Kei sugimotokei
6
1.1k
Bedrock AgentCore ObservabilityによるAIエージェントの運用
Avatar for matsukada licux
8
560
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
Avatar for はる lemonade_37
1
440
Claude Code と OpenAI o3 で メタデータ情報を作る
Avatar for laket laket
0
110
新しいモバイルアプリ勉強会（仮）について
Avatar for 上ちょ / uetyo uetyo
1
250
Constant integer division faster than compiler-generated code
Avatar for herumi herumi
1
160
Claude Code で Astro blog を Pages から Workers へ移行してみた
Avatar for Kei Kamikawa codehex
0
170
ZeroETLで始めるDynamoDBとS3の連携
Avatar for afooooil afooooil
0
150

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
6k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
73
5k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k

Transcript

  1. iOSアプリで測る！名古屋駅までの 方向と距離 コミュニケーションプラットフォームディビジョン プロダクトユニット iOSアプリ開発グループ 中山 龍 2025年04月26日 Nagoya.swift #1

  2. 自己紹介 中山 龍 (なかやま りゅう) • 株式会社kubell ◦ 新卒3年目のiOSエンジニア(22) ◦

    「Chatwork」アプリの開発を担当 • 愛知県在住 • ひとこと ◦ @ryu_develop せっかくのNagoya.swiftということで 位置情報ネタを選んだけど、他の方と 少しネタ被りしてるかも？

  3. 今日、この会場に来るまでに名古屋駅を 使った方いらっしゃいますか？

  4. 名古屋駅が 分かりますか？ • 何km先にあるか • どの方向にあるか

  5. 名古屋駅が 分かりますか？ • 何km先にあるか • どの方向にあるか これをiOSアプリで測ってみましょう

  6. 01 | 距離を測る

  7. 距離を測る 現在地から目的地の距離を測る ↓ 二点の座標がわかると距離を測れそう ↓ 現在地と目的地の座標がわかるようにしてみましょう！ 7

  8. 現在地の座標を取得する

  9. 現在地の座標を得るには 端末の現在地の座標を取得する方法 Core Locationを使う 9

  10. 現在地の座標を得るには(1) 1. Core Locationをimportする 2. CLLocationManagerのインスタンスを作成 3. CLLocationManagerDelegateに準拠した型を作成する • CLLocationManagerインスタンスのdelegateに代入する

    10

  11. 現在地の座標を得るには(2) 4. 位置情報取得の許諾を得るための処理を記述する 5. 位置情報の更新を開始する 11

  12. 現在地の座標を得るには(3) 6. didUpdateLocationsのメソッド内で現在の緯度・経度が取得できる • 新しい位置情報が利用できる時に呼ばれる 12

  13. 現在地の座標を得るには(3) 6. didUpdateLocationsのメソッド内で現在の緯度・経度が取得できる • 新しい位置情報が利用できる時に呼ばれる 13 これで現在地が取得できた

  14. 目的地の座標を取得する

  15. 目的地の座標を得るには 今回は目的地の指定に MapKitを使う 15

  16. 目的地の座標を得るには(1) 1. MapKitをimportする 2. MKMapViewDelegateに準拠した型を作成する • MKMapViewのdelegateに代入する 16

  17. 目的地の座標を得るには(2) 3. didSelectのメソッド内で選択された緯度・経度が取得できる • MKMapViewで地点がタップされた時に呼ばれる 17

  18. 目的地の座標を得るには(2) 3. didSelectのメソッド内で選択された緯度・経度が取得できる • MKMapViewで地点がタップされた時に呼ばれる 18 これで目的地が取得できた

  19. 02 | 方向を測る

  20. 端末の方向を得るには 端末の向いている方向を取得する方法 Core Locationを使う 20

  21. 端末の方向を得るには 1. 「現在地の座標を得るには」の1〜5の手順で、CoreLocationで位置情報を取得 できるようにする 2. didUpdateHeadingのメソッド内で端末の向き(北からの角度)が取得できる • 新しい端末の向きの情報を受けたときに呼ばれる 21

  22. 端末の方向を得るには 1. 「現在地の座標を得るには」の1〜5の手順で、CoreLocationで位置情報を取得 できるようにする 2. didUpdateHeadingのメソッド内で端末の向き(北からの角度)が取得できる • 新しい端末の向きの情報を受けたときに呼ばれる 22 これで端末の方向が取得できた

  23. 03 | 名古屋駅はどっちに何km？

  24. 名古屋駅はどっちに何km？ 現在地の座標と目的地の座標がわかったので、 • 現在地→目的地の距離(ここから名古屋駅までの距離) • 現在地から目的地への方角 が計算できます！ そして、端末の向いている方向(方角)もわかるので、 • 目的地のある方向

    もわかります！ 24

  25. そして、この会場から名古屋駅へは... [実演] 実際にアプリで測る 25 000

  26. まとめ

  27. まとめ • Core LocationとMapKitを使用することで、現在地から名古屋駅までの距離と 方向を知ることができた！ • Core Locationを使用すると、端末の「位置」「向き」などが取得できる ◦ 情報の取得には許可が必要

    • MapKitを使用すると、選択した任意の地点の「位置」などが取得できる • 位置情報など、モバイルアプリならではの機能を使い、よりよいサービス・体 験を作り出すことができそう！！ 27

  28. 働くをもっと楽しく、創造的に 28