<h2>はじめに</h2>
<p>あけましておめでとうございます。今年もよろしくお願いいたします。</p>
<p>本年度一発目の記事は、技術のインプットアウトプット通じての備忘録シリーズです。</p>
<h2>作ったもの</h2>
<p>今回サンプルとしてつくったものは単語帳アプリです。
ざっと機能としては</p>
<ul>
<li>ユーザーが設定したカテゴリを選択</li>
<li>選択後カテゴリに該当する単語が出現、答えを任意のタイミングで見ることができる</li>
</ul>
<p>のシンプルな感じで 1 日で開発が終わるようなレベルに設定しました。ちなみに<em>ユーザーは自分しかいない前提で進めています</em></p>
<h2>採用技術</h2>
<p>技術は以下の通りです。採用理由は<strong>自分が使いたかったから</strong>！！（結局興味があったりモチベが出るものが一番いいのよ個人開発は）</p>
<ul>
<li>Client (app): SwiftUI+Combine</li>
<li>Server: Go(フレームワーク: gin)</li>
<li>DB: Heroku Postgres</li>
</ul>
<p>バックエンド側は Heroku フル活用で事足りるはずなので使わせてもらって、アプリ側は久々 SwiftUI で書きました</p>
<h2>得た知見（ハマったところ多め）</h2>
<p>Client, Server, DB, Heroku 周りで詰まったところをまとめます。これは余談ですが、Go で作ったアプリケーションを Heroku で扱う<a href="https://devcenter.heroku.com/ja/articles/getting-started-with-go?singlepage=true">公式チュートリアル</a>が優秀すぎて、想像以上にスムーズにできたのでよかったです</p>
<h3>SwiftUI で元の画面に戻る処理</h3>
<p>UIKit でいう<code>dismiss(animated:)</code>を SwiftUI でやるには<code>PresentationMode</code>構造体にアクセスして、<code>dismiss()</code>を呼んであげます</p>
<pre><code class="language-swift">// 遷移元のView

// presentationModeの環境変数を取得
@Environment(\.presentationMode) var presentationMode

// 元画面に戻る処理
presentationMode.wrappedValue.dismiss()
</code></pre>
<p>iOS15 以降なら、環境変数<code>presentationMode</code>でなく<code>dismiss</code>にアクセスすればすんなりできそうです(<a href="https://capibara1969.com/3146/">参考</a>)</p>
<h3>NavigationLink で遷移した画面の上に謎のスペースができる際の対処法</h3>
<p>UI を調整している時に、なぜか上側に謎のスペースができていたので<code>navigationBarTitleDisplayMode</code>を<code>.inline</code>に指定して解決(<a href="https://www.hfoasi8fje3.work/entry/2020/12/30/%E3%80%90SwiftUI%E3%80%91NavigationLink%E3%81%A7%E9%81%B7%E7%A7%BB%E3%81%97%E3%81%9F%E7%94%BB%E9%9D%A2%E3%81%AE%E4%B8%8A%E9%83%A8%E3%81%AB%E8%AC%8E%E3%81%AE%E4%BD%99%E7%99%BD%E3%81%8C%E7%99%BA%E7%94%9F">参考</a>)</p>
<pre><code class="language-swift">HogeView {
    // SwiftUI.View
}
.navigationBarTitleDisplayMode(.inline)
</code></pre>
<h3>特定の処理が終わったタイミングで NavigationLink を使って画面遷移したい</h3>
<p>API との通信処理が終わったあとに画面遷移をしたいときは、<code>NavigationLink</code>の<code>isActive</code>フラグを通信が終わった時に<code>true</code>に変えてあげることで実現できます。(<a href="https://blog.studysapuri.jp/entry/2021/09/18/iosdc-swiftui-navigationlink-push-navigation">参考</a>)</p>
<pre><code class="language-swift">NavigationLink(destination: QuizView(words: viewModel.words), isActive: $shouldShowQuizView) {
    Button(action: {
        viewModel.fetchWords(
            by: selectedCategoryId,
            success: {
                // success callbackのときにshouldShowQuizViewをtrueにする
                self.shouldShowQuizView = true
            },
            failure: {
                print(&quot;Failed to fetch data from api&quot;)
            }
        )
    }) {
        Text(&quot;START&quot;)
    }
}
</code></pre>
<h3>Heroku デプロイで<code>app not compatible with buildpack</code> (Go 編)</h3>
<p>以下コマンドで Go のバージョンとモジュールの依存関係を記した<code>go.mod</code>を作成し、デプロイしてあげて解決。(<a href="https://stackoverflow.com/questions/48841627/cant-push-simple-golang-project-to-heroku">参考</a>)</p>
<pre><code class="language-go">go mod init {GIT_REPOSITORY_URL}
</code></pre>
<h3>Heroku デプロイで <code>cannot execute binary file: Exec format error</code></h3>
<p>ローカルでコンパイルの際に OS とアーキテクチャ の指定をしてあげてクロスコンパイル、その後バイナリをデプロイすることで解決(<a href="https://stackoverflow.com/questions/63412744/deploy-to-heroku-error-cannot-execute-binary-file-exec-format-error">参考 1</a>, <a href="https://qiita.com/Utr/items/9469c1611abe8a0a3486">2</a>)</p>
<pre><code class="language-bash">## fish
env GOOS=linux GOARCH=amd64 go build -o bin/terminology-memo-api -v .
</code></pre>
<h3>Heroku デプロイで<code>app[web.1]: bash: bin/: No such file or directory</code></h3>
<p><code>Procfile</code>でバイナリの存在するパスを記して解決</p>
<pre><code>web: bin/{BINARY_NAME}
</code></pre>
<p>参考: 上述の公式チュートリアル</p>
<h3>Go で作ったアプリケーションで<code>no required module provides package</code></h3>
<p>下記コマンドを実行して依存しているモジュールを更新(<a href="https://sumito.jp/2021/04/23/no-required-module-provides-package-github-com/">参考</a>)</p>
<pre><code class="language-go">go mod tidy
</code></pre>
<h3>改行コードを PostgreSQL で扱う</h3>
<p>E を追加したい文字列の先頭にいれてあげて解決(<a href="https://knowledge.reontosanta.com/archives/303">参考</a>)</p>
<pre><code class="language-sql">INSERT INTO words (name) VALUES (E&#39;明日\n晴れるかな&#39;)
</code></pre>
<h3><code>updated_at</code>を自動的に更新してくれる制約を追加</h3>
<p>MySQL なら<code>on update current_timestamp</code>を DDL に追加してあげるだけで OK だが、PostgreSQL だと同等の機能がないので、トリガーを描いてあげる必要がある。。。ので、<a href="https://www.raythebm.net/weblog/archives/249">このサイト</a>を参考に書かせていただきました</p>
<h2>最後に</h2>
<p>やる気が出た時にガツッとやる開発は久々だったが、楽しいしまた違う学びがある。</p>


# SwiftUI

SwiftUI+Go+Heroku Postgresで遊んでみた感想と知見