<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p data-line="2" class="code-line">コーヒー抽出の方法の1つに<a href="https://philocoffea.com/?mode=f3" target="_blank" rel="nofollow noopener noreferrer"><strong>4 : 6メソッド</strong></a>という手法があり、この4 : 6メソッドを支援するiOSアプリ<a href="https://apps.apple.com/jp/app/coffeebrew46/id6449224023" target="_blank" rel="nofollow noopener noreferrer"><strong>BrewCoffee46</strong></a>を作成<sup class="footnote-ref"><a href="#fn-0543-1" id="fnref-0543-1">[1]</a></sup>し、この1年間で30回ほどの更新を行って少しずつ機能強化を行ってきた。<br>
iOSDC Japan 2024 0日目のセッション<a href="https://fortee.jp/iosdc-japan-2024/proposal/ef610fc8-b241-486b-8e15-036285040cf0" target="_blank" rel="nofollow noopener noreferrer">watchOS 最前線　〜現代のApple Watch向けアプリの作り方〜</a>でBrewCoffee46のApple Watch対応を着想し、2024/9/3に配信開始したバージョン2.0.0にてwatchOSアプリをリリースした<sup class="footnote-ref"><a href="#fn-0543-2" id="fnref-0543-2">[2]</a></sup>。<br>
この記事では、まず作成したアプリについてデモ動画などで解説し、次にiOS・watchOS両方のアプリを作るうえで行ったパッケージ構成をまとめておく。なお、iOSアプリとwatchOSアプリの両方を含めたBrewCoffee46全体のソースコードは下記のGitHubリポジトリーから入手できる。</p>
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line"><a href="https://github.com/y-yu/coffeebrew46" target="_blank" rel="nofollow noopener noreferrer">https://github.com/y-yu/coffeebrew46</a></li>
</ul>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="12" class="code-line"><strong>コラム</strong></p>
<details><summary>なぜコーヒーを淹れるために「4 : 6メソッド」や、それを支援するアプリが必要なのか？</summary><div class="details-content">
<p data-line="14" class="code-line">コーヒーはコーヒー粉に含まれる成分を水に溶かすことで得られる液体である。コーヒー粉には、コーヒーという嗜好品として人間に好まれる成分と、しょうじきそうでもない成分がそれぞれ含まれているので、なるべくコーヒー粉に含まれる特定の好ましい成分だけを抽出してコーヒーを作りたいというモチベーションで様々な抽出方法が考案されている。<br>
様々な抽出方法の1つに<strong>ペーパードリップ</strong>があり、これは紙で作られたフィルターにコーヒー粉を置き、その上からお湯をかけるというものである。コーヒー粉に含まれる成分ごとに水（お湯）への溶けやすさが異なるという点に注目して、ペーパークロマトグラフィーのように水を移動させながら溶かすことで、溶けやすさの異なる成分ごとに溶ける比率を調整できるコーヒー抽出方法である<sup class="footnote-ref"><a href="#fn-0543-3" id="fnref-0543-3">[3]</a></sup>。<br>
<strong>4 : 6メソッド</strong>は粕谷 哲さんによって発明されたペーパードリップの設定方法の1つであり、どのような水量・流速・回数でペーパードリップを行うとよいかを計算で求められる。発明者の粕谷さんがWorld Brewers Cup（WBrC）でチャンピオンになった<sup class="footnote-ref"><a href="#fn-0543-4" id="fnref-0543-4">[4]</a></sup>というレピュテーションもあり、4 : 6メソッドを扱った本<sup class="footnote-ref"><a href="#fn-0543-5" id="fnref-0543-5">[5]</a></sup>が出版されるなどコーヒーファン（？）の間で比較的有名な抽出方法である。一方で4 : 6メソッドは基本となる<embed-katex><eq class="zenn-katex">コーヒー量 : 水量 = 1 : 15</eq></embed-katex>とは別のコンフィギュレーションで行おうとした場合、計算が複雑になってしまう。<br>
そこで筆者は4 : 6メソッドの計算を自動化するiOSアプリ<strong>BrewCoffee46</strong>をリリースし、4 : 6メソッドで許可されている表現力を最大に維持しつつも、計算はアプリが全て行うことで質量比を<embed-katex><eq class="zenn-katex">コーヒー量 : 水量 = 1 : 16.5</eq></embed-katex>など人間が計算するには複雑すぎる設定も可能にした。</p>
</div></details>
</div></aside>
<h1 id="watchos%E3%82%A2%E3%83%97%E3%83%AA%E7%89%88%E3%81%AEbrewcoffee46" data-line="25" class="code-line">
<a class="header-anchor-link" href="#watchos%E3%82%A2%E3%83%97%E3%83%AA%E7%89%88%E3%81%AEbrewcoffee46" aria-hidden="true"></a> watchOSアプリ版のBrewCoffee46</h1>
<ul data-line="27" class="code-line">
<li data-line="27" class="code-line">App Store: <a href="https://apps.apple.com/jp/app/coffeebrew46/id6449224023" target="_blank" rel="nofollow noopener noreferrer">https://apps.apple.com/jp/app/coffeebrew46/id6449224023</a>
</li>
</ul>
<p data-line="29" class="code-line">作成したwatchOSアプリは上記リンクのiOS版アプリにバンドルされて配布されている。</p>
<p data-line="31" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/e3e09a8dd991-20240906.png" width="300" loading="lazy" class="md-img"><br>
<em>watchOSアプリのトップ</em></p>
<h2 id="%E5%85%A8%E4%BD%93%E7%9A%84%E3%81%AA%E5%8B%95%E4%BD%9C" data-line="34" class="code-line">
<a class="header-anchor-link" href="#%E5%85%A8%E4%BD%93%E7%9A%84%E3%81%AA%E5%8B%95%E4%BD%9C" aria-hidden="true"></a> 全体的な動作</h2>
<p data-line="36" class="code-line">次の動画のように、iOSアプリのコントローラーというよりはこのwatchOSアプリがスタンドアローンで動作する。</p>
<p data-line="38" class="code-line"><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/6pyIxLjKDn4" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=6pyIxLjKDn4" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=6pyIxLjKDn4</a></p>
<p data-line="40" class="code-line">上記のデモ動画であるように、watchOSアプリにも4 : 6メソッドの計算ロジックが実装されている<sup class="footnote-ref"><a href="#fn-0543-6" id="fnref-0543-6">[6]</a></sup>ため、watchOSアプリでコーヒー豆の重さを変更してそれに基づく設定を計算できる。<br>
また、動画では説明できないが注水タイミングでApple Watchが振動する（Haptic Feedback）ようにしてあり、画面を注視しなくても注水タイミングを把握できるようになっている。これは作ったあとになって気づいたことだが、筆者はApple Watchを利き手である右手に付けており、ドリップ中は右手でお湯を注いだりする必要があるため画面を注視できない。よってHaptic Feedbackで画面を細かく見ることなく注水タイミングが把握できるようにした。</p>
<h2 id="ios%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8%E3%81%AE%E8%A8%AD%E5%AE%9A%E5%85%B1%E6%9C%89" data-line="43" class="code-line">
<a class="header-anchor-link" href="#ios%E3%82%A2%E3%83%97%E3%83%AA%E3%81%A8%E3%81%AE%E8%A8%AD%E5%AE%9A%E5%85%B1%E6%9C%89" aria-hidden="true"></a> iOSアプリとの設定共有</h2>
<p data-line="45" class="code-line">現状はwatchOSアプリで変更できるのはコーヒー豆の重量のみとしてあり、他の設定は下記の動画にあるようにiOSアプリから送信することにした。</p>
<p data-line="47" class="code-line"><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/iKs7kAaP9f0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=iKs7kAaP9f0" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=iKs7kAaP9f0</a></p>
<h1 id="%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E6%A7%8B%E6%88%90%E3%81%AE%E5%A4%89%E5%8C%96" data-line="52" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E6%A7%8B%E6%88%90%E3%81%AE%E5%A4%89%E5%8C%96" aria-hidden="true"></a> モジュール構成の変化</h1>
<p data-line="54" class="code-line">これまではwatchOSアプリが存在しなかったっため、iOSアプリとそのテストという下記のような2ターゲットの構成であった。</p>
<span class="embed-block zenn-embedded zenn-embedded-mermaid"><iframe id="zenn-embedded__fdecbb5b52512" src="https://embed.zenn.studio/mermaid#zenn-embedded__fdecbb5b52512" data-content="graph%20TB%0A%20%20%20%20BrewCoffee46Tests%20--%3E%20BrewCoffee46" frameborder="0" scrolling="no" loading="lazy"></iframe></span><p data-line="61" class="code-line">一方でwatchOSアプリが加わったため、下記のようなやや複雑な構成となった。</p>
<span class="embed-block zenn-embedded zenn-embedded-mermaid"><iframe id="zenn-embedded__895792ad2db7c" src="https://embed.zenn.studio/mermaid#zenn-embedded__895792ad2db7c" data-content="graph%20TB%0A%20%20%20%20BrewCoffee46Tests%20--%3E%20BrewCoffee46%0A%20%20%20%20BrewCoffee46%20--%3E%20BrewCoffee46Core%0A%20%20%20%20BrewCoffee46%20--%3E%20BrewCoffee46WatchKitApp%0A%20%20%20%20BrewCoffee46WatchKitApp%20--%3E%20BrewCoffee46Core%0A%20%20%20%20BrewCoffee46Tests%20--%3E%20BrewCoffee46TestsShared%0A%20%20%20%20BrewCoffee46CoreTests%20--%3E%20BrewCoffee46Core%0A%20%20%20%20BrewCoffee46CoreTests%20--%3E%20BrewCoffee46TestsShared%0A%20%20%20%20BrewCoffee46TestsShared%20--%3E%20BrewCoffee46Core" frameborder="0" scrolling="no" loading="lazy"></iframe></span><p data-line="75" class="code-line">この図に登場するモジュールを表で整理すると次のようになる。</p>
<table data-line="77" class="code-line">
<thead data-line="77" class="code-line">
<tr data-line="77" class="code-line">
<th>モジュール</th>
<th>管理</th>
<th>目的</th>
</tr>
</thead>
<tbody data-line="79" class="code-line">
<tr data-line="79" class="code-line">
<td><code>BrewCoffee46</code></td>
<td>XcodeGen</td>
<td>iOSアプリ</td>
</tr>
<tr data-line="80" class="code-line">
<td><code>BrewCoffee46Tests</code></td>
<td>XcodeGen</td>
<td>iOSアプリ部分のテスト</td>
</tr>
<tr data-line="81" class="code-line">
<td><code>BrewCoffee46WatchKitApp</code></td>
<td>XcodeGen</td>
<td>watchOSアプリ</td>
</tr>
<tr data-line="82" class="code-line">
<td><code>BrewCoffee46Core</code></td>
<td>SwiftPM</td>
<td>iOS・watchOSの両方で共有するコアパッケージ</td>
</tr>
<tr data-line="83" class="code-line">
<td><code>BrewCoffee46CoreTests</code></td>
<td>SwiftPM</td>
<td>コアパッケージのテスト</td>
</tr>
<tr data-line="84" class="code-line">
<td><code>BrewCoffee46TestsShared</code></td>
<td>SwiftPM</td>
<td>コアパッケージのテストとiOSアプリのテストで共有するパッケージ</td>
</tr>
</tbody>
</table>
<p data-line="86" class="code-line">このようなiOS・watchOSアプリで共有するパッケージ管理のために<strong>SwiftPM</strong>を新規に導入した。これまでは<a href="https://github.com/yonaskolb/XcodeGen" target="_blank" rel="nofollow noopener noreferrer">XcodeGen</a>を使っていたが、XcodeGenのみをつかってiOS・watchOSから参照されるフレームワークを作成することが最終的にできなかった<sup class="footnote-ref"><a href="#fn-0543-7" id="fnref-0543-7">[7]</a></sup>。<br>
共有パッケージである<code>BrewCoffee46Core</code>の設定を<code>Package.swift</code>で与えて、それをXcodeGenからローカルパッケージとして読み込むという方法であればiOS・watchOSアプリから依存できるフレームワークを簡単に作ることができた。</p>
<h1 id="%E3%81%BE%E3%81%A8%E3%82%81" data-line="91" class="code-line">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h1>
<p data-line="93" class="code-line">SwiftPMを使えばXcodeGenで<code>xcodeproj</code>ファイルを直接バージョン管理せずにiOS・watchOSの両方に対応したアプリを作成できる。実はこのwatchOSアプリの開発で一番苦労したのはiOSとの共有フレームワークをどうやって設定するかというコーディングとはまるで関係ないところであり、このようなXcodeのご機嫌をとる（？）作業の比重がプログラミングと比べて多めになってしまうのがApple系の開発で大変なところだと思う。<br>
また、iOSDC 2024 Tokyoにはじめて参加したが、最終的にそれをきっかけにしてwatchOSアプリをリリースできたので、他にも懇親会でのディスカッションなども含めて行って本当によかったと感じている。</p>
<h1 id="%E8%AC%9D%E8%BE%9E" data-line="96" class="code-line">
<a class="header-anchor-link" href="#%E8%AC%9D%E8%BE%9E" aria-hidden="true"></a> 謝辞</h1>
<p data-line="98" class="code-line">SwiftPMを使うといったパッケージ構成などの様々な相談に乗ってくれた<a href="https://x.com/kouki_dan" target="_blank" rel="nofollow noopener noreferrer">@kouki_dan</a>さんと<a href="https://x.com/7_6_" target="_blank" rel="nofollow noopener noreferrer">@nanashiki</a>さんに感謝する。</p>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-0543-1" class="footnote-item">
<p data-line="8" class="code-line">このiOSアプリを作ったときの話を<a href="https://zenn.dev/yyu/articles/c73a037d24d5a6" target="_blank">前回の記事</a>で書いた。 <a href="#fnref-0543-1" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-0543-2" class="footnote-item">
<p data-line="9" class="code-line">そういうわけで（？）この記事をiOSDC Japan 2024ということにする！ <a href="#fnref-0543-2" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-0543-3" class="footnote-item">
<p data-line="19" class="code-line">このあたりの詳細は<a href="https://www.amazon.co.jp/dp/4062579561" target="_blank" rel="nofollow noopener noreferrer">コーヒーの科学</a>（Amazon）という本が詳しい。 <a href="#fnref-0543-3" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-0543-4" class="footnote-item">
<p data-line="20" class="code-line"><a href="https://philocoffea.com/?mode=f1" target="_blank" rel="nofollow noopener noreferrer">https://philocoffea.com/?mode=f1</a> <a href="#fnref-0543-4" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-0543-5" class="footnote-item">
<p data-line="21" class="code-line"><a href="https://www.amazon.co.jp/dp/4297134039" target="_blank" rel="nofollow noopener noreferrer">誰でも簡単！ 世界一の4：6メソッドでハマる 美味しいコーヒー</a>（Amazon） <a href="#fnref-0543-5" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-0543-6" class="footnote-item">
<p data-line="50" class="code-line">後述するがiOSアプリとwatchOSアプリとで主要なロジックを共有できるようにSwiftPMを利用してパッケージに切り出しているため、iOSアプリとwatchOSアプリでロジックに差が生じないようにした。 <a href="#fnref-0543-6" class="footnote-backref">↩︎</a></p>
</li>
<li id="fn-0543-7" class="footnote-item">
<p data-line="89" class="code-line">実はできるやり方があるのかもしれないが……😇 <a href="#fnref-0543-7" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


4 : 6メソッド（コーヒードリップ）用のwatchOSアプリを作った

Discussion