はじめに

これは、前回のチュートリアルからさらに進んで、バックエンド(Firebase)と接続したTodoアプリを作るチュートリアルの第一章です。
試行錯誤の過程も全部載せます。

準備編

環境構築はできている前提で。
wiazardを開いて適当なアプリ名を入力。
私はSaikyoTodoにしました（クソダサ）
必要なライブラリはわからんので、とりあえず絶対に使いそうなやつだけチェックしてダウンロードします。以下の画像を参考にしてください。

[追加]Koinも入れてください！

試行錯誤するので、git管理も導入しています。

初回立ち上げ編

入れたアプリをそのままAndroid Studio上でビルドしようとしたら読んでられないような大量のエラーが出た。
一度見なかったふりをして説明書（README）を見に行きます。

READMEに書いてあることをchatGPTに翻訳させたらこんな感じ。

以下は、Compose Multiplatform アプリケーションを実行する前のチェックリストと各プラットフォームでの実行方法についての案内です。

## 実行前に！
 - [KDoctor](https://github.com/Kotlin/kdoctor)でシステムをチェックしてください。
 - JDK 17をマシンにインストールしてください。
 - プロジェクトのルートに `local.properties` ファイルを追加し、そこにAndroid SDKへのパスを設定してください。

### Android
Androidデバイス/エミュレータでアプリケーションを実行するには：
 - Android Studioでプロジェクトを開き、インポートされたAndroid実行構成を実行してください。

アプリケーションバンドルをビルドするには：
 - `./gradlew :composeApp:assembleDebug` を実行してください。
 - `.apk` ファイルを `composeApp/build/outputs/apk/debug/composeApp-debug.apk` で見つけてください。

### デスクトップ
デスクトップアプリケーションを実行するには： `./gradlew :composeApp:run`

### iOS
iPhoneデバイス/シミュレータでアプリケーションを実行するには：
 - Xcodeで `iosApp/iosApp.xcproject` を開き、標準の構成を実行してください。
 - または、Android Studio用の [Kotlin Multiplatform Mobileプラグイン](https://plugins.jetbrains.com/plugin/14936-kotlin-multiplatform-mobile) を使用してください。

### ブラウザ
ブラウザアプリケーションを実行するには： `./gradlew :composeApp:jsBrowserDevelopmentRun`

local.propertiesファイルなんて入れてないなぁ。多分これかな。

簡単にやり方をまとめると

Android Studioを開く
メニューバーのtoolsを開く
SDK Managerを開く
上の方に表示されているパスをコピー
プロジェクトのルートディレクトリにlocal.propertiesを作成
sdk.dir = "さっきコピーしたパス"

Androidだけ動かない。
なんだこれは。。。

調べたらこれっぽいんだけど回答がついてないから一旦諦める
https://stackoverflow.com/questions/77418029/how-to-create-a-kotlin-project-using-kotlinx-datetime-and-share-it-across-differ

問題となっているdatetimeのライブラリを抜いたらビルドできるようになった、時間周りの処理はバックエンド側に任せることにする

そして立ち上がった見た目はこんな感じ

予想外だったけどログインページのUIがついている！
ありがとう〜〜
作ったのはKonstantinさん
ありがとう〜〜

一旦準備終了、次の記事はページ遷移です。