<h1 id="%E6%A5%AD%E5%8B%99%E3%81%A7%E5%BF%85%E8%A6%81%E3%81%AA%E7%9F%A5%E8%AD%98%E3%81%A0%E3%81%A3%E3%81%9F%E3%81%AE%E3%81%A7%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F!">
<a class="header-anchor-link" href="#%E6%A5%AD%E5%8B%99%E3%81%A7%E5%BF%85%E8%A6%81%E3%81%AA%E7%9F%A5%E8%AD%98%E3%81%A0%E3%81%A3%E3%81%9F%E3%81%AE%E3%81%A7%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%84%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F!" aria-hidden="true"></a> 業務で必要な知識だったのでチュートリアルやってみた!</h1>
<p>Firebaseのところは今回やらないので、iOSとAndroidで環境を変えて、buildができるかやってみた!</p>
<p><strong>Flutter界隈では有名人の村松龍之介さんとダイゴさんの記事を参考に今回やってみました!</strong><br>
松村龍之介さんと書いてしまいました!<br>
お名前を間違えたこと、謝罪させていただきます🙇‍♂️</p>
<p>参考にした記事<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__b9014f496e3cc" src="https://embed.zenn.studio/card#zenn-embedded__b9014f496e3cc" data-content="https%3A%2F%2Fzenn.dev%2Friscait%2Farticles%2Fseparating-environments-in-flutter" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/riscait/articles/separating-environments-in-flutter" style="display:none" target="_blank">https://zenn.dev/riscait/articles/separating-environments-in-flutter</a></p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__aeeab61d66be3" src="https://embed.zenn.studio/card#zenn-embedded__aeeab61d66be3" data-content="https%3A%2F%2Fzenn.dev%2Fmamushi%2Fscraps%2F13c0232c88227e" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/mamushi/scraps/13c0232c88227e" style="display:none" target="_blank">https://zenn.dev/mamushi/scraps/13c0232c88227e</a></p>
<p><strong>こちらのGithubのリポジトリの設定を参考に挑戦してみました!</strong><br>
こちらの画像とソースコードを使わせていただきました🙇‍♂️<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c5be87a4aaea5" src="https://embed.zenn.studio/card#zenn-embedded__c5be87a4aaea5" data-content="https%3A%2F%2Fgithub.com%2Faltive%2Fflutter_app_template%2Ftree%2Fmain%2Fpackages%2Fflutter_app" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/altive/flutter_app_template/tree/main/packages/flutter_app" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/altive/flutter_app_template/tree/main/packages/flutter_app</a></p>
<p>やってみた感想ですが、Flutterの知識がある人でないと、「あれ、ここの設定の仕方書いてない気がする?」と混乱します😇<br>
調べながらやってみて、アプリ・アイコンが切り替わっていたので、おそらく大丈夫と思われます?</p>
<h2 id="%E6%9C%80%E5%88%9D%E3%81%AB%E8%BA%93%E3%81%84%E3%81%9F%E3%81%93%E3%81%A8!">
<a class="header-anchor-link" href="#%E6%9C%80%E5%88%9D%E3%81%AB%E8%BA%93%E3%81%84%E3%81%9F%E3%81%93%E3%81%A8!" aria-hidden="true"></a> 最初に躓いたこと!</h2>
<p>ランチャーアイコンのコマンド打つとエラーが出る?</p>
<div class="code-block-container"><pre><code>hashimotojunichi@hashimotojunichinoMacBook-Pro app_template % flutter pub run flutter_launcher_icons:main
  ════════════════════════════════════════════
     FLUTTER LAUNCHER ICONS (v0.9.3)                               
  ════════════════════════════════════════════
  

Flavor: prod

✕ Could not generate launcher icons for flavors

✗ ERROR: InvalidConfigException 
Cannot not find minSdk from android/app/build.gradle or android/local.propertiesSpecify minSdk in either android/app/build.gradle or android/local.properties
pub finished with exit code 2
</code></pre></div><p><img src="https://storage.googleapis.com/zenn-user-upload/27989cb900f0-20220628.png" alt loading="lazy" class="md-img"></p>
<h2 id="%E3%81%AA%E3%81%9C%E3%81%A0%3F">
<a class="header-anchor-link" href="#%E3%81%AA%E3%81%9C%E3%81%A0%3F" aria-hidden="true"></a> なぜだ?</h2>
<p>気になった箇所のエラーを翻訳してみた...</p>
<div class="code-block-container"><pre><code>Cannot not find minSdk from android/app/build.gradle
</code></pre></div><p>android/app/build.gradle から minSdk が見つかりません。</p>
<h2 id="%E3%81%A9%E3%82%86%E3%81%93%E3%81%A8%3F">
<a class="header-anchor-link" href="#%E3%81%A9%E3%82%86%E3%81%93%E3%81%A8%3F" aria-hidden="true"></a> どゆこと?</h2>
<p>Githubのソースコードを拝見すると、数値を設定していた!<br>
最近は、Flutter本体を設定すれば書かなくても良くなったと思っていた?</p>
<p><strong>この記事の下の方に書いてます!</strong><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4cd2364f0c64d" src="https://embed.zenn.studio/card#zenn-embedded__4cd2364f0c64d" data-content="https%3A%2F%2Fzenn.dev%2Fjoo_hashi%2Farticles%2Fd24a196cc5b958" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/joo_hashi/articles/d24a196cc5b958" style="display:none" target="_blank">https://zenn.dev/joo_hashi/articles/d24a196cc5b958</a></p>
<p>build.gradle</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/70a0f54a3beb-20220628.png" alt loading="lazy" class="md-img"></p>
<p>Androidは、Zennの記事を見ながら設定すればできた。しかしiOSは難しかった😵</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/55f56d22c145-20220628.png" alt loading="lazy" class="md-img"></p>
<h2 id="x-code%E3%81%A7%E6%93%8D%E4%BD%9C%E3%81%99%E3%82%8B%E5%A0%B4%E6%89%80%E3%82%92%E6%8E%A2%E3%81%99%E3%81%AE%E3%81%AB%E8%8B%A6%E5%8A%B4%E3%81%97%E3%81%9F!">
<a class="header-anchor-link" href="#x-code%E3%81%A7%E6%93%8D%E4%BD%9C%E3%81%99%E3%82%8B%E5%A0%B4%E6%89%80%E3%82%92%E6%8E%A2%E3%81%99%E3%81%AE%E3%81%AB%E8%8B%A6%E5%8A%B4%E3%81%97%E3%81%9F!" aria-hidden="true"></a> X-codeで操作する場所を探すのに苦労した!</h2>
<p><strong>ここにあった!</strong></p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/31da9b540058-20220628.png" alt loading="lazy" class="md-img"></p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/37cbc9bdb297-20220628.png" alt loading="lazy" class="md-img"></p>
<h2 id="bundle-id%E3%82%92%E7%92%B0%E5%A2%83%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E5%A4%89%E3%81%88%E3%82%8B">
<a class="header-anchor-link" href="#bundle-id%E3%82%92%E7%92%B0%E5%A2%83%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E5%A4%89%E3%81%88%E3%82%8B" aria-hidden="true"></a> Bundle IDを環境によって変える</h2>
<p>ここからが、難しかった!</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/bc488f9c03c0-20220628.png" alt loading="lazy" class="md-img"></p>
<p>記事の通りの箇所を修正すれば、Debug, Profile, Releaseの部分も自動で設定されるようです!</p>
<h2 id="app%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E7%92%B0%E5%A2%83%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E5%A4%89%E3%81%88%E3%82%8B">
<a class="header-anchor-link" href="#app%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E7%92%B0%E5%A2%83%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E5%A4%89%E3%81%88%E3%82%8B" aria-hidden="true"></a> Appアイコンを環境によって変える</h2>
<p>こちらも、記事の通りの箇所を修正すれば、自動で設定してくれました!</p>
<p>iosフォルダの中のFlutterフォルダに、Githubのソースコードを参考に用意した、prod.xconfig、dev.xconfig、stg.xconfigを配置するのをお忘れなく!</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/661e55efebbd-20220628.png" alt loading="lazy" class="md-img"></p>
<p>チュートリアル通りの設定ができていれば、環境を変えてbuildしたときに、アイコン画像が切り替わるはずです!</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/728b51f8e59e-20220628.png" alt loading="lazy" class="md-img"></p>
<h1 id="%E6%9C%80%E5%BE%8C%E3%81%AB">
<a class="header-anchor-link" href="#%E6%9C%80%E5%BE%8C%E3%81%AB" aria-hidden="true"></a> 最後に</h1>
<p>Flutterの日本語の情報を発信してくださる龍之介さんとダイゴさんには、本当に感謝しております🙇‍♂️<br>
業務では、環境をわけて、buildするのは、当然なので、チーム開発をする場合は、まずは今回のように切り替えることができる設定をプロジェクトリーダーがする必要があります。<br>
個人開発では必要ないですが、開発現場では環境をわけないと、間違ってリリース用のFireStoreにデータを保存して、バグが出るかもしれないという危険性があります😱</p>
<blockquote>
<p>設定が終わったら、メンバーに配布をする。<br>
その後から開発を開始する。</p>
</blockquote>
<p>最近私、チーム開発をするようになり、Githubでのバージョン管理だけでなく、Android Stadio(IDE)の設定が必要なのを知って、コードが正しく書かれているだけでは、他の人のPCでは開発中のアプリが動かなくなる事件に遭遇しました😇<br>
現場では、学びが多く毎日の仕事が勉強です🧑‍💻</p>


FlutterでDart-defineについて学んでみた

X-codeで操作する場所を探すのに苦労した!

Appアイコンを環境によって変える

業務で必要な知識だったのでチュートリアルやってみた!

Discussion