チャレンジ

『SwiftUI』 1ヶ月で高レベルのアプリを50個作ってみる ( ※ 全アプリの詳細あり )

 

てふまる
てふまる
効率的にスキルアップできるように期間内に100個のアプリを作ることにしたよ!

 

現在『Swift』から『SwiftUI』に移行して20日ほど経過していて、

その間ただただ基礎を身に付けてひたすら実装練習をしていたんだけど、

目標や期限を設けて自分を追い込んで厳しい環境下に置かないとって思って今回のチャレンジをすることにした!

 

ルール

  1. 期間は 11/8(日) ~ 活動30日間  (予定が埋まってる日や体調が悪くてお休みする日はカウントしない)
  2. 新しい実装スキルを用いているならナビバーやタブバーのみでもOK
  3. 実装した証拠に全部記事にしていく

 

実践!!!

11/8 (1日目)

1. アニメーション背景

背景アニメーションアプリ 機能 背景を自動でアニメーションさせる ついでにキャラクターも ...

2. チャートアプリ

チャートアプリ 機能 データに応じて3種類のデータ表示 1番上のグラフ(Vertic...

11/9 (2日目)

3. 音楽アプリ

音楽アプリ 機能 アルバムのリストをタップすると、1番上の選曲名が変わる 一定の範囲内で...

4. Neumorphicチャートアプリ

Neumorphicチャートアプリ 機能 Neumorphicのデザイン ボタンでダークモードと通常モードの切り...

11/10 (3日目)

5. Onboardアプリ

Onboardingアプリ 機能 下のボタンをタップすることで該当する画面にスライドして切り替わる ボタ...

6. ストレッチヘッダーアプリ

ストレッチヘッダーアプリ 機能 下スクロールの際にヘッダー画像が伸縮したりズレて移動してく...

7. おしゃれUIアプリ

おしゃれUIアプリ 機能 上のヘッダーは固定で、下はスクロールできるように UIの形のカスタマイ...

11/12 (4日目)

8. カードスクロールアプリ

カードスクロールアプリ 機能 カードのスクロール カードが中心に近くにつれて拡大させる 最小値...

9. グラデーションアプリ

グラデーションアプリ 機能 APIでグラデーションのデータを取ってくる 検索機能 右上のボ...

10. Twitter風スライドメニュー

Twitter風スライドメニュー 機能 ドラッグでスライドの開閉 左上のボタンをタップしたらスライドが開く ...

11. ヒーローアニメーション

ヒーローアニメーションアプリ 機能 画面遷移の際に、『画像』『地名』『県名』の3つをヒーローアニメーショ...

11/13 (5日目)

12. スクロールアニメーション

スクロールアニメーション 機能 スクロールに合わせて1番上のアイテムの大きさ・透明度を変える ...

13. アニメーションタブバー

アニメーションタブバー 機能 タブバーのタブを動くワンちゃんに タブのタップで画面...

11/14 (6日目)

14. リアクションアプリ

リアクションアプリ 機能 Likeボタンのタップで、ボタンの文字列と色を変える Likeボタンの...

15. ログインアプリ

ログインアプリ 機能 上のボタンで『ログイン画面』と『新規登録画面』の切り替え パスワードの...

11/18 (7日目)

16. 体重管理アプリ

体重管理アプリ 機能 本格的なグラフの表示 分度器形の定規 自作のスライダー ...

17. おしゃれスライドメニュー

おしゃれスライドメニュー 機能 おしゃれなスタイル! メニューのタップで画面の切り替え ...

11/19 (8日目)

18. アニメーショントップバー

アニメーショントップバー 機能 スクロールに合わせてナビゲーションバーの背景(白)と下のシャドーを表示・非表...

11/20 (9日目)

19. 温度管理アプリ

温度管理アプリ 機能 ダイヤルを回して温度を変更させる ボタンやダイヤル周りの緑を、ブラーを...

20. ヒーローアニメーション2

ヒーローアニメーション2 https://tefumaru.com/hero_animation 機能 ...

11/22 (10日目)

21. Apple Music

Apple Music https://tefumaru.com/hero_animation2 機能...

11/24 (11日目)

22. テスラアプリ

テスラアプリ    機能 neumorphicデザインを利用しつつ、neumorphicほ...

11/25 (12日目)

23. Twitter風 上タブバー

Twitter風 上タブバー 機能 各タブをタップすることで画面の切り替え スクロールでも画面の切...

11/28 (13日目)

24. ダイエットアプリ

ダイエットアプリ 機能 ホーム画面のカスタムカーブ(青と白の境目のとこだね) 3つのグ...

11/29 (14日目)

25. カスラムスライダー

カスタムスライダー 機能 ドラッグによってスライダーを変更 スライダーに合わせて %表記 の更新...

11/30 (15日目)

26. フィットネスアプリ

フィットネスアプリ 機能 角がカーブしている六角形の作成 下のタブのカーブの作成 ( ...

12/1 (16日目)

27. カラーアニメーションアプリ

カラーアニメーションアプリ 機能 スクロールに合わせてスクロールカードと同じ色に切り替...

12/3 (17日目)

28. 料理アニメーションアプリ

料理アプリ   機能 右側の料理画像を回すことで料理が切り替わる 料理の切り替えと...

12/5 (18日目)

29. パララックススクロールアプリ

パララックススクロールアプリ   機能 スクロールに合わせて画像の動きをコントロールする 1. 画像...