<h1 id="scade%E3%81%A7%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA">
<a class="header-anchor-link" href="#scade%E3%81%A7%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA" aria-hidden="true"></a> SCADEでのアプリ開発</h1>
<p>まず、swiftでandroidアプリ開発できるのか？といった話ですが結論できるんです！！<br>
flutterとかKMMとかはなんとなくわかるけど、どうコードが生成されてどうパッケージ化されて動くのか？まったく調べてみました！！</p>
<p>日本語でわかりやすそうなのは以下の記事の31~52ページ目です。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0d281487dddaa" src="https://embed.zenn.studio/card#zenn-embedded__0d281487dddaa" data-content="https%3A%2F%2Fwww.docswell.com%2Fs%2Fhcrane%2FNK2M4K-2021-03-08-093342%23p31" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.docswell.com/s/hcrane/NK2M4K-2021-03-08-093342#p31" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.docswell.com/s/hcrane/NK2M4K-2021-03-08-093342#p31</a></p>
<p>よし！なんとなくわかった、、、と言うわけで開発してみた🔥</p>
<h2 id="%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90" aria-hidden="true"></a> プロジェクトの作成</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/196ba481cfba-20221208.png" alt loading="lazy" class="md-img"><br>
File -&gt; New -&gt; New Project を選択</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/963b68160e04-20221208.png" alt loading="lazy" class="md-img"><br>
Scade Projectを選択(ここでSwift Package選ばないとAndroid App作れないのでご注意を)<br>
そこからNextでプロジェクト名決定してProject作成</p>
<h2 id="%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%A7%8B%E6%88%90">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%A7%8B%E6%88%90" aria-hidden="true"></a> プロジェクトのファイル構成</h2>
<p>プロジェクト作成が終わったら次に生成されているファイル構成を見てみよう</p>
<div class="code-block-container"><pre><code>Sources/
├─ Project名/
│  ├─ Extensions/
│  │  ├─ Pages/
│  │  │  ├─ main.page.ext.swift
│  │  ├─ main.page
│  │  ├─ main.page.svg
│  │  ├─ main.page.swift
│  │  ├─ start.swift
├─ build.yaml
├─ Package.swift
</code></pre></div><p>どこのファイルが何やってん？？？<br>
わからん</p>
<h3 id="%E5%88%9D%E6%9C%9F%E7%94%9F%E6%88%90%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%81%AE%E5%BD%B9%E5%89%B2">
<a class="header-anchor-link" href="#%E5%88%9D%E6%9C%9F%E7%94%9F%E6%88%90%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%81%AE%E5%BD%B9%E5%89%B2" aria-hidden="true"></a> 初期生成されているファイルそれぞれの役割</h3>
<p><strong>start.swift</strong><br>
scadeでプロジェクトをcreateした時点で自動生成されるファイルの一つであり、アプリ全体のライフタイムイベントを管理するためにSCDApplicationを継承したプロジェクト名のクラスが記述されている。<br>
Xcodeでの開発で言うとAppDelegateクラスですね~</p>
<p><strong>main.page.swift</strong><br>
SCDLatticePageAdapterクラスを継承した<code>MainPageAdapter</code>クラスが記述されており、画面のライフサイクルを管理しているクラスです。初めは<code>load関数</code>が書いてありますがこちらはXcodeで言う<code>loadView/viewDidLoad関数</code>とほぼ同じと考えていいと思います。</p>
<p><strong>main.page.ext.swift</strong><br>
こちらはこちらは上記の<code>main.page.swift</code>内の<code>MainPageAdapter</code>クラスの拡張で<code>main.page</code>に置かれたScadeKitを変数としてコードで使えるようにしているファイルそうです。ここで今までSwiftをやって来た人は驚きの保持型変数をextention内で書くことができそうです！Xcodeだとメソッドや計算型変数などは定義で来ていたが保持型変数は書くことができなかったのでここは注意しておくといいかもしれないです。</p>
<p><strong>main.page</strong><br>
もうこれは完全にXcodeで言うStoryBordの何者でもなさそうです！！<br>
ただオートレイアウトが見ずらいこと制約がつけずらい、<code>ScrollView</code>がないなどちょくちょく足りないものがありそうでした。</p>
<p><strong>main.page.svg</strong><br>
こちらは<code>main.page</code>をsvg拡張子で画像にしてくれてそうですね<br>
多分ですがUIの確認などしやすくなるため？？ですかね<br>
基本的にあまりいじらなくて良さそうです。</p>
<h2 id="ui%E3%81%A9%E3%81%86%E8%A8%80%E3%81%86%E3%81%B5%E3%81%86%E3%81%AB%E4%BD%9C%E3%82%8B%E3%81%AD%E3%82%93%EF%BC%9F~%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%81%AE%E3%83%93%E3%83%AB%E3%83%89%E3%81%BE%E3%81%A7">
<a class="header-anchor-link" href="#ui%E3%81%A9%E3%81%86%E8%A8%80%E3%81%86%E3%81%B5%E3%81%86%E3%81%AB%E4%BD%9C%E3%82%8B%E3%81%AD%E3%82%93%EF%BC%9F~%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%81%AE%E3%83%93%E3%83%AB%E3%83%89%E3%81%BE%E3%81%A7" aria-hidden="true"></a> UIどう言うふうに作るねん？~モバイルのビルドまで</h2>
<p>Xcode/SwiftではUIkitかSwiftUIで作られてるけどScadeはScadeKitというもので作られてそうです。<br>
まぁ概要はUIKitと全く変わりませんので説明を省きます。。。</p>
<h3 id="%E3%83%93%E3%83%AB%E3%83%89%E3%81%AE%E6%BA%96%E5%82%99">
<a class="header-anchor-link" href="#%E3%83%93%E3%83%AB%E3%83%89%E3%81%AE%E6%BA%96%E5%82%99" aria-hidden="true"></a> ビルドの準備</h3>
<p><img src="https://storage.googleapis.com/zenn-user-upload/ee74dde12e63-20221208.png" alt loading="lazy" class="md-img"><br>
上記画像のようにしてScadeの<code>settings.yml</code>ファイルを開きます。<br>
そこで自らのPCにinstallされているndk,sdk,Xcodeのパスを記入します。<br>
ここのパスが違う、パスが記入されていないと両方ともビルドできないので注意です。</p>
<h3 id="%E3%82%A2%E3%82%A4%E3%83%95%E3%82%A9%E3%83%B3%E3%81%A7%E3%81%AE%E3%83%93%E3%83%AB%E3%83%89">
<a class="header-anchor-link" href="#%E3%82%A2%E3%82%A4%E3%83%95%E3%82%A9%E3%83%B3%E3%81%A7%E3%81%AE%E3%83%93%E3%83%AB%E3%83%89" aria-hidden="true"></a> アイフォンでのビルド</h3>
<p><img src="https://storage.googleapis.com/zenn-user-upload/06cbc68168ec-20221208.png" alt loading="lazy" class="md-img"><br>
上記画像のようにエミュレータを選択しBuildするのみです！！</p>
<h3 id="%E3%82%A2%E3%83%B3%E3%83%89%E3%83%AD%E3%82%A4%E3%83%89%E3%81%A7%E3%81%AE%E3%83%93%E3%83%AB%E3%83%89">
<a class="header-anchor-link" href="#%E3%82%A2%E3%83%B3%E3%83%89%E3%83%AD%E3%82%A4%E3%83%89%E3%81%A7%E3%81%AE%E3%83%93%E3%83%AB%E3%83%89" aria-hidden="true"></a> アンドロイドでのビルド</h3>
<p>こっちも同じく自らのエミュレータの選択Buildで試すことができます<br>
<img src="https://storage.googleapis.com/zenn-user-upload/5e878efa6a42-20221208.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>実際にScadeというものに触れたのが初めてでSwiftでのクロスプラットフォームに胸馳せながら楽しみました。<br>
ぜひみなさんも使ってみてはいかがでしょうか？<br>
実際に企業などでScadeが採用されているのを聞いたことがないのが悲しいことですが、、、、</p>
<h1 id="%E5%8F%82%E8%80%83%E6%96%87%E7%8C%AE">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E6%96%87%E7%8C%AE" aria-hidden="true"></a> 参考文献</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e12f5d75872a4" src="https://embed.zenn.studio/card#zenn-embedded__e12f5d75872a4" data-content="https%3A%2F%2Fwww.docswell.com%2Fs%2Fhcrane%2FNK2M4K-2021-03-08-093342" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.docswell.com/s/hcrane/NK2M4K-2021-03-08-093342" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.docswell.com/s/hcrane/NK2M4K-2021-03-08-093342</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d667de74c1c37" src="https://embed.zenn.studio/card#zenn-embedded__d667de74c1c37" data-content="https%3A%2F%2Fdocs.scade.io%2Fdocs%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.scade.io/docs/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.scade.io/docs/</a></p>
<p>Scadeでのアプリ開発の日本語での参考書もあったので参考までに！！！<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c54833e40156e" src="https://embed.zenn.studio/card#zenn-embedded__c54833e40156e" data-content="https%3A%2F%2Fplay.google.com%2Fstore%2Fbooks%2Fdetails%3Fid%3DufMfEAAAQBAJ%26rdid%3Dbook-ufMfEAAAQBAJ%26rdot%3D1%26source%3Dgbs_vpt_read%26pcampaignid%3Dbooks_booksearch_viewport%26pli%3D1" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://play.google.com/store/books/details?id=ufMfEAAAQBAJ&amp;rdid=book-ufMfEAAAQBAJ&amp;rdot=1&amp;source=gbs_vpt_read&amp;pcampaignid=books_booksearch_viewport&amp;pli=1" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://play.google.com/store/books/details?id=ufMfEAAAQBAJ&amp;rdid=book-ufMfEAAAQBAJ&amp;rdot=1&amp;source=gbs_vpt_read&amp;pcampaignid=books_booksearch_viewport&amp;pli=1</a></p>


SwiftでAndroidアプリ開発

初期生成されているファイルそれぞれの役割

UIどう言うふうに作るねん？~モバイルのビルドまで

Discussion