メモ帳作って初めてリリースした 




#作ったアプリの主な機能
(画像は開発中のものなのでリリース版と差異があります)

####メモ追加
(メモのFieldでenterを押すと上部のCollectionViewに追加されて一度に登録できる)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/1da69c7c-d6d2-2a6d-b3ae-0cc278b50e25.png)

####メモ表示
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/684cb0b5-00a9-7a58-2f75-e3cd3c01011d.png)

####長押しでメモをチェックor編集or検索
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/f6a70e67-3f8e-5096-b808-8396f47c14f5.png)

####設定変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/6b1851dd-ea01-15bd-740d-aa3b13c8f4fc.png)

####webViewでの検索or公式アプリでの検索(safari, twitter, youtube)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/948eafa7-4897-8ef0-c8d0-31974f03e254.png)

##なぜ作ったか
~~アプリ作ってリリースするという目標を立ててしまった~~
自分の好きなデザインのメモ帳を作ってみたかった。
学生時代に作成したメモした単語を検索するテストアプリが家族に使われていたのでリメイクしてみた。(よくあるtabeleViewのTodoリスト)


#勉強になったところ

##CollectionView
ほとんど使ったことがなかったのでいろいろ試してみたかった

###CollectionViewの用途
###横に並べてスクロールさせる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/33a3fa02-fbdd-7c9e-f6f1-be7f676f216d.png)

####CustomCellを複数使う
CellのなかにCollectionViewを入れているのもCustomCell
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/a94283d4-2350-0aa8-9198-ba7136bf9d43.png)


####TableViewっぽく使う
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/c31e16c3-a1f8-1807-1e6f-42936bedebad.png)

###コンテンツサイズに合わせるCollectionView
[長くなるので別途まとめる]()
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/590cf148-0fcb-a96b-5d29-57168de77a31.png)
欲を言えば縦方向の余白をつめた表示で実装したかった

##PopupView

###吹き出しタイプ
[参考にさせてもらった記事](https://qiita.com/orimomo/items/1a44337de974a72b6266)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/da6be9d1-04e5-e21a-de31-8f2f07c5e10a.png)

###カスタムタイプ
吹き出しと同様にmodalPresentationStyleをcustomに設定して、必要なパラメータを設定すれば実装できる思っていたが、専用のカスタムクラスを生成して適応させる必要があった。

[参考にさせてもらった記事](https://qiita.com/wai21/items/9b40192eb3ee07375016)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/a171ca68-cca5-113e-cb5b-1b5477de9a7d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/6aca5cee-2df1-ed89-7eea-fe81a3419d58.png)
(タップしたセルで左右反転します)


##いい感じのUIにする
![メモ追加.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/c00b39d3-9f78-55fd-19b7-c02a528eb943.gif)

メモをまとめて登録したいので、改行で追加、タップで選択、もう一回タップで選択を外す、空欄で改行で削除など当たり前にありそうな機能を実現するのに、ロジックを組み合わせる必要があって地味に大変だった。

##ダークモード対応
ver1.3以降
ColorAssetのみでUIの色を構成してダークモード対応できる予定だった。

Color.xcassets
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/2430608b-3b11-5592-8a7b-2e569284c045.png)

xib(おそらくstoryboardも)で色を定義していた場合アプリ起動中でも動的に切り替わる。
しかしViewDidLoadの内部などでコードで色を指定する場合、アプリ起動中にモードを変更すると反映されない。
このアプリでは角丸の枠線はコードで生成しているため枠だけ色が変わらないという状態になった。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/c1cef740-4c83-3aab-2c66-fe1f41fe2498.png)

下記のようにモードが変更されたときの通知を受け取って対応する。
[参考にさせてもらった記事](https://qiita.com/gonsee/items/c04b73787730c0e831df)
ViewDidLoad内で色を設定しているだけならself.viewDidLoad()だけでOK
今回はCollectionViewを再描画したかったのでself.loadView()も呼んでいる。
(ViewDidLoadだとセルが使いまわされてしまう?)

```swift:VC

    override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
        self.loadView()
        self.viewDidLoad()
    }
```

##便利なExtension
下記公開されているものにとてもお世話になりました。
[使うと手放せなくなるSwift Extension集 (Swift 4版)](https://qiita.com/tattn/items/dc7dfe2fceec00bb4ff7)
[Rectの中心をとるextension](https://gist.github.com/cotkjaer/9b5af14a473e7c20fec1b0e965fe302b)

##Realm
タグ名でプライマリーキーで登録しようとしていたが同じ値を再び登録できないことに気づかずハマった。
プライマリーキーの使い方で下記記事がとても参考になった。
[参考にさせてもらった記事](https://qiita.com/kotala_b/items/68b9608df6c8bac80f67)

```swift:RealmObject
  final class TagData: Object {
     @objc dynamic var id: String = NSUUID().uuidString
     
     override static func primaryKey() -> String? {
         "id"
     }
 }
```



Realmに限らないと思われるが、Xcode12でpod installした時にシミュレータでビルドできなくなって困った。実機ではビルドできる。
[参考にした回答](https://stackoverflow.com/questions/63607158/xcode-12-building-for-ios-simulator-but-linking-in-object-file-built-for-ios/63622570#63622570)
DebugBuild時だけ解決。Releaseはエラーが出てうまくいかない(心が折れて調査してない)

RealmのBuild Setting
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/94b63d58-9497-c01a-777d-92d46aeb5f26.png)


##fastlane
いろんなサイトを見て導入。increment_build_numberとuploadだけしか実施できてない。。
Archive~UploadまでするときにXcodeを占領しないので便利。
Upload時に正しくモジュールが生成できたか確認したいときはGUIで見たかったので、アーキテクチャに変更を加える際は、Xcodeで手動で行う方が良さそう。

#アーキテクチャについて
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/0511d82c-f1d1-182c-6948-d5a59f184c10.png)
ざっくりとした役割
view: 表示、遷移
presenter: viewからの通知を受け取ってModel層から値を受け取る中間的な役割
Domain: ビジネスロジック担当。
Infra: Realmからの値取得などコアロジック担当
Utility: 共通で使いたい型、extensionを持っている。

Domain <- Infraという依存関係にすることによってInfraの実態を知らなくてもPresenterに値を返せるのでテスト時にモックに置き換えできたりする。

##Embedded Frameworkのuploadについて
上記のような構成でframeworkを分けて開発していたのだが、モジュールupload時にエラーが出てしまった。
[エラーについて](https://qiita.com/inuha/items/4bd57553e3c4d5e2fb71)


#うまくまとめられなかった実装

##popupViewのカスタムクラスに値を渡す
popupViewのカスタムクラスに座標を渡したかったのだか、delegateでカスタムクラスを返しているため、セル長押し時に座標を直接渡すという微妙な実装になった。

```swift:微妙な実装
//長押し処理の中
let customPresentationController = buttonViewController.presentationController as! CustomPresentationController
customPresentationController.rect = memoCollectionView.nowPosition(cell: cell)
```
##delegateまみれになったview
後先考えずに画面を増やした結果delegateでfatになったVCになってしまった。
図のViewのdelegateに加えてcollectionView、presenterのdelegateもある。
コードを見るモチベが下がり~~クソ~~コードがそのままになっているという悪循環が生まれている。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/31595d2e-9f14-51bb-d10c-ce9fa70f3d58.png)

##Model内の依存関係
DomainとInfraでメモとタグに関わるロジックを分けていたが、
タグを削除する際にタグに紐づくメモを削除することとなり、DomainのタグにメモのInfraを外部注入することとなった。。presenter側でタグに紐づくメモを削除する関係を作るのは好ましくないと思ったのでこうなったが、もっといい方法がないか...
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542614/79de23b6-44e6-69da-9083-badb53b65cc8.png)

##statusbarの高さを取る処理でdeprecatedの処理を使ってしまった

```code:ボタン長押しで表示するviewの中心座標を求める処理
        presentedViewFrame.center.y = rect.center.y + UIApplication.shared.statusBarFrame.height

```

##感想
初めてアプリ作成でリリースまでを行ないました。AppleStoreに載ってしまうのもあってUIの方に注力して手一杯になってしまいました。(本来はAPIとかRx、Combineとかも勉強しないといけなかった。。)
その分UI周りの実装で理解が深まったのとUpload時にエラーが出たときなどBuildSettingとか弄る機会があったので、アプリの設定周りも少しだけ理解が深まった気がします。
開発時間が基本深夜なのもあってスペルミスとか結構出てしまった。swift lintとかスペルチェックするツールを導入しておけばよかったなと思います。。