【Flutter】WebView確認アプリを公開しました！

      
<p>今回作ったアプリはこちら！</p>
要件整理・要件定義や画面遷移図作成時に使ってみてください！

https://apps.apple.com/jp/app/web-propose/id6448617058


  

<h2 class="wp-block-heading"><span id="toc1">アプリリリースへのきっかけ</span></h2>



<p>４月末まで参画していたお仕事で、「webView」での動作での認識違いがありました。</p>



<p>そこで、webViewの種類別に表示・動作を確認できるアプリを作っちゃおう！となりました。</p>



<h2 class="wp-block-heading"><span id="toc2">リリースまでの課題</span></h2>



<ol>
<li>Flutterアプリのリリース方法整理</li>



<li>広告(admob)の導入方法整理</li>
</ol>



<p>これらについて考えをまとめました。</p>



<h3 class="wp-block-heading"><span id="toc3">Flutterアプリのリリース方法</span></h3>



<p>アプリは基本的に自動でApple Connectにアップロードされるものだと思っていましたが、Flutterで開発する場合、自動でアップロードするにはいろいろ工夫が必要なようです。</p>



<ol>
<li>connect APIを用いて自動でアップロードできるようにする</li>



<li>Transporterを用いて手動でアップロードする</li>
</ol>



<p>今回は上記の２の方法でipaをアップロードしました。</p>



<p>ビルドコマンドは以下</p>



<pre class="wp-block-code hljs properties"><code><span class="hljs-attr">flutter</span> <span class="hljs-string">build ipa</span></code></pre>



<p>ipa作成完了後、プロジェクト &gt; build &gt; iOS &gt; ipaにipaファイルが作成されます。</p>



<p>それをTransporterでアップロードするだけです。</p>

https://apps.apple.com/jp/app/transporter/id1450874784?mt=12



<h3 class="wp-block-heading"><span id="toc4">広告(admob)の導入方法整理</span></h3>



<p>これについては別記事でまとめています。</p>


https://sogablog.net/2023/05/03/%e3%80%90flutter%e3%80%91%e3%82%b3%e3%83%94%e3%83%9a%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8bbanneradwidget/



<h2 class="wp-block-heading"><span id="toc5">Apple Review</span></h2>



<p>案の定、一発でリリースはできませんでした。</p>



<p>内容を以下にまとめます。(解決方法も！)</p>



<h3 class="wp-block-heading"><span id="toc6">Guideline 2.1 – Information Needed</span></h3>



<h4 class="wp-block-heading"><span id="toc7">AppTrackingTransparency</span></h4>



<p>原文ママ</p>



<pre class="wp-block-code hljs sql"><code>Guideline 2.1 - Information Needed


We're looking forward to completing our review, but we need more information to continue. Your app uses the AppTrackingTransparency framework, but we are unable to locate the App Tracking Transparency permission request when reviewed on iOS 16.4.1.

Next Steps

Please <span class="hljs-keyword">explain</span> <span class="hljs-keyword">where</span> we can find the App <span class="hljs-keyword">Tracking</span> Transparency permission request <span class="hljs-keyword">in</span> your app. The request should appear <span class="hljs-keyword">before</span> <span class="hljs-keyword">any</span> <span class="hljs-keyword">data</span> <span class="hljs-keyword">is</span> collected that could be used <span class="hljs-keyword">to</span> track the user.

<span class="hljs-keyword">If</span> you<span class="hljs-string">'ve implemented App Tracking Transparency but the permission request is not appearing on devices running the latest OS, please review the available documentation and confirm App Tracking Transparency has been correctly implemented.

If your app does not track users, update your app privacy information in App Store Connect to not declare tracking. You must have the Account Holder or Admin role to update app privacy information.

Resources 

- Tracking is linking data collected from your app with third-party data for advertising purposes, or sharing the collected data with a data broker. Learn more about tracking.
- See Frequently Asked Questions about the requirements for apps that track users.
- Review developer documentation for App Tracking Transparency.</span></code></pre>



<p>これについては「トラッキングダイアログ確認できないよ？あるなら証拠出して？」ということでしたので、どのタイミングでダイアログが出るのかと出た画面を送りました。</p>



<p>Appleさんちゃんと見てるのかな、</p>



<p>次からはfirst release時点で提出してしまおうと思いました。</p>



<h4 class="wp-block-heading"><span id="toc8">How do users benefit from your app’s features?</span></h4>



<p>原文ママ</p>



<pre class="wp-block-code hljs kotlin"><code>Guideline <span class="hljs-number">2.1</span> - Information Needed


We’re looking forward to completing the review of your app, but we need more information to <span class="hljs-keyword">continue</span>.

Next Steps

Please provide detailed answers to the following questions <span class="hljs-keyword">in</span> your reply to <span class="hljs-keyword">this</span> message <span class="hljs-keyword">in</span> App Store Connect:

- How <span class="hljs-keyword">do</span> users benefit from your app’s features? Specifically, What utility does your app represent?</code></pre>



<p>これは、「お前のアプリ機能めっちゃ無いけど誰が使うん？何に使うん？」みたいなことで指摘されています。</p>



<p>これについては情熱が籠った返信をしました。</p>



<pre class="wp-block-code hljs"><code>アプリからwebサイトを開く方法が3種類もあるのにAppleはそれ専用のアプリを出していない。
だから私が作った。
webエンジニアがアプリでwebを表示した時の画面を確認する為のアプリであり、
今後アプリにwebサイトのurlを設置したい人がどれを使うか参考にすることができる。

これにより、webでのみ発展してきた分野のアプリが今後iOSのアプリとして増えてくると考えている。
お互い頑張ってこの業界を盛り上げよう。</code></pre>



<p>結構カッコつけて(英語にして)送りました。無事リリース✌️</p>



<h2 class="wp-block-heading"><span id="toc9">リリースしたアプリについて</span></h2>



<p><strong>Web Propose</strong>という名前にしました。web viewってアプリが既にあったようで、、、</p>


https://apps.apple.com/jp/app/web-propose/id6448617058



<h2 class="wp-block-heading"><span id="toc10">最後に</span></h2>



<p>この記事では、機能としては3つしかないアプリでも、リリースしたい理由とニーズをしっかり伝えることでリリースができることをつらつら書かせていただきました。</p>



<p>私自身もリリースが不安でしたが、この記事を読んでくださった方々のリリースへの敷居が少しでも下がればと願っています。</p>


https://sogablog.net/