{"id":2514,"date":"2024-11-28T21:13:45","date_gmt":"2024-11-28T12:13:45","guid":{"rendered":"https:\/\/y42u.net\/tec001\/?p=2514"},"modified":"2024-11-28T21:15:34","modified_gmt":"2024-11-28T12:15:34","slug":"swiftui-runlogger","status":"publish","type":"post","link":"https:\/\/y42u.net\/tec001\/2024\/11\/28\/swiftui-runlogger\/","title":{"rendered":"SwiftUI\u3067Runlogger(\u98a8\uff09\u3092\u4f5c\u3063\u3066\u307f\u305f"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u4ee5\u524dObjective-C\u3067\u4f5c\u6210\u3057\u3066\u3044\u305fRunLogger\u3092SwiftUI\u306e\u8abf\u67fb\u30fb\u52c9\u5f37\u306e\u70ba\u306b\u30c6\u30b9\u30c8\u7684\u306b\u57fa\u672c\u90e8\u5206\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"482\" height=\"462\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-21.11.02.png?resize=482%2C462&#038;ssl=1\" alt=\"\" class=\"wp-image-2525\" style=\"width:286px;height:auto\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-21.11.02.png?w=482&amp;ssl=1 482w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-21.11.02.png?resize=300%2C288&amp;ssl=1 300w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-21.11.02.png?resize=40%2C38&amp;ssl=1 40w\" sizes=\"(max-width: 482px) 100vw, 482px\" \/><figcaption class=\"wp-element-caption\">SeiftUI<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\uff11\uff09\u72b6\u6cc1\u3068SwiftUI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u524d\u56de\u306fFlutter\u3092\u4f7f\u7528\u3057\u3066Runlogger(\u98a8\uff09\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u306e\u3067\u3001\u540c\u69d8\u306bSwiftUI\u3067\u3082\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002\u77e5\u3089\u306a\u3044\u8a00\u8a9e\u3067\u3082\u300c\uff11\u9031\u9593\u3082\u6709\u308c\u3070\u5927\u4f53\u4f7f\u3048\u308b\u300d\u3068\u3001\u8272\u3005\u306a\u4eba\u304c\u8a00\u3063\u3066\u307e\u3059\u3057\u79c1\u3082\u6614\u306f\u305d\u3046\u601d\u3063\u3066\u5c45\u307e\u3057\u305f\u306e\u3067\u3001\u4eca\u3067\u3082\u51fa\u6765\u308b\u304b\uff1f\u3068\u306e\u78ba\u8a8d\u3082\u542b\u3081\u3066\u3084\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4ee5\u524dObjective-C\u3067\u4f5c\u3063\u3066\u5c45\u305f\u6642\u306bSwift\u304c\u51fa\u3066\u304d\u3066\u3001\u30b5\u30f3\u30d7\u30eb\u30a2\u30d7\u30ea\u3092\u5c11\u3057\u5f04\u3063\u305f\u3060\u3051\u306a\u306e\u3067\u300c\u521d\u3081\u3066\u300d\u3068\u306f\u9055\u3044\u307e\u3059\u304c\u3001\u4f3c\u305f\u69d8\u306a\u7269\u3067\u3057\u3087\u3046\u3002\u305d\u306e\u6642\u306fObjective-C\u3088\u308a\u300c\u884c\u6570\u304c\u5c11\u306a\u304f\u66f8\u3051\u308b\u300d\u7a0b\u5ea6\u306e\u8a8d\u8b58\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">iOS\u958b\u767a\u306fSwiftUI\u304c\u51fa\u308b\u524d\u306fObjective-C\u6642\u4ee3\u306eUIKit\u3068\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u30d3\u30eb\u30c0\u30fc\u3092\u4f7f\u7528\u3057\u3066\u5c45\u307e\u3057\u305f\u306e\u3067\u3001Swift\u306b\u306a\u3063\u305f\u3068\u3057\u3066\u3082\u9762\u5012\u3067\u3057\u305f\uff08\uff1d\u90e8\u54c1\u914d\u7f6e\u306a\u3069GUI\u3067\u3067\u304d\u308b\u306e\u3067\u4e00\u898b\u4f7f\u3044\u3084\u3059\u3044\u306e\u3067\u3059\u304c\u3001\u4f4d\u7f6e\u306e\u8abf\u6574\u306a\u3069\u3059\u308b\u3068\u7d50\u69cb\u6642\u9593\u304c\u304b\u304b\u308a\u307e\u3059\uff09\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u304c\u3001SwiftUI\u306b\u306a\u308a\u6d41\u884c\u308a\u306e\u753b\u9762\u3092\u30b3\u30fc\u30c9\u3067\u6307\u5b9a\u3059\u308b\u65b9\u6cd5\u306b\u306a\u308a\u3001\u7d30\u304b\u306a\u8abf\u6574\u3092\u3057\u306a\u3044\u306a\u3089\u7c21\u5358\u306b\u753b\u9762\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002\u3053\u306e\u8fba\u306fFlutter\u3068\u540c\u3058\u3067\u3059\u304c\u3001Flutter\u3088\u308a\u3082\u7c21\u6613\u306b\u4f5c\u6210\u3067\u304d\u305d\u3046\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uff12\uff09\u4f5c\u6210\u3057\u305f\u30d5\u30a1\u30a4\u30eb\u30fb\u30d5\u30a9\u30eb\u30c0\u30fc<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b9f\u969b\u306b\u4fee\u6b63\u30fb\u4f5c\u6210\u3057\u305f\u306e\u306f\u4ee5\u4e0b\u306e\u30d5\u30a1\u30a4\u30eb\u3068\u30d5\u30a9\u30eb\u30c0\u30fc\u3067\u3057\u305f\u3002<br>\u753b\u9762(View)\u304b\u3089\u4f5c\u6210\u3057\u3066\u3044\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u6a5f\u80fd\u5206\u5272\u3057\u3066\u3044\u308b\u3068\u3069\u3046\u3057\u3066\u3082MVVM\u5f62\u5f0f\u306b\u5f15\u304d\u305a\u3089\u308c\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SwiftUI\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001MVVM\u5f62\u5f0f\u306f\u4e0d\u8981\u3068\u306eNet\u8a18\u4e8b\u3082\u3042\u308a\u307e\u3057\u305f\u3002\u5185\u5bb9\u7684\u306b\u306fViewModels\u304cModel\u3068View\u306e\u4ef2\u4ecb\u3067\u3059\u304c\u3001\uff12\u6bb5\u968ecall\u306b\u306a\u3063\u3066\u52b9\u7387\u304c\u60aa\u3044\u3002\u3002\u3002\u3068\u306e\u611f\u3058\u3082\u53d7\u3051\u307e\u3059\u304c\u305d\u308c\u306a\u308a\u306b\u4fbf\u5229\u306a\u306e\u3067\u4f7f\u3063\u3066\u5c45\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b3\u30fc\u30c9\u7684\u306b\u306f\u6539\u5584\u70b9\u304c\u591a\u3005\u3042\u308b\u3068\u601d\u3044\u307e\u3059\u304c\uff11\u9031\u9593\u3067\u306f\u3053\u306e\u7a0b\u5ea6\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u2502  RunLoggerSWUIApp.swift\n\u2502  ContentView.swift\n\u2502  \n\u251c\u2500ViewModels\n\u2502      EnvViewModel.swift\n\u2502      \n\u251c\u2500Models\n\u2502      gpsLogData.swift\n\u2502      gps.swift\n\u2502      debugData.swift\n\u2502      \n\u2514\u2500Views\n        RunView.swift\n        MapView.swift<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u30d5\u30a1\u30a4\u30eb\u540d<\/th><th>\u5185\u5bb9\u306a\u3069<\/th><\/tr><\/thead><tbody><tr><td>RunLoggerSWUIApp.swift<\/td><td>\u30d7\u30ed\u30b0\u30e9\u30e0\u30e1\u30a4\u30f3<br><br>ContentView()\u3092\u547c\u3076\u3060\u3051\u3067\u3059\u304c\u3001\u5171\u901a\u306b\u4f7f\u7528\u3059\u308b\u300c\u74b0\u5883\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u300d\u306e\u521d\u671f\u5316\u3092\u542b\u307f\u307e\u3059<br>\u4f8b\uff09<br>ContentView()<br>.environmentObject(EnvViewModel())\u00a0<\/td><\/tr><tr><td>ContentView.swift<\/td><td>\u753b\u9762\u5168\u4f53\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002Runlogger(\u98a8\uff09\u3067\u306f<br>TabView\u3092\u4f7f\u7528\u3057\u3066\u753b\u9762\u5207\u308a\u66ff\u3048\u3092\u3057\u3066\u3044\u307e\u3059\u3002<\/td><\/tr><tr><td>Views\/MapView.swift<\/td><td>map(\u5730\u56f3)\u753b\u9762\u30d7\u30ed\u30b0\u30e9\u30e0\u30bd\u30fc\u30b9<br>\u5730\u56f3\u8868\u793a\u3068\u73fe\u5728\u4f4d\u7f6e\u306b\u30d4\u30f3\u3092\u7acb\u3066\u308b\u3002<\/td><\/tr><tr><td>Views\/RunView.swift<\/td><td>run(\u5730\u56f3)\u753b\u9762\u30d7\u30ed\u30b0\u30e9\u30e0\u30bd\u30fc\u30b9<br>\u8d70\u884c\u901f\u5ea6\u30fb\u8ddd\u96e2\u30fb\u6a19\u9ad8\u3092\u8868\u793a\u3059\u308b<\/td><\/tr><tr><td>ViewModels\/EnvViewModel.swift<\/td><td>View\u3067\u5171\u901a\u306b\u4f7f\u7528\u3059\u308b\u30bf\u30a4\u30de\u30fc\u3084Gps\u30c7\u30fc\u30bf\u306e\u52a0\u5de5\u3092\u884c\u3046Models\u3068\u306e\u4ef2\u4ecb\u6a5f\u80fd\u30bd\u30fc\u30b9<br>\u901a\u5e38\u306eMVVM\u3067\u306fMapViewModel\u3068RunViewModel\u306b\u76f8\u5f53\u3059\u308b\u3002<br>\u74b0\u5883\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u3057\u3066\u30b0\u30ed\u30fc\u30d0\u30eb\u5909\u6570\u306e\u69d8\u306a\u4f7f\u3044\u65b9\u3092\u3057\u3066\u3044\u308b\uff08\uff1d\u8ab0\u304b\u306b\u3001\u554f\u984c\u304c\u3042\u308b\u4f7f\u3044\u65b9\u3068\u8a00\u308f\u308c\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\uff09<\/td><\/tr><tr><td>Models\/gps.swift<\/td><td>GPS\u306e\u95a2\u9023\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u30af\u30e9\u30b9.<br>\u5225\u3005\u306a\u95a2\u6570\u3084\u5024\u3092\u307e\u3068\u3081\u308b\u305f\u3081\u306e\u30af\u30e9\u30b9\u3067\u3001static\u3067\u5168\u3066\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u69d8\u306b\u3057\u305f\u7269\u3067\u3059\uff08\u3042\u308b\u610f\u5473\u3067\u306f\u30b7\u30f3\u30b0\u30eb\u30c8\u30fc\u30f3\u30d1\u30bf\u30fc\u30f3\u3067\u3059\u306d\uff09\u3002<\/td><\/tr><tr><td>Models\/gpsLogData.swift<\/td><td>runlogger\u306e\u300clogger\u300d\u90e8\u5206\u306e\u30c7\u30fc\u30bf\u3092\u7ba1\u7406\u3059\u308b\u30af\u30e9\u30b9\u3067\u3059\u3002\u300cStart\u300d\u300cStop\u300d\u9593\u306e\u4f4d\u7f6e\u3084\u9ad8\u3055\u3001\u30b9\u30d4\u30fc\u30c9\u3001\u8ddd\u96e2\u306a\u3069\u3092\u4fdd\u5b58\u3057\u3066\u304a\u308a\u300cStop\u300d\u6642\u306bcsv\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u4fdd\u5b58\u3057\u307e\u3059\u3002<\/td><\/tr><tr><td>Models\/gpsLogData.swift<\/td><td>\u52d5\u4f5c\u691c\u8a3c\u7528\u306e\u5ea7\u6a19\u5024\u30ea\u30b9\u30c8\u30c7\u30fc\u30bf\u30d5\u30a1\u30a4\u30eb\u3067\u3059\u3002Debug\u30e2\u30fc\u30c9\u306e\u6642\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\uff13\uff09Map(\u5730\u56f3)\u753b\u9762<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Runlogger\u3092\u8d77\u52d5\u3059\u308b\u3068\u5730\u56f3\u753b\u9762\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u30ed\u30b0\u304c\u958b\u59cb\u3055\u308c\u3066\u5c45\u307e\u305b\u3093\u306e\u3067\u3001\u8d70\u884c\u6642\u9593\u30fb\u8d70\u884c\u8ddd\u96e2\u30fb\u300cstop\u30dc\u30bf\u30f3\u300d\u306a\u3069\u306f\u7070\u8272\u8868\u793a\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top\"><figure class=\"wp-block-media-text__media\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.11.45.jpg?resize=576%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-2515 size-full\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.11.45.jpg?resize=576%2C1024&amp;ssl=1 576w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.11.45.jpg?resize=169%2C300&amp;ssl=1 169w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.11.45.jpg?resize=22%2C40&amp;ssl=1 22w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.11.45.jpg?w=750&amp;ssl=1 750w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">\u300cStart\u30dc\u30bf\u30f3\u300d\u3067\u30ed\u30b0\u3092\u958b\u59cb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300cStop\u30dc\u30bf\u30f3\u300d\u3067\u30ed\u30b0\u3092\u7d42\u4e86\u3057\u307e\u3059\u3002\u7d42\u4e86\u6642\u306bcsv\u30d5\u30a1\u30a4\u30eb\u306b\u30ed\u30b0\u3092\u4fdd\u5b58\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300cRunType\u30dc\u30bf\u30f3\u300d\u306f\u672a\u5b9f\u88c5\u3067\u3059\u3002\u6b69\u304d\u30fb\u8d70\u308a\u30fb\u81ea\u8ee2\u8eca\u306a\u3069\u3067\u30ab\u30ed\u30ea\u30fc\u8a08\u7b97\u30d1\u30e9\u30e1\u30fc\u30bf\u306a\u3069\u3092\u5207\u308a\u66ff\u3048\u308b\u70ba\u306b\u4f7f\u7528\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\uff0b\u300d\u5730\u56f3\u3092\u62e1\u5927\u3057\u307e\u3059<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\u30fc\u300d\u5730\u56f3\u3092\u7e2e\u5c0f\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300cL\u300d\u5730\u56f3\u30fb\u885b\u751f\u753b\u50cf\u3092\u5207\u308a\u66ff\u3048\u307e\u3059(\u672a\u5b9f\u88c5)\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u73fe\u5728\u4f4d\u7f6e\u306b\u8d64\u3044\u30d4\u30f3\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002\u4ee5\u524d\u306e\u4f4d\u7f6e\u304c\u308f\u304b\u308b\u69d8\u306b20\u500b\u306e\u30d4\u30f3\u3092\u5de1\u56de\u914d\u7f6e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.05.25.jpg?resize=576%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-2516\" style=\"width:312px;height:auto\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.05.25.jpg?resize=576%2C1024&amp;ssl=1 576w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.05.25.jpg?resize=169%2C300&amp;ssl=1 169w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.05.25.jpg?resize=22%2C40&amp;ssl=1 22w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.05.25.jpg?w=750&amp;ssl=1 750w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\uff14\uff09Run(\u8d70\u884c)\u753b\u9762<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5730\u56f3\u753b\u9762\u3067\u300cRun\u300d\u30bf\u30d6\u3092\u62bc\u3059\u3068Run\u753b\u9762\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top\"><figure class=\"wp-block-media-text__media\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.12.05.png?resize=576%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-2517 size-full\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.12.05.png?resize=576%2C1024&amp;ssl=1 576w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.12.05.png?resize=169%2C300&amp;ssl=1 169w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.12.05.png?resize=22%2C40&amp;ssl=1 22w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-16.12.05.png?w=750&amp;ssl=1 750w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">\u300cStart\u30dc\u30bf\u30f3\u300d\u3067\u30ed\u30b0\u3092\u958b\u59cb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300cStop\u30dc\u30bf\u30f3\u300d\u3067\u30ed\u30b0\u3092\u7d42\u4e86\u3057\u307e\u3059\u3002\u7d42\u4e86\u6642\u306bcsv\u30d5\u30a1\u30a4\u30eb\u306b\u30ed\u30b0\u3092\u4fdd\u5b58\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300cRunType\u30dc\u30bf\u30f3\u300d\u306f\u672a\u5b9f\u88c5\u3067\u3059\u3002\u6b69\u304d\u30fb\u8d70\u308a\u30fb\u81ea\u8ee2\u8eca\u306a\u3069\u3067\u30ab\u30ed\u30ea\u30fc\u8a08\u7b97\u30d1\u30e9\u30e1\u30fc\u30bf\u306a\u3069\u3092\u5207\u308a\u66ff\u3048\u308b\u70ba\u306b\u4f7f\u7528\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u901f\u5ea6\u30fb\u6a19\u9ad8\u3092\u30b0\u30e9\u30d5\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\uff1c\uff1c\u30dc\u30bf\u30f3\u300d\u306f\u30ed\u30b0\u958b\u59cb\u304b\u308920\u500b\u306e\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c\uff1e\uff1e\u30dc\u30bf\u30f3\u300d\u306f\u30ed\u30b0\u6700\u5f8c\u304b\u308920\u500b\u306e\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u300call\u30dc\u30bf\u30f3\u300d\u306f\u30ed\u30b0\u5168\u4f53\u30b0\u30e9\u30d5\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"576\" height=\"1024\" data-id=\"2518\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.02.png?resize=576%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-2518\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.02.png?resize=576%2C1024&amp;ssl=1 576w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.02.png?resize=169%2C300&amp;ssl=1 169w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.02.png?resize=22%2C40&amp;ssl=1 22w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.02.png?w=750&amp;ssl=1 750w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"576\" height=\"1024\" data-id=\"2519\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.47.png?resize=576%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-2519\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.47.png?resize=576%2C1024&amp;ssl=1 576w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.47.png?resize=169%2C300&amp;ssl=1 169w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.47.png?resize=22%2C40&amp;ssl=1 22w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/Simulator-Screenshot-iPhone-SE-3rd-generation-2024-11-28-at-17.08.47.png?w=750&amp;ssl=1 750w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\uff15\uff09\u958b\u767a\u30e1\u30e2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u3044\u304f\u3064\u304bSwiftUI\u3067\u958b\u767a\u3059\u308b\u4e0a\u3067\u56f0\u3063\u305f\u4e8b\u304c\u6709\u308a\u307e\u3059\u306e\u3067\u30e1\u30e2\u3068\u3057\u3066\u6b8b\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uff11\u3002\u306a\u304b\u306a\u304b\u30b5\u30f3\u30d7\u30eb\u30d7\u30ed\u30b0\u30e9\u30e0\u304c\u52d5\u304b\u306a\u3044<br>\u3000\u3053\u308c\u306f\u79c1\u306e\u74b0\u5883\u554f\u984c\u3068\u3082\u8a00\u3048\u307e\u3059\u304cXcode14.3.1\u3092\u4f7f\u7528\u3057\u3066\u5c45\u307e\u3059(=Xamarin\u306e\u958b\u767a\u3082\u3042\u308aXcode15.4\u306b\u4e0a\u3052\u308c\u306a\u3044\u305f\u3081\u306e\u30c8\u30e9\u30d6\u30eb\u304b\u3082\u3057\u308c\u307e\u305b\u3093)<br>\u3000\u30b5\u30f3\u30d7\u30eb\u304ciOS17\u306a\u3069\u306e\u6700\u65b0\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u5bfe\u8c61\u306b\u3057\u3066\u3044\u305f\u308a\u3001SwiftUI\u81ea\u4f53\u304c\u65b0\u3057\u304f\u3066\u6a5f\u80fd\u66f4\u65b0\u304c\u7d9a\u3044\u3066\u3044\u308b\u69d8\u3067\u306a\u304b\u306a\u304b\u7d20\u76f4\u306b\u52d5\u3044\u3066\u304f\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3000\u73fe\u5728\u3001\u5730\u56f3\u5f62\u5f0f\u3092\u666e\u901a\u30fb\u885b\u661f\u306b\u5207\u308a\u66ff\u3048\u308b\u305f\u3081\u306e\u300cL\u300d\u30dc\u30bf\u30f3\u304c\u672a\u5b9f\u88c5\u3067\u3059\u3002Map\u306emapStyle\u3092\u5207\u308a\u66ff\u3048\u308b\u3060\u3051\u306e\u5358\u7d14\u306a\u6a5f\u80fd\u3067\u3059\u304c\u3001\u3069\u3046\u3057\u3066\u3082\u30b3\u30f3\u30d1\u30a4\u30eb\u30a8\u30e9\u30fc\u304c\u53d6\u308c\u306a\u3044\u306e\u3067\u305d\u306e\u307e\u307e\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.35.53.png?resize=1024%2C455&#038;ssl=1\" alt=\"\" class=\"wp-image-2521\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.35.53.png?resize=1024%2C455&amp;ssl=1 1024w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.35.53.png?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.35.53.png?resize=40%2C18&amp;ssl=1 40w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.35.53.png?resize=768%2C341&amp;ssl=1 768w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.35.53.png?w=1180&amp;ssl=1 1180w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">mapStyle\u90e8\u5206\u3092\u30b3\u30e1\u30f3\u30c8\u30a2\u30a6\u30c8\u3059\u308b\u3068\u30b3\u30f3\u30d1\u30a4\u30eb\u30a8\u30e9\u30fc\u304c\u306a\u304f\u306a\u308a\u307e\u3059\uff08\uff1f\uff1f\uff1f\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"433\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.36.07.png?resize=1024%2C433&#038;ssl=1\" alt=\"\" class=\"wp-image-2522\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.36.07.png?resize=1024%2C433&amp;ssl=1 1024w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.36.07.png?resize=300%2C127&amp;ssl=1 300w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.36.07.png?resize=40%2C17&amp;ssl=1 40w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.36.07.png?resize=768%2C325&amp;ssl=1 768w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-17.36.07.png?w=1168&amp;ssl=1 1168w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\uff12\u3002Xcode\u304cVSCode\u3068\u6bd4\u3079\u308b\u3068\u6a5f\u80fd\u304c\u30a4\u30de\u30a4\u30c1<br>\u3000VSCode\u306a\u3089\u6b21\u3005\u3068\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u63d0\u6848\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u5b9f\u969b\u306e\u30b3\u30fc\u30c9\u5165\u529b\u304c\u975e\u5e38\u306b\u3059\u304f\u306a\u304f\u3066\u6e08\u3080\u306e\u304c\u3001\u6c7a\u307e\u308a\u304d\u3063\u305f\u30b3\u30fc\u30c9\u3092\u4e00\u3005\u3044\u308c\u308b\u306e\u306f\u975e\u5e38\u306b\u9762\u5012\u3067\u3059\u3002\u3002\u3002\u3002\u3068\u601d\u3063\u305f\u3089\u3001GitHub Copilot\u306eXcode\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u3042\u308a\u307e\u3057\u305f\u3002\u3000\u5225\u30a2\u30d7\u30ea\u3067\u3059\u304cXcode\u3068\u5171\u306b\u4f7f\u3046\u3068\u5c11\u3057\u306f\u30de\u30b7\u3067\u3059\u304c\u3001\u307e\u3060\u307e\u3060VSCode\u306e\u69d8\u306b\u306f\u52d5\u304d\u307e\u305b\u3093\u3002\u4eca\u5f8c\u306b\u671f\u5f85\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u53c2\u7167\uff1a<strong><a href=\"https:\/\/zenn.dev\/treastrain\/articles\/42a3793816c6ce\">GitHub Copilot \u3092 Xcode \u3067\u4f7f\u3046\uff08GitHub \u516c\u5f0f\u306e Xcode \u6a5f\u80fd\u62e1\u5f35\uff09<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3\u3002TAB\u306e\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306f\u57fa\u672c\u306e\u7269\u3067\u5341\u5206\u3060\u3063\u305f<br>\u3000SwiftUI\u3067\u4f7f\u7528\u3059\u308b\u30a2\u30a4\u30b3\u30f3\u306a\u3069\u306e\u753b\u50cf\u306f\u300cSF Symbols\u300d\u30a2\u30d7\u30ea\u3067\u7c21\u5358\u306b\u898b\u3064\u3051\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u53c2\u7167\uff1a<strong><a href=\"https:\/\/developer.apple.com\/jp\/sf-symbols\/\">SF Symbols 6<\/a><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f8b\u3048\u3070TAB\u30a2\u30a4\u30b3\u30f3\u3092\u8a2d\u5b9a\u3057\u3066\u3044\u308b\u30bd\u30fc\u30b9\u3067\u306f\u3001Map\u306f\u300cglobe\u300dRun\u306f\u300cbicycle\u300d\u3092\u4f7f\u7528\u3057\u3066\u5c45\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>struct ContentView: View {\n    var body: some View {\n        TabView {\n            MapView()\n                .tabItem {\n                    Label(\"Map\", systemImage: \"globe\")\n                    \n                }\n            RunView()\n                .tabItem {\n                    Label(\"Run\", systemImage: \"bicycle\")\n                }\n            Text(\"Set\")\n                .tabItem {\n                    Label(\"Set\", systemImage: \"gearshape\")\n                }\n        }\n    }\n}<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"899\" src=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-18.09.04.jpg?resize=1024%2C899&#038;ssl=1\" alt=\"\" class=\"wp-image-2524\" srcset=\"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-18.09.04.jpg?resize=1024%2C899&amp;ssl=1 1024w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-18.09.04.jpg?resize=300%2C263&amp;ssl=1 300w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-18.09.04.jpg?resize=40%2C35&amp;ssl=1 40w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-18.09.04.jpg?resize=768%2C674&amp;ssl=1 768w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-18.09.04.jpg?resize=1536%2C1349&amp;ssl=1 1536w, https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-18.09.04.jpg?w=1704&amp;ssl=1 1704w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">SF Symbols\u753b\u9762<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\uff16\uff10\uff10\uff10\u3092\u8d85\u3048\u308b\u30b7\u30f3\u30dc\u30eb\u304c\u3042\u308b\u69d8\u306a\u306e\u3067\u3001\u5927\u4f53\u306f\u9593\u306b\u5408\u3044\u305d\u3046\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4\u3002\u753b\u9762\u306e\u518d\u63cf\u753b\u30bf\u30a4\u30df\u30f3\u30b0<br>\u3000\u753b\u9762\u5168\u4f53\u306f\u300cView\u306ebody\u300d\u3068\u3057\u3066\u8a18\u8ff0\u3057\u307e\u3059\u304c\u3001\u753b\u9762\u306e\u66f4\u65b0\u306f\u300c<br>@EnvironmentObject\u300d\u3067\u5b9a\u7fa9\u3057\u305f\u30af\u30e9\u30b9\u5185\u306e\u5909\u6570\u304c\u66f4\u65b0\u3055\u308c\u308b\u3053\u3068\u306b\u3088\u308a\u3001\u95a2\u9023\u3059\u308bView\u304c\u66f4\u65b0\u3055\u308c\u307e\u3059\u3002\u306a\u306e\u3067\u3001\u30dc\u30bf\u30f3\u304c\u62bc\u3055\u308c\u305f\u308a\u3001\uff11\u79d2\u30bf\u30a4\u30de\u30fc\u3067\uff11\u79d2\u6bce\u306b\u73fe\u5728\u5ea7\u6a19\u3092\u53d6\u5f97\u3057\u3066\u3001\u5730\u56f3\u306e\u30d4\u30f3\u3092\u79fb\u52d5\u3059\u308b\u3002\u3002\u306a\u3069\u306e\u51e6\u7406\u304c\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ @EnvironmentObject\u306eregion\u3092@Published\u3068\u3057\u3066\u5b9a\u7fa9\u3057\u3066\u3044\u308b\u3002\n\/\/\n    \/\/ Map\u306e\u5909\u66f4\u7528\u5909\u6570\u5b9a\u7fa9\n    @Published var region:MKCoordinateRegion = MKCoordinateRegion (\n        center: CLLocationCoordinate2D (\n            latitude: 35.70521248,\n            longitude: 139.5728176\n        ),\n        latitudinalMeters: 50,\n        longitudinalMeters: 50\n    )\n\n&#91;\u62e1\u5927\u30dc\u30bf\u30f3]\u62e1\u5927\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u5834\u5408\u306e\u5b9f\u884c\u95a2\u6570\u4f8b: region\u306e\u7bc4\u56f2\u30920.5\u500d\u3057\u3066\u3044\u308b\nregion\u304c\u5909\u66f4\u3055\u308c\u305f\u306e\u3067region\u3092\u4f7f\u7528\u3057\u3066\u3044\u308bMapView\u306ebuild\u304c\u5b9f\u884c\u3055\u308c\u3001\u62e1\u5927\u5730\u56f3\u304c\u8868\u304c\u3055\u308c\u308b\u3002\n    \/\/\/ &lt;summary>\n    \/\/\/ \u5730\u56f3\u3092\u62e1\u5927\u3059\u308b\n    \/\/\/ &lt;\/summary>\n    func zoomIn() {\n        self.region.span.latitudeDelta *= 0.5\n        self.region.span.longitudeDelta *= 0.5\n    }<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u30bf\u30a4\u30de\u30fc\u3067\uff11\u79d2\u6bce\u306b\u73fe\u5728\u5ea7\u6a19\u3092\u53d6\u5f97\u3057\u3066\u3044\u308b\u3002\u53d6\u5f97\u3057\u305f\u5ea7\u6a19\u3092region\u306b\u8a2d\u5b9a\u3059\u308b\u306e\u3067\u3001 &#91;\u62e1\u5927\u30dc\u30bf\u30f3]\u3068\u540c\u69d8\u306bMapView\u306ebuild\u304c\u5b9f\u884c\u3055\u308c\u3001\u5730\u56f3\u4f4d\u7f6e\u304c\u66f4\u65b0\u3055\u308c\u308b\n\n\n    \/\/\/ &lt;summary>\n    \/\/\/ \u30bf\u30a4\u30de\u30fc\u3092\u958b\u59cb\u3059\u308b\n    \/\/\/  \uff11\u79d2\u6bce\u306b\u30ab\u30a6\u30f3\u30c8\u30a2\u30c3\u30d7\u3057\u3001\u73fe\u5728\u306e\u7def\u5ea6\u7d4c\u5ea6\u3092\u53d6\u5f97\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u51e6\u7406\u3092\u884c\u3046\n    \/\/\/  \u901f\u5ea6\u3001\u6a19\u9ad8\u3001\u8d70\u884c\u6642\u9593\u3001\u8d70\u884c\u8ddd\u96e2\u3092\u53d6\u5f97\u3059\u308b\n    \/\/\/  \u307e\u305f\u3001\u30de\u30fc\u30ab\u30fc\u3092\u8ffd\u52a0\u3059\u308b\n    \/\/\/  \u901f\u5ea6\u3001\u6a19\u9ad8\u306e\u8868\u793a\u6587\u5b57\u3092\u4f5c\u6210\u3059\u308b\n    \/\/\/  \u901f\u5ea6\u3001\u6a19\u9ad8\u306e\u30b0\u30e9\u30d5\u306e\u8868\u793a\u30c7\u30fc\u30bf\u3092\u4f5c\u6210\u3059\u308b\n    \/\/\/  DEBUG\u306e\u5834\u5408\u3001\u5185\u90e8\u30c6\u30b9\u30c8\u30c7\u30fc\u30bf\u306e\u5ea7\u6a19\u3092\u53d6\u5f97\u3059\u308b\n    \/\/\/  &lt;\/summary>\n    func startTimer() {\n        self.markTerable.removeAll()\n        self.markerNo = 0\n        \/\/\/ gps\u30c7\u30fc\u30bf\u53d6\u5f97\u3092\u958b\u59cb\u3059\u308b\n        gps.gpsStart()\n        \/\/\/ \u30bf\u30a4\u30de\u30fc\u3092\u958b\u59cb\u3059\u308b\n        cancellable = Timer.publish(every: 1, on: .main, in: .common)\n            .autoconnect()\n            .sink { _ in\n                self.count += 1\n                \/\/\u73fe\u5728\u5730\u53d6\u5f97\uff1aMap\u4f4d\u7f6e\u66f4\u65b0\n                let location = self.gps.getLocation()\n                self.region.center = location.coordinate\n                \/\/ \u8868\u793a\u6587\u5b57\u5217\u4f5c\u6210\n                self.timeStr = self.gps.getGpsLogTime()\n                self.distanceStr = self.gps.getGpsLogDistance()\n                \/\/ \u30de\u30fc\u30ab\u30fc\u3092\u8ffd\u52a0\u3059\u308b\n                let mak = MarkerData(\n                    lat: location.coordinate.latitude, long: location.coordinate.longitude)\n                \/\/ \u30de\u30fc\u30ab\u30fc\u3092\u63cf\u753b\u30c7\u30fc\u30bf\u30c6\u30fc\u30d6\u30eb\u306b\u8ffd\u52a0\u3059\u308b\u3002\u6700\u592720\u500b\u307e\u3067\u3067\u3001\u5de1\u56de\u3059\u308b\n                self.markTerable.append(mak)\n                self.markerNo += 1\n                if (self.markerNo >= 20) {\n                    self.markTerable.remove(at: 0)\n                    self.markerNo = 20;\n                }\n                \/\/ \u30b0\u30e9\u30d5\u306e\u30bf\u30a4\u30c8\u30eb\uff1a\u8868\u793a\u6587\u5b57\u3092\u4f5c\u6210\u3059\u308b\n                let oneCod = self.gps.getCurrentCoordnaet()\n                self.speedStr = \"\\(String(format: \"%.2f\", oneCod.dltSpeed))m\/s\"\n                self.altStr = \"\\(String(format: \"%.2f\", oneCod.altitude))m\"\n            }\n    }<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">5\u3002\u5730\u56f3\u4e0a\u306e\u30dc\u30bf\u30f3\u914d\u7f6e<br>\u3000\u753b\u9762\u3092\u30b3\u30fc\u30c9\u3067\u8a18\u8ff0\u3059\u308b\u5834\u5408\u3001\u30dc\u30bf\u30f3\u914d\u7f6e\u306a\u3069\u306f\u7e26(Y)\u65b9\u5411\u3001\u6a2a(X)\u65b9\u5411\u3067\u30b9\u30bf\u30c3\u30af\u7684\u306b\u5b9a\u7fa9\u3059\u308b\u65b9\u6cd5\u3084\u30b0\u30ea\u30c3\u30c9\u306a\u3069\u3067\u4f4d\u7f6e\u3092\u6307\u5b9a\u3059\u308b\u65b9\u6cd5\u306a\u3069\u8272\u3005\u3042\u308a\u307e\u3057\u305f\u304c\u3001\u91cd\u306d\u3066\u8868\u793a\u3059\u308b\u5834\u5408\u306e\u914d\u7f6e\u3092\u9ad8\u3055(Z)\u65b9\u5411\u3068\u3057\u3048\u5b9a\u7fa9\u3059\u308b\u306e\u306fSwiftUI\u306e\u826f\u3044\u70b9\u3068\u601d\u3044\u307e\u3059\u3002SwiftUI\u306eZStack\u3092\u4f7f\u7528\u3059\u308b\u3068\u5730\u56f3\u753b\u9762\u4e0a\u306e\u64cd\u4f5c\u30dc\u30bf\u30f3\u304c\u4ee5\u4e0b\u306e\u69d8\u306b\u7c21\u5358\u306b\u8a18\u8ff0\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/\n\/\/  MapView.swift\n\/\/  MyMap\n\/\/\n\/\/\u6ce8\u610f\uff1a Xcode 14.3\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u305f\u3081\u3001CameraPosition\u3092\u4f7f\u3048\u306a\u3044?\u3002\n\/\/\u3000\u3000\u305d\u306e\u70ba\u3001\u4ee5\u524d\u306eregion\u3092\u4f7f\u7528\u3057\u3066\u3001\u8868\u793a\u4f4d\u7f6e\u3092\u6307\u5b9a\u3057\u3066\u3044\u308b\u3002\n\nimport SwiftUI\nimport MapKit\n\n\/\/\/ &lt;summary>\n\/\/\/ RunLoggerSWUIApp->ContentView->MapView\n\/\/\/ \u30de\u30c3\u30d7\u3092\u8868\u793a\u3059\u308b\u753b\u9762\u3067\u4ee5\u4e0b\u306e\u6a5f\u80fd\u3092\u63d0\u4f9b\u3059\u308b\n\/\/\/ \u30ed\u30b0\u306e\u958b\u59cb\u30fb\u7d42\u4e86\u3001\u8d70\u884c\u6642\u9593\u3001\u8d70\u884c\u8ddd\u96e2\u3001\u5730\u56f3\u306e\u5207\u308a\u66ff\u3048\u3001\u62e1\u5927\u30fb\u7e2e\u5c0f\u3092\u884c\u3046\n\/\/\/ &lt;\/summary>\nstruct MapView: View {\n    \/\/\u74b0\u5883\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092viewModel\u306e\u69d8\u306b\u4f7f\u7528\u3059\u308b\n    \/\/\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5168\u4f53\u3067\u5171\u6709\u3055\u308c\u308b\u72b6\u614b\u3092\u7ba1\u7406\u3059\u308b\n    \/\/  \u3053\u306e\u5909\u6570\u304c\u5909\u5316\u3059\u308b\u3068\u95a2\u9023\u3059\u308b\u30d3\u30e5\u30fc\u304c\u66f4\u65b0\u3055\u308c\u308b\n    @EnvironmentObject var envViewModel: EnvViewModel\n    \n    var body: some View {\n        ZStack {\n            \/\/ \u30de\u30c3\u30d7\u3092\u8868\u793a\n            Map(coordinateRegion: $envViewModel.region ,\n                annotationItems: envViewModel.markTerable)\n                    { marker in\n                        MapAnnotation(coordinate: marker.location) {\n                            Image(systemName: \"mappin\")\n                                .foregroundColor(Color.red)\n                        }\n                    }\n                \/\/.mapStyle($envViewModel.mapType) \/\/xcode14.3\u3067\u306f\u3001\u4f7f\u7528\u3067\n\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\u3000\/\/ \u304d\u306a\u3044\uff1f\uff1f\n                .ignoresSafeArea()\n                .edgesIgnoringSafeArea(.bottom)\n                .onAppear {\n                    envViewModel.startTimer()\n                }\n            VStack(spacing:10)\n            {\n                Button(\"\u8d70\u884c\u6642\u9593: \\(envViewModel.timeStr)\") {\n                    print(\"\u6642\u9593:\u30dc\u30bf\u30f3\u30bf\u30c3\u30d7\u6642\u306e\u51e6\u7406\")\n                }\n                .buttonStyle(.borderedProminent)\n                .disabled(!envViewModel.isLogStart())\n\n                Button(\"\u8d70\u884c\u8ddd\u96e2: \\(envViewModel.distanceStr)\") {\n                    print(\"\u8ddd\u96e2:\u30dc\u30bf\u30f3\u30bf\u30c3\u30d7\u6642\u306e\u51e6\u7406\")\n                }\n                .buttonStyle(.borderedProminent)\n                .disabled(!envViewModel.isLogStart())\n\n                HStack\n                {\n                    Spacer()\n                    Button(\"start\") {\n                        print(\"start:\u30dc\u30bf\u30f3\u30bf\u30c3\u30d7\u6642\u306e\u51e6\u7406\")\n                        envViewModel.gpsLogStart()\n                    }\n                    .buttonStyle(.borderedProminent)\n                    .disabled(envViewModel.isLogStart())\n                    \n                    Spacer()\n                    Button(\"stop\") {\n                        print(\"stop:\u30dc\u30bf\u30f3\u30bf\u30c3\u30d7\u6642\u306e\u51e6\u7406\")\n                        envViewModel.gpsLogStop()\n                    }\n                    .buttonStyle(.borderedProminent)\n                    .disabled(!envViewModel.isLogStart())\n                    \n                    Spacer()\n                    Button(\"runtype\") {\n                        print(\"runtype:\u30dc\u30bf\u30f3\u30bf\u30c3\u30d7\u6642\u306e\u51e6\u7406\")\n                    }\n                    .buttonStyle(.borderedProminent)\n                    Spacer()\n                }\n                Spacer()\n                HStack{\n                    Spacer()\n                    VStack {\n                        Spacer()\n                        Button(\"L\") {\n                            print(\"\u5730\u56f3\u5207\u308a\u66ff\u3048:\u30dc\u30bf\u30f3\u30bf\u30c3\u30d7\u6642\u306e\u51e6\u7406\")\n                        }\n                        .buttonStyle(.borderedProminent)\n                        Button(\"+\") {\n                            print(\"\u62e1\u5927:\u30dc\u30bf\u30f3\u30bf\u30c3\u30d7\u6642\u306e\u51e6\u7406\")\n                            envViewModel.zoomIn()\n                        }\n                        .buttonStyle(.borderedProminent)\n                        Button(\"-\") {\n                            print(\"\u7e2e\u5c0f:\u30dc\u30bf\u30f3\u30bf\u30c3\u30d7\u6642\u306e\u51e6\u7406\")\n                            envViewModel.zoomOut()\n                        }\n                        .buttonStyle(.borderedProminent)\n                    }\n                }\n            }\n            .padding()\n        }\n    } \/\/ body \u3053\u3053\u307e\u3067\n} \/\/ MapView \u3053\u3053\u307e\u3067\n\n struct MapView_Previews: PreviewProvider {\n    static var previews: some View {\n        MapView()\n    }\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6)\u96d1\u611f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u3000Runlogger\u306e\u4e3b\u8981\u6a5f\u80fd\u3092\u4f5c\u6210\u3057\u3066\u307f\u3066SwiftUI\u306e\u4f7f\u3044\u65b9\u304c\u5c11\u3057\u7406\u89e3\u3067\u304d\u307e\u3057\u305f\u3002<br>  \u307b\u3068\u3093\u3069\u77e5\u3089\u306a\u3044\u72b6\u614b\u304b\u3089\u4e00\u5fdc\u306f\u52d5\u304f\u30a2\u30d7\u30ea\u307e\u3067\u4f5c\u6210\u3059\u308b\u306e\u306b1\u9031\u9593\u3067\u3057\u305f\u304c\u3001flutter\u3088\u308a\u3082\u7c21\u5358\u306b\u611f\u3058\u307e\u3057\u305f\u3002\u3053\u308c\u3067Android\u306a\u3069\u3082\u958b\u767a\u51fa\u6765\u308b\u306a\u3089\u3070SwiftUI\u304c\u826f\u3044\u306e\u3067\u3059\u304c\u3001\u73fe\u6642\u70b9\u3067\u306f\u30de\u30eb\u30c1\u30d7\u30e9\u30c3\u30c8\u30fc\u30d5\u30a9\u30fc\u30e0\u7528\u3067\u306fFluttrer\u306a\u306e\u3067\u3057\u3087\u3046\u306d\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uff17\uff09\u4eca\u5f8c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u3000\u3053\u3053\u307e\u3067\u6765\u308b\u3068<strong>React Native<\/strong>\u3067\u3082Runlogger(\u98a8\uff09\u3092\u4f5c\u3063\u3066\u898b\u308b\u304b\u3068\u3082\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3000\u307e\u305f\u3001\u524d\u56de\u306eFlutter\u3067\u306eRunlogger\uff08\u98a8\uff09\u306f\u3001\u4eca\u56de\u306eSwiftUI\u7248\u3068\u30d5\u30a1\u30a4\u30eb\u69cb\u6210\u304c\u7570\u306a\u308b\u306e\u3067\u3001Flutter\u30d0\u30fc\u30b8\u30e7\u30f3\u3082MVVM\u98a8\u306b\u3057\u3066\u3001\u4e92\u3044\u3092\u6bd4\u8f03\u3059\u308b\u4e8b\u3092\u8003\u3048\u3066\u5c45\u307e\u3059\uff08\uff1d\u30bd\u30fc\u30b9\u306a\u3069\u306e\u8a18\u8ff0\u91cf\u3084\u6a5f\u80fd\u6bd4\u8f03\u304c\u3084\u308a\u3084\u3059\u304f\u306a\u308b\u306f\u305a\u3067\u3059\uff09\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uff19\uff09\u3044\u305a\u308cGitHub\u306b\u516c\u958b\u3059\u308b\u304b\uff1f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">SwiftUI\u3067\u306e\u5730\u56f3\u30a2\u30d7\u30ea\u30b5\u30f3\u30d7\u30eb\u306f\u6ca2\u5c71\u3042\u308b\u306e\u3067\u516c\u958b\u3059\u308b\u610f\u5473\u306f\u5c11\u306a\u3044\u3068\u601d\u3044\u307e\u3059\u304c\u3001\u30cd\u30c3\u30c8\u306e\u30b5\u30f3\u30d7\u30eb\u304c\u52d5\u304b\u306a\u304b\u3063\u305f\u5834\u5408\u306e\u4fee\u6b63\u65b9\u6cd5\u306e\u53c2\u8003\u306b\u306a\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306e\u3067\u3001mapStyle\u8a2d\u5b9a\u554f\u984c\u304c\u89e3\u6c7a\u3057\u305f\u3089\u516c\u958b\u306e\u610f\u5473\u304c\u6709\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4ee5\u524dObjective-C\u3067\u4f5c\u6210\u3057\u3066\u3044\u305fRunLogger\u3092SwiftUI\u306e\u8abf\u67fb\u30fb\u52c9\u5f37\u306e\u70ba\u306b\u30c6\u30b9\u30c8\u7684\u306b\u57fa\u672c\u90e8\u5206\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002 \uff11\uff09\u72b6\u6cc1\u3068SwiftUI \u524d\u56de\u306fFlutter\u3092\u4f7f\u7528\u3057\u3066Runlogger(\u98a8\uff09\u3092\u4f5c\u3063\u3066\u307f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2525,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1,55],"tags":[41,167],"class_list":["post-2514","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","category-period","tag-runlogger","tag-swiftui"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/y42u.net\/tec001\/wp-content\/uploads\/2024\/11\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-28-21.11.02.png?fit=482%2C462&ssl=1","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/posts\/2514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/comments?post=2514"}],"version-history":[{"count":3,"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/posts\/2514\/revisions"}],"predecessor-version":[{"id":2527,"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/posts\/2514\/revisions\/2527"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/media\/2525"}],"wp:attachment":[{"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/media?parent=2514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/categories?post=2514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/y42u.net\/tec001\/wp-json\/wp\/v2\/tags?post=2514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}