<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
今回は、コミュニティの参加者の方から質問があったテストや設計について書いていきます。 
現場経験のある方は当たり前に感じることも、未経験でアプリ作成している人からしたら、その当たり前の重要性は気付きにくいものです。 
今回はそんな疑問を解消することができました。
<h2 id="%E8%B3%AA%E5%95%8F%E5%86%85%E5%AE%B9">
<a class="header-anchor-link" href="#%E8%B3%AA%E5%95%8F%E5%86%85%E5%AE%B9" aria-hidden="true"></a> 質問内容</h2>
<blockquote>
どこでテストの勉強すればいいのかわからない。言語は kotlin。テストコードの書き方 
TestLab の立ち位置がわからない 
課題 5 の Firebase を使ったアプリ制作をしているのだが、画面とモデルの設計で実際に使っているツールはあるか？
</blockquote>
<h1 id="%E7%9B%AE%E6%AC%A1">
<a class="header-anchor-link" href="#%E7%9B%AE%E6%AC%A1" aria-hidden="true"></a> 目次</h1>
<ol>
<li>テストコードの書き方について</li>
<li>TestLab とは(テストコード書いて TestLab?)</li>
<li>画面とモデルの設計で実際に使っている・おすすめのツール</li>
<li>まとめ</li>
</ol>
<h1 id="1.-%E3%83%86%E3%82%B9%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9">
<a class="header-anchor-link" href="#1.-%E3%83%86%E3%82%B9%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9" aria-hidden="true"></a> 1. テストコードの書き方</h1>
ライブラリを入れてテストできる環境を用意しましょう! 
<code>自動テスト</code>と<code>ソースコード</code>のテスト 2 つある 
画面を動かしてテストするのを E2E テストという 
L WEB アプリでもモバイルアプリでも使うテスト 
特徴としては<code>UI &gt; Service &gt; Unit</code>という順番でレベルがある。 
UI が一番コストが高く、Unit テストはコストが低い 
いろんな複数値を入れてデグレが起こらない確認をするために自動テストをする
テストは小さくても作った方がいい 
1 人で開発していても、後々楽になれるのでやった方がいい
<blockquote>
テスト書いてから実装？実装してからテスト？ 
→ リリースしてみないとわからないという状況は危ない 
本番環境・開発環境で分けて、目視確認してから本番にアップする 
なぜテストを先に書くのか？というと、仕様の変更があってもテストも変更がかけられるため履歴が残る 
自分がエンジニアとして、目論見通りに動いているか確認するためにやる 
軽めのテストなのか、重めのテストなのかで変わるが、2 つやっておくと安心 
手でやるテストは E2E で実施するが、現代はそれも自動化できる時代になった
</blockquote>
テストコードは実際の開発の 2 倍のコード量なので、自分の GitHub に置いておくと便利 
案件でテスト書くときにコピペして持ってくれば早くテストコード作れる
本日の名言：テストコードは資産になる
参考サイト: <a href="https://qiita.com/nozaki-sankosc/items/ae61f19a45f90a0963d0" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/nozaki-sankosc/items/ae61f19a45f90a0963d0</a>
<h1 id="2.-testlab-%E3%81%A8%E3%81%AF(%E3%83%86%E3%82%B9%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89%E6%9B%B8%E3%81%84%E3%81%A6-testlab%3F)">
<a class="header-anchor-link" href="#2.-testlab-%E3%81%A8%E3%81%AF(%E3%83%86%E3%82%B9%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89%E6%9B%B8%E3%81%84%E3%81%A6-testlab%3F)" aria-hidden="true"></a> 2. TestLab とは(テストコード書いて TestLab?)</h1>
<blockquote>
TestLab の立ち位置がわからない 
→TestLab 自体の立ち位置は、テストコード書いたものを TestLab に流すため、結果的にテストコードを書かないとダメ 
&lt;この動画はおすすめ!&gt; 
<a href="https://www.youtube.com/watch?v=jxjFNVTdlWI" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=jxjFNVTdlWI</a>
</blockquote>
テストの書き方は、案件とかで実際に書いている人に聞いた方がいい 
確か、TestLab を使うとしたら重量性課金なのでお金がかかるので注意
<blockquote>
テストってなんのためにあるとおもう？ 
→ どこで事故ったかわかった方がいいなと思い、テストの勉強をしようと思った。 
テストの本来の目的は、不具合がないか確認するというが、それが不具合だとどうやって確認する？ 
→Firebase のテストラボは実行端末を指定できる。 
端末固有の問題も発生する可能性がある。(昔の某ブランドがだした端末ではカメラ関係で問題が起こることが多い端末があった。) 
というわけで、 
社内で端末がない場合とか、調達が難しい場合は TestLab を利用して確認ができるようにするとかやる
</blockquote>
TestLab で端末を借りると言ったが、どういう状態だと思う？ 
→ 物理的に借りられるわけではなく、実態のある仮想の端末を借りる 
Android のおすすめアプリ : Vysol(バイソル)
<code>Vysol</code>とは 
Android 端末と iOS 端末を PC に繋ぐと、PC 側で端末を見ることができる+PC 上で触れることができる
だから、エミュレーターではなく実機でやっているのと同義ということになる
<blockquote>
エミュレーターと Vysol の起動速度は違う？ 
→ 実機の方が起動速度は早い
</blockquote>
<h1 id="3.-%E7%94%BB%E9%9D%A2%E3%81%A8%E3%83%A2%E3%83%87%E3%83%AB%E3%81%AE%E8%A8%AD%E8%A8%88%E3%81%A7%E5%AE%9F%E9%9A%9B%E3%81%AB%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%83%BB%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%81%AE%E3%83%84%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#3.-%E7%94%BB%E9%9D%A2%E3%81%A8%E3%83%A2%E3%83%87%E3%83%AB%E3%81%AE%E8%A8%AD%E8%A8%88%E3%81%A7%E5%AE%9F%E9%9A%9B%E3%81%AB%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%83%BB%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%81%AE%E3%83%84%E3%83%BC%E3%83%AB" aria-hidden="true"></a> 3. 画面とモデルの設計で実際に使っている・おすすめのツール</h1>
<blockquote>
課題 5 の Firebase を使ったアプリ制作をしているのだが、画面とモデルの設計で実際に使っているツールはあるか？ 
→plantUML = シーケンス図作るのに最適！ 
<a href="https://qiita.com/couzie/items/9dedb834c5aff09ea7b2" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/couzie/items/9dedb834c5aff09ea7b2</a>
</blockquote>
画面設計をするのが最適 
L 画面遷移図: overflow とか miro 
MHT ではイベントとして画面遷移図の作り方の動画をあげている 
YouTubeのvideoIDが不正です<a href="https://www.youtube.com/channel/UCoZ9RyQScnS-APRUl_kDSqA/videos" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/channel/UCoZ9RyQScnS-APRUl_kDSqA/videos</a>
<h1 id="4.-%E3%81%BE%E3%81%A8%E3%82%81">
<a class="header-anchor-link" href="#4.-%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> 4. まとめ</h1>
<ul>
<li>テストコードは小さくても書くべき！設計の際に適したテストを運用する</li>
<li>書いたテストコードは保管することでそのまま自分の資産になる。テストの型が増えれば、それをそのまま活用できる</li>
<li>エミュレーターより実機の方が起草速度が速い</li>
<li>画面とモデルの設計は PlantUML を使おう!</li>
<li>画面遷移図は overflow か miro を使おう!</li>
</ul>

テストや設計について

2. TestLab とは(テストコード書いて TestLab?)

3. 画面とモデルの設計で実際に使っている・おすすめのツール

Discussion