Jetpack ComposeのAndroid Dev Challengeに応募した

スポンサーリンク
スポンサーリンク

Android Dev Challenge

偶然Androidで開発チャレンジやってるのを見かけた。商品も出るらしい。4週もやる。

Android Dev Challenge: lift off with Jetpack Compose
Posted by The Jetpack Compose Team Jetpack Compose is Android’s modern toolkit for building native UI. It enables you to quickly brin...

1周目はLEGOのトロフィーだって。内容を見ると俺にもできそうなレベルぽい!ということでやってみることにした。Android触るのすごい久しぶりな気がする。色々変わってたー。

スポンサーリンク

準備

Githubのアカウントを作る

dalomo-net - Overview
dalomo-net has 6 repositories available. Follow their code on GitHub.

つくった。dalomo取られてた、かなぴー。

Android StudioのCanary buildをインストール

Jetpack Composeってのがプレビュー版じゃないと使えないらしい。

Android Studio Preview  |  Android Developers
Get early access to the latest features and improvements in Android Studio.
スポンサーリンク

week1

Android Dev Challenge: lift off with Jetpack Compose
Posted by The Jetpack Compose Team Jetpack Compose is Android’s modern toolkit for building native UI. It enables you to quickly brin...

犬の養子縁組アプリを作るみたい。

GithubのTemplateをClone

GitHub - android/android-dev-challenge-compose: Template repository for the Jetpack Compose #AndroidDevChallenge
Template repository for the Jetpack Compose #AndroidDevChallenge - GitHub - android/android-dev-challenge-compose: Template repository for the Jetpack Compose #...

なんやいろいろいい感じに用意されているらしい。

コード書く

とにかく最初の500人に入れればいいはずなので、それっぽいものができるようにだけ考えて調べていった。

どんなのにしよう

絵を描いた。こんな感じにできればいいな。

できた

めんどくなったので結果だけ。

GitHub - dalomo-net/Animal-adoption-app
Contribute to dalomo-net/Animal-adoption-app development by creating an account on GitHub.
dalomo on Twitter
“Legoほしい! #AndroidDevChallenge”

Android久しぶりのJetpackCompose初めてやったにしてはちゃんと形になった気がする!

Github Actionsでエラー

Actions · dalomo-net/Animal-adoption-app
Contribute to dalomo-net/Animal-adoption-app development by creating an account on GitHub.

激闘の歴史。継続的インテグレーション?で使うやつでpushするたびテストが走るらしい。

BUILD FAILED in 1m 3s
Error:Process completed with exit code 1.

上記で止まった。中見ると

Task :app:spotlessKotlinCheck FAILED 
* What went wrong: 
Execution failed for task ':app:spotlessKotlinCheck'. 
The following files had format violations:

こんな、結局コードの整形がちゃんとできてなくて蹴られてた。

GitHub - pinterest/ktlint: An anti-bikeshedding Kotlin linter with built-in formatter
An anti-bikeshedding Kotlin linter with built-in formatter - GitHub - pinterest/ktlint: An anti-bikeshedding Kotlin linter with built-in formatter

ここのoption3をやって、Terminalで

gradlew app:spotlessApply

とやったらでなくなった。ちゃんとリドミは読もう。

スポンサーリンク

参考

Jetpack Compose  |  Android Developers
Android Compose Tutorial  |  Android Developers
Use Android Studio with Jetpack Compose  |  Android Developers
Navigating with Compose  |  Jetpack Compose  |  Android Developers
Jetpack Compose の例
AndroidとかJavaScriptとか
Font Squirrel | Sniglet Font Free by The League of Moveable Type
Download and install the Sniglet free font family by The League of Moveable Type as well as test-drive and see a complete character set.
Jetpack Composeでレイアウト作成の基本| 開発者ブログ | 株式会社アイソルート
Jetpack Composeでレイアウト作成の基本 Androidの新しいUI作成ツールJetpack Composeを触ってみたので、基本的な使い方、使い勝手について書いて行こうと思います
Jetpack Compose: Navigation
In this blog, we will learn how to navigate between different composable using Jetpack Navigation.
Jetpack Compose: Navigation
Navigation in the Compose world gets the job done efficiently, more than enough for most apps. It works by swapping Composable views and keeping track of the st...
最近のJetpack Compose事情 - Qiita
Jetpack Compose も dev から alpha になり、2020/11 現在の Compose はどのようになっているのか、書いていこうと思います。 公式ドキュメント (
Navigation Compose を使ってみる - Qiita
Jetpack Compose で画面遷移する仕組みとして Navigation Compose が用意されています。 stable になるまで大きな変更が入るそうですが、1.0.0-alpha01 時点でどのように使うのか、内部でど...
コマンドラインからアプリをビルドする  |  Android デベロッパー  |  Android Developers
Gradle ラッパー コマンドライン ツールを使用して、Android プロジェクトで利用可能なすべてのビルドタスクを実行する方法をご確認ください。

コメント

タイトルとURLをコピーしました