<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: Golang(フレームワーク: 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+Golang+Heroku Postgresで遊んでみた感想と知見

<h2>はじめに</h2>
<p>ずっと前の自分：「<code>GoogleService-info.plist</code>を gitignore してるから永遠 GitHubActions での CI のビルドが通らない！！！！！！どうしよう！！！」
何もわからん状態だった自分を救ってくれたのは，Android で同じようなことをしている<a href="https://qiita.com/sudo5in5k/items/5b6da5dbba3fc2514319">記事</a>でした．
その記事は</p>
<ol>
<li><code>google-services.json</code>を base64 に変換</li>
<li>GitHub Secrets に記入</li>
<li>GitHubActions の yaml ファイルから Secrets 読み込み</li>
<li>decode して正しい位置に配置</li>
</ol>
<p>という手順で CI を通していました．</p>
<p>ならば，これを iOS でも同じようにすればいいじゃないか！となりますよね．やりましょう．</p>
<h2>手順</h2>
<ol>
<li><code>GoogleService-info.plist</code>を json に変換</li>
<li>生成した json ファイルを base64 の形にし，secrets に記述</li>
<li>secrets から json ファイルを生成し，その json ファイルを plist ファイルに変換（<code>GoogleService-info.plist</code>という名前として適切な位置におく）</li>
<li>生成した json ファイルを削除</li>
</ol>
<h3>1. <code>GoogleService-info.plist</code>を json に変換</h3>
<p><a href="https://www.ecoop.net/memo/archives/convert_plist_to_or_from_json.html">記事</a>を参考に変換しました．
（下の<code>/path/to/dir</code>は GoogleService-info.plist が存在するディレクトリまでのパス．）</p>
<pre><code class="language-bash">cd /path/to/dir
plutil -convert json GoogleService-info.plist -r -o output.json
</code></pre>
<h3>2. 生成した json ファイルを base64 の形にし，secrets に記述</h3>
<p>cat で出力した結果（<a href="https://qiita.com/sudo5in5k/items/5b6da5dbba3fc2514319">記事</a>参考）をそのまま Secrets に貼り付けます</p>
<pre><code class="language-bash">cat output.json | base64
</code></pre>
<h3>3, 4. secrets から json ファイルを生成し，その json ファイルを plist ファイルに変換+生成した json ファイルを削除</h3>
<p>流れは以下の通り．</p>
<pre><code class="language-yaml"># Generate GoogleService-info.plist (Step 3)
- name: Translate secrets of base64 into json
  env:
    GOOGLE_SERVICE: ${{ secrets.GOOGLE_SERVICE_INFO_PLIST }}
  run: echo $GOOGLE_SERVICE | base64 --decode &gt; ./OgiriBattle_Swift/Common/Resources/output.json
- name: Translate json into plist and generate GoogleService-info.plist
  run: plutil -convert xml1 ./OgiriBattle_Swift/Common/Resources/output.json -o ./OgiriBattle_Swift/Common/Resources/GoogleService-info.plist
- name: Remove json file (Step 4)
  run: rm OgiriBattle_Swift/Common/Resources/output.json
</code></pre>
<p><code>GOOGLE_SERVICE</code>という名前で secrets に記述されている base64 を取得 →json に decode→json から plist に変換という流れ．
（<code>OgiriBattle_Swift/Common/Resources/</code>のパスは例です）</p>
<h2>最後に</h2>
<p>いい記事を残してくれた先人の方々に感謝を込めて，自分もいい記事を書こうとなりました．
間違い等あれば指摘してください．お願いします！
また，いい記事だと思った方はグッドボタンと Twitter のフォローをね，よかったらお願いします！（どこぞの Youtuber みたいだな）</p>
<h2>救世主となったサイト</h2>
<ol>
<li><a href="https://qiita.com/sudo5in5k/items/5b6da5dbba3fc2514319">https://qiita.com/sudo5in5k/items/5b6da5dbba3fc2514319</a></li>
<li><a href="https://qiita.com/hohohoris/items/f934beb4ea0b432af488">https://qiita.com/hohohoris/items/f934beb4ea0b432af488</a></li>
<li><a href="https://linuxjm.osdn.jp/html/GNU_coreutils/man1/base64.1.html">https://linuxjm.osdn.jp/html/GNU_coreutils/man1/base64.1.html</a></li>
<li><a href="https://www.ecoop.net/memo/archives/convert_plist_to_or_from_json.html">https://www.ecoop.net/memo/archives/convert_plist_to_or_from_json.html</a></li>
</ol>


# iOS