koogawa blog

iOS、Android、foursquareに関する話題

RealmSwiftで簡単なGPSロガー作ってみたのでメモ(Swift 3編)

以前書いた下記記事のソースコードが古くなっていたので、Swift 3対応版として書き直しました。

RealmSwiftで簡単なGPSロガー作ってみたのでメモ - koogawa blog


以前から気になっていた Realm ですが、先日受講した id:KishikawaKatsumi さんの授業をきっかけに、実際に触ってみたくなりました。 Realm を理解するには何か作ってみるのが一番ってことで、簡単なGPSロガーを作ってみました。

f:id:koogawa:20150802150835p:plain

次のような機能があります。

  • Startボタンを押すと位置情報を記録開始
  • アプリをバックグラウンドに落としても記録し続ける
  • 位置情報が取得されると地図にもピンが立つ
  • 1日経過したデータは起動時に自動削除
  • Stopボタンを押すと位置情報の取得終了

***

以下、実装メモです。

動作環境

  • Xcode 8.3
  • Swift 3.0
  • RealmSwift 2.4.2
  • CocoaPods 1.2.0

RealmSwift インストール

次のような Podfile を用意して pod install します。

use_frameworks!

target 'GPSLogger' do
  pod 'RealmSwift'
end

post_install do |installer|
  installer.pods_project.targets.each do |target|
    target.build_configurations.each do |config|
      config.build_settings['SWIFT_VERSION'] = '3.0'
    end
  end
end

RealmSwift インポート

import RealmSwift

モデルクラス作成

位置情報を格納するためのモデルクラスを作ります。緯度、経度、作成日時のみを保持するようにしました。

class Location: Object {
    @objc dynamic var latitude: Double = 0.0
    @objc dynamic var longitude: Double = 0.0
    @objc dynamic var createdAt = Date(timeIntervalSince1970: 1)
}

Realm では次の型が使用できます:Bool, Int8, Int16, Int32, Int64, Double, Float, String, NSDate, NSData

https://realm.io/docs/swift/latest/#supported-types

Startボタンを押したときの処理

位置情報の取得を開始します。

self.locationManager.startUpdatingLocation()

位置情報を永続化

取得できた位置情報(CLLocation)から Location モデルを生成し、Realmに永続化できるようにします。

let location = makeLocation(rawLocation: rowLocation)

// Get the default Realm
let realm = try! Realm()

// Add to the Realm inside a transaction
try! realm.write {
    realm.add(location)
}

テーブルビューを更新

addNotificationBlock メソッドでブロックを登録すると、Realmオブジェクトが更新されたときに通知を受けることができます。

self.token = realm.observe {
    [weak self] notification, realm in
    self?.tableView.reloadData()
}

ここでは通知を受け取るたび(つまり位置情報が追加されるたび)にテーブルビューを更新しています。

Stopボタンを押したときの処理

位置情報の取得を停止します。

self.locationManager.stopUpdatingLocation()

通知の停止

先ほど addNotificationBlock メソッドでブロックを登録した際に保持した NotificationToken オブジェクトの stop メソッドを呼ぶことで、通知の受け取りを停止します。

if let token = self.token {
    token.invalidate()
}

アプリを起動したときの処理

すでに永続化されている位置情報をロードします。

// Get the default Realm
let realm = try! Realm()

// Load recent location objects
return realm.objects(Location.self).sorted(byKeyPath: "createdAt", ascending: false)

createdAt でソートをかけています。

古いデータの削除

古いデータがいつまでも残ってしまうのを防ぐため、1日経過した位置情報ログを削除します。

DispatchQueue.global().async {
    // Get the default Realm
    let realm = try! Realm()

    // Old Locations stored in Realm
    let oldLocations = realm.objects(Location.self).filter(NSPredicate(format:"createdAt < %@", NSDate().addingTimeInterval(-86400)))

    // Delete an object with a transaction
    try! realm.write {
        realm.delete(oldLocations)
    }
}

データ量によっては時間がかかるので、バックグラウンドで実行するようにしています。

所感

CoreData を初めて使った時と比べると、かなりスムーズに導入・実装ができました。ドキュメントが充実しているのも安心ですね。

ソースコード

こちらに全てアップしてあります。Realm を使い慣れている方にとってはツッコミどころ満載だと思いますので、ご指摘など歓迎です:-)

github.com

リンク

React Native さわってみたメモ

今年のはじめにこんな記事がバズった。

b.hatena.ne.jp

批判的なコメントが多かったせいか、記事自体はもう消されてしまっている。

自分も数年前に Titanium を使ったことがあり、そんときは「Nativeで頑張ったほうが良さそう」と思って使うのをやめてしまった。ただ、その頃から状況も変わっているだろうし、この人の言っていることを無下に批判する気にはなれなかった。

そんなわけで、実際に自分の手で動かしてみることにした。以下はその時の作業メモ(自分用なので読みやすさは考慮してません)

動作環境

  • react-native: 0.41.1
  • Xcode 8.3
  • Android Studio 2.2.3
    • Build #AI-145.3537739, built on December 2, 2016
    • JRE: 1.8.0_112-release-b05 x86_64
    • JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o

作ったソースコード

https://github.com/koogawa/ReactNativeSample

インストール

Introduction · React Native に従って、Node、Watchman、React Native CLI をインストール。

brew install node
brew install watchman
npm install -g react-native-cli

サンプルプロジェクトの作成

簡単なiOSアプリとAndroidアプリを作ってみる。

iOS

react-native init AwesomeProject
cd AwesomeProject

これだけで最低限の機能を備えたiOSアプリを生成してくれる。(言語はObjective-C

吐き出されたソース

react-native run-ios

を実行すれば iOS Simulator を起動してくれる。もしくは出力された xcodeproj を Xcode で開いて自分でビルドすることもできる。

ビルド自体は本当に簡単にできた。

cmd+d でデバッグメニューが出てくる。

出力されたコードを見てみる

デバッグメニューを出すのをどうやって実現しているのか気になったのでソースを追ってみると

    RCTKeyCommands *commands = [RCTKeyCommands sharedInstance];

    // Toggle debug menu
    [commands registerKeyCommandWithInput:@"d"
                            modifierFlags:UIKeyModifierCommand
                                   action:^(__unused UIKeyCommand *command) {
                                     [weakSelf toggle];
                                   }];

こんな感じでやっていた。cmdキーを検知できるの知らなかった。

AppDelegate も読んでみる。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  NSURL *jsCodeLocation;

  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"ReactNativeSample"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  return YES;
}

index.ios.js から RCTRootView を生成して self.window.rootViewController にセットしてる感じなのね。

ためしに index.ios.js に変更を加えて再度ビルドしてみたけど、AppDelegate に差分は出なかった。某クラスプラットフォームのように、単純に機械的なコードを吐き出してるわけでは無さそうだ。この辺はとてもシンプル。

Android

同じソースコードAndroidアプリも作ってみる。

SDK Manager を起動して、必要なパッケージをインストール。

このとき Android SDK Build-Tools 23.0.1 にチェックが入ってないとダメ。

環境変数 ANDROID_HOME にもパスをセットする必要がある。

export ANDROID_HOME=${HOME}/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

最初、ここのパスを間違えて結構ハマった。

次に Android Studio から AVD Manager を起動して、エミュレータを起動しておくのがポイント。

f:id:koogawa:20170205073018p:plain

f:id:koogawa:20170205073232p:plain

AVD Managerは

android avd

のコマンドでも起動できる。

react-native run-android

でアプリを実行。

こんな感じで Android アプリもビルドできた。

タブバーを表示してみる

TabBarIOSの公式ドキュメント通り実装してみるが、何故かエラーが出る。。🤔

調べてみてわかったのだが、

var React = require('react');
var ReactNative = require('react-native');

みたいな書き方はすでに古くなっているらしい😩

Does React Native use require or import? - Stack Overflow

import React, { Component } from 'react';
import {
  AppRegistry,
  TabBarIOS,
  StyleSheet,
  Text,
  View
} from 'react-native';

のような書き方に修正することで、なんとかビルドが通った。

f:id:koogawa:20170205075010p:plain

見てるドキュメントが間違ってるのかもしれないけど、公式ドキュメントが最新になってないのはちょっと焦った😞

TabBarIOS という名前なので、Androidの場合はどうするんだろう?という疑問が湧いたが、やはり同じことを考える人がすでにいた。

How to make Tab bar for Android like TabBarIOS in react native? - Stack Overflow

こうやってiOS用のコードとAndroid用のコードを別々に管理していくことになりそう。

所感

  • ホントに簡単にアプリを作り始められる
  • 公式ドキュメント通りやっても動かないことが多々ある
    • 正しい情報を探すことになり、ここに多くの時間を割くことになりそう
  • ビルドしてみないとエラーかどうかわからないのがつらい
  • コードの補完機能がないのが地味につらい
  • パフォーマンスとかはもうちょっと使ってみないとわからない
  • iOS/Android のバージョンが上がったときに追従してくれるか不安

お世話になったリンク

2016/11/29 #potatotips 35 (iOS/Android開発Tips共有会) @トレタ に参加してきたよ

f:id:koogawa:20161130002127j:plain

昨日はトレタさんで開催された potatotips #35 (iOS/Android開発Tips共有会) に参加してきました。

potatotips.connpass.com

とてもオシャレなオフィスでした。

f:id:koogawa:20161130002309j:plain

社内にはリラックマさんの姿も。

f:id:koogawa:20161130002331j:plain

バーカウンターの裏はこんな感じ。id:masuidrive さんにコーヒーを淹れて頂きました。ごちそうさまでしたm(_ _)m

f:id:koogawa:20161130002643j:plain

いつものようにツイートもまとめておきました。

以下はiOSの発表メモになります。間違いなどあれば教えて下さい(遅刻してしまったため、最初の方はメモが取れておりません🙇)


目次:

トレタでのSwift 3 対応

y_koh さんによる発表(私が遅刻したためメモが取れず🙇🏻)

「来年のSwift 4では楽になるはず」

私も期待してます😇

MVVM で Protocol Oriented をやってみた話 iOS

kumapo さんによる発表(私が遅刻したためメモが取れず🙇🏻)

iOSアプリ開発者なら簡単にできる!! TouchBarにツイートを表示するTips

yimajo さんによる発表(私が遅刻したためメモが取れず🙇🏻)

yimajo さんには休憩中に Touch Bar を見せて頂きました!初めて見たので感動でした 😂

GitLab CI for iOS

ikamooon さんによる発表です。GitLab で CI をまわすお話でした。

GitLab CI を使うための Multi Runner の設定方法などを詳しく解説されていました。

docs.gitlab.com

github.com

Embedded Framework in Action

TachibanaKaoru さんによる発表です。

アプリ内のソースコードをプロセス間で共有する仕組みである Embedded Framework についてのお話です。実際に使う上でのメリット・デメリットなど、ノウハウが満載でした。

ちなみに、QAタイムでは Tachibana さんが発表に使われていたMacBook Pro の使用感に関する質問が相次ぎましたw

Popoverの実装比較

Yuta Hoshinoさんによる発表です。

PickerをPopoverスタイルでコード1行で表示できる SwiftyPickerPopover について、デモを交えながら解説されていました。

github.com

Firebaseのススメ

nafu003 さんによる Firebase のお話です。

Firebase は Crash Reporting 機能も統合しているため、クラッシュが発生したユーザがどんな行動をしていたか?なども分析することができるそうです。他にもデモを交えながら様々な機能を紹介されていました。

UIコンポーネントを磨く

Ryota Hayashi さんによる発表です。

UIコンポーネントを開発する上でUIKitと同連携させていくか、というお話でした。ピンコードを入力するUIを例として、サンプルコードを交えながら解説されていました。華やかなUIをOSSで実現するのも良いけど。。の話はとても共感できました。

所感

tokorom さんも仰っていましたが、今日は質疑応答時間がアクティブで良い感じでした!(質問がひとつも出なかった発表はなかったのでは?)司会の方の進め方も上手かったのだと思います。

また、今回は噂の新型MacBook Proで発表される方が何人かいらっしゃいました。やはりUSB-Cのディスプレイアダプタまわりで苦労されている方が多かったように思えます。普及するまでにはしばらく時間がかかりそうですね。

ローディング中に画面ごと回転するライブラリを作った話

アプリが何らかの処理中にローディング画面を出すのは一般的だと思います。

f:id:koogawa:20161112233719p:plain

SVProgressHUD

これらに対抗して、画面全体がぐるぐる回るライブラリをネタで作ってみました。

github.com

インストール

CocoaPods でインストールできます。

pod "RollingProgressHUD"

使い方

RollingProgressHUD をインポートします。

import RollingProgressHUD

ローディング開始時に

RollingProgressHUD.show()

を呼び、ローディング完了時に

RollingProgressHUD.dismiss()

を呼ぶだけです。

デモ

ローディング中に画面ごと回転します。

f:id:koogawa:20161112234359g:plain

目が回りそうですね(^q^)

エンジニア立ち居振舞い:自分のタスクよりメンバーのコードレビューを優先する

お題「エンジニア立ち居振舞い」 ということで自分も書きます。

以前、Twitterにつぶやいたのですが

自分のタスクに着手する前に、チームメンバーのコードレビューをするように心掛けています。

コードレビューが滞ると、次のような悪影響があると思っています。

  • 他のメンバーが次のタスクに着手できない
  • プルリクエストが消化されないうちにもメインのブランチはどんどん進んでいるのでコンフリクトが起こる
    • →コンフリクトを直す手間が増える
  • 誰が何をしているか把握しにくくなる

当然、自分の作業は止まってしまいますが、それよりも上に書いた悪影響の方がまずいと思っていて、ここを解決することで全体的には開発スピードが上がると思っています。

共感した立ち居振る舞い

RxSwiftを使ってfoursquareのベニューを取得するメモ(Swift 3.0版)

以前書いたこちらの記事がさっそくビルドできなくなっていたので、Swift 3.0 対応版としてリライトしました。

blog.koogawa.com


RxSwift のメリットを理解するには実際に使ってみるのが一番!ということで、とりあえず foursquare のベニューを取得するサンプルを作ってみました。

f:id:koogawa:20160515223640p:plain

※RxSwift は絶賛勉強中なので間違ったことを書いている可能性が高いです。ツッコミ歓迎です!

動作環境

  • Swift 3.0
  • RxCocoa (3.0.0-rc.1):
  • RxSwift (3.0.0-rc.1)
  • SwiftyJSON (3.1.1)
  • Xcode 8.0

APIクライアント

APIにアクセスする部分を作ります。戻り値を Observable<[Venue]> にしているのがポイントです。

func search(query: String = "") -> Observable<[Venue]> {
    return Observable.create{ observer in
        let client = FoursquareAPIClient(accessToken: "YOUR_TOKEN")
        let parameter: [String: String] = [
            "ll": "40.7,-74",
            "query": query
        ];
        client.request(path: "venues/search", parameter: parameter) {
            [weak self] data, error in
            guard let strongSelf = self, let data = data else { return }
            let json = JSON(data: data)
            let venues = strongSelf.parse(venuesJSON: json["response"]["venues"])
            observer.on(.next(venues))
            observer.on(.completed)
        }
        return Disposables.create {}
    }
}

fileprivate func parse(venuesJSON: JSON) -> [Venue] {
    var venues = [Venue]()
    for (key: _, venueJSON: JSON) in venuesJSON {
        venues.append(Venue(json: JSON))
    }
    return venues
}

通信ライブラリは拙作 FoursquareAPIClient を使用しました。

ViewModel

ViewModel から先ほどの serch を呼び出す部分です。

public func fetch(query: String = "") {
    client.search(query: query)
        .subscribe { [weak self] result in
            switch result {
            case .next(let value):
                self?.venues.value = value
            case .error(let error):
                print(error)
            case .completed:
                ()
            }
        }
        .addDisposableTo(disposeBag)
}

search の戻り値が Observable<[Venue]> なので、これを subscribe することができます。その中で、返ってくる値(ベニューリストなど)を Variable 型の venues にセットしています。この venues は ViewController から bind されるため、値が変更されるタイミングで何か処理を発火させることができるわけです。

ViewController

ViewController は30行程と、かなりスッキリしました。rx.items(dataSource: ) でベニューリストと TableView を bind しているのがポイントです。ViewModel のベニューリストに変化があるとTableViewがリロードされます。

import UIKit
import RxSwift
import RxCocoa

class ViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!
    
    var viewModel = ViewModel()
    var dataSource = DataSource()
    var delegate = Delegate()
    let disposeBag = DisposeBag()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.tableView.delegate = self.delegate
        self.viewModel.fetch()

        self.viewModel.venues
            .asDriver()
            .drive (
                self.tableView.rx.items(dataSource: self.dataSource)
            )
            .addDisposableTo(self.disposeBag)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

完全なソースコードはこちらです。

GitHub - koogawa/RxSwiftSample: RxSwiftSample

参考にさせて頂いた記事など

CocoaPodsに登録した自作ライブラリを更新するメモ

毎回忘れるのでメモ。

前提

  • すでに自作ライブラリを CocoaPods に公開済み

最初にライブラリを公開する際は下記記事がとても参考になる。

手順

1. ライブラリを更新

変更内容を push しておく。

実際に pod install して使えるかテストしておくこと。ブランチ指定が便利。

pod 'FoursquareAPIClient', :git => 'https://github.com/koogawa/FoursquareAPIClient.git', :branch => 'develop'

1. podspec ファイルを編集

s.version を上げるのを忘れずに。

2. git にタグ追加

$ git tag -a 2.0.0 -m 'Compatible Swift 3.0'
$ git push origin 2.0.0

3. podspec をバリデーション

$ pod spec lint

なんか怒られたら直す。

Swift 3対応でちょっとハマったので下の方に対処法を書いておいた。

4. CocoaPodsへ公開

pod trunk push FoursquareAPIClient.podspec 

トラブルシューティング

困ったらとりあえず pod を最新に上げてみる

$ sudo gem install cocoapods

Swift 3 対応

pod spec lint したら次のエラーが出た。

Check dependencies
“Use Legacy Swift Language Version” (SWIFT_VERSION) is required to be configured correctly for targets which use Swift. Use the [Edit > Convert > To Current Swift Syntax…] menu to choose a Swift version or use the Build Settings editor to configure the build setting directly.
“Use Legacy Swift Language Version” (SWIFT_VERSION) is required to be configured correctly for targets which use Swift. Use the [Edit > Convert > To Current Swift Syntax…] menu to choose a Swift version or use the Build Settings editor to configure the build setting directly.

** CLEAN FAILED **


The following build commands failed:
    Check dependencies
(1 failure)

ググったら、同じように困っている人がいた。

Swift 3 CocoaPod does not pass lint - Stack Overflow

cocoapod を最新に上げて、.swift-version ファイルを追加しないといけないらしい。

↑これは解決したけど、また新たなエラーが。

pod trunk push: "xcodebuild: error: 'App.xcworkspace' does not exist." · Issue #5843 · CocoaPods/CocoaPods

で解決。

Swift 5 対応

pod spec lint したら次のエラーが出た。

    ** BUILD FAILED **
    
   Testing with `xcodebuild`. 
 -> FoursquareAPIClient (5.0.0)
    - ERROR | [iOS] xcodebuild: Returned an unsuccessful exit code.
    - NOTE  | xcodebuild:  note: Using new build system
    - NOTE  | [iOS] xcodebuild:  note: Planning build
    - NOTE  | [iOS] xcodebuild:  note: Constructing build description
    - NOTE  | xcodebuild:  error: SWIFT_VERSION '3.0' is unsupported, supported versions are: 4.0, 4.2, 5.0. (in target 'App')
    - NOTE  | xcodebuild:  error: SWIFT_VERSION '3.0' is unsupported, supported versions are: 4.0, 4.2, 5.0. (in target 'FoursquareAPIClient')

Analyzed 1 podspec.

[!] The spec did not pass validation, due to 1 error.

SWIFT_VERSION3.0 なんか指定してないよ!と思ったけど、podspec ファイルに

  s.swift_version = '5.0'

を指定してないのが原因?

さらに、Swift 3 対応のときに追加した.swift-version ファイルも今は deprecated らしいので削除。

これでも解決しない場合は workaround だけど --allow-warnings オプションで回避できるらしい。

リンク