【Swift】iPhoneアプリ開発を学習して作ったiOSアプリ一覧を公開します！

2020年4月25日2020年5月25日

こんにちは！タイキ(@taiki_16_k)です。

この記事では、僕がiOSアプリ開発（Swift）を学習する過程で作ったアプリを公開していきたいと思います。

[chat face=”IMG_1893.jpg” name=”タイキ” align=”left” border=”gray” style=”maru”]つたないアプリばかりですが、よろしくお願いします！[/chat]

[jin_icon_check color=”#6B9FCE” size=”20px”]この記事は随時更新予定です。

＼アプリをリリースしました!!／

瞑想・睡眠用のオーディオアプリをAppStoreにリリースしました！

千葉の山奥で自分で環境音を収録してきたので、ぜひダウンロードして下さい！笑

瞑想オーディオアプリ「Relax Sheep」をリリースしました🎉
初めてのリリースです😭
ちょっと変わったヒーリング音楽＆環境音が聴けます🧘‍♂️
（まだコンテンツが少ないですが、これから拡充します！😤）https://t.co/XU3extUiZS
🎉【サウンドクリエイター募集のお知らせ（報酬・詳細はリプ欄で）】 pic.twitter.com/RyzLmuazru
— タイキ＠プログラミング×ブログ🧑‍💻 (@taiki_16_k) May 22, 2020

Relax Sheep

Taiki Kanzaki無料posted withアプリーチ

ビデオレター売買アプリ「emoma!」

僕は、大学生のとき起業をして、友達とプロダクト開発をしていました。

その時に作っていたアプリがビデオレターが売買できるアプリ「emoma!」です。

「emoma!」のHPはこちら>>

「emoma!」のソースコードはこちら>>
※githubにとびます

これまで１日で作れるような簡単なアプリはたくさん作ってきましたが、「課金機能やログイン機能を実装した本格的なサービス」はこれがはじめてでした。

使用したツール

Firebase, FirebaseAuth, FireStore, Firebase Cloud Function, Stripe, MailCore2, Sketch, Figmaなど

クソアプリチャレンジ

「デザインは気にせずに、機能の実装のみを追求したアプリを高速で作りまくる」ことを通称”クソアプリチャレンジ” といいます。（言葉は悪いですが）

海外の”Shit App”というムーブメントからきているみたいです笑

というわけで、今回は「#いいねがきた分GWにクソアプリを作る」という企画をやって、クソアプリチャレンジをやりました！

便乗しますw#いいねきた分だけGWにクソアプリを作る
— タイキ＠いいねの数だけクソアプリ開発チャレンジ👨‍💻 (@taiki_16_k) May 1, 2020

プログラミング用のアカウントを作ったばかりだったのであまりいいねが来ませんでしたが、３日間で３つアプリを作りましたw

NEAR FOOD

#いいねきた分だけGWにクソアプリを作る
【第一弾‼︎】NEAR FOOD
ボタンを押すだけで、現在地から1キロ圏内にあるレストランの口コミを表示してくれます👨‍💻そのままサイトにも飛べます！
ぐるなびのAPIを使用しました☺️
UIは最低限ですw pic.twitter.com/1iVV2N1LrT
— タイキ＠いいねの数だけクソアプリ開発チャレンジ👨‍💻 (@taiki_16_k) May 2, 2020

ぐるなび様のAPIを使用して、現在地から１km範囲にあるレストランの口コミを表示するアプリです。

CoreLocationで現在位置を取得し、それを使ってAPIを取得し、TableViewに表示させています。

なるべくreusableになるように、extention, delegate, MVCデザインパターンなどを意識してプログラムを構築しました。

ブログリーダー

#いいねきた分だけGWにクソアプリを作る
【第2弾】ブログリーダー
XML解析で自分のブログの投稿を表示できるアプリ pic.twitter.com/u046LxhTBY
— タイキ＠いいねの数だけクソアプリ開発チャレンジ👨‍💻 (@taiki_16_k) May 3, 2020

RSSを利用して、このブログのXMLを解析してオリジナルのブログリーダーを作りました！

自分のブログ専用のアプリができてちょっと感動しました笑

WordPressブログは”example.com/feed/”でブログのXMLファイルがみれるみたいです。
ウィジェットからメタデータを表示してXMLページに飛ぶこともできます。

SplashのアニメーションはTwitterを意識しました笑

課金ダイエット

#いいねきた分だけGWにクソアプリを作る
【第3弾】課金ダイエット
課金するとダイエットできるアプリです。自動更新です笑 pic.twitter.com/UteDh9QfkR
— タイキ＠いいねの数だけクソアプリ開発チャレンジ👨‍💻 (@taiki_16_k) May 4, 2020

サブスクリプション（自動課金）を実装したくて作ったアプリです。

購入ボタンを押すと、課金処理、レシート検証のメソッドを呼び出します。

UserDefaultに課金情報を格納しているので、アプリをキルしても痩せたままです笑

個人的に、以前アプリ開発でつまずいたのが、自動更新がexpireした後の処理だったのですが、課金ダイエットアプリを作ることでシンプルにそのやり方を整理することができました！

学習過程で作ったアプリ

ここからは、主に学習過程で作ったサンプルアプリなどを紹介していきます。

僕は主に「Udemy」と書籍を使用して独学しました。

電卓っぽいレイアウト

AutoLayoutを復習しました！
StackViewの入れ子構造でRotateしてもレイアウトが崩れなくなる。#Swift #プログラミング初心者 #駆け出しエンジニアとつながりたい pic.twitter.com/HebqeASwDw
— タイキ＠プログラミング勉強中😭 (@taiki_16_k) April 24, 2020

StackViewの復習として作りました。
入れ子構造についての理解が深まりました。

エッグタイマー

ゆで卵タイマーをつくりました😂
progress bar, timerの復習👨‍💻#Swift勉強日記 #プログラミング #プログラミング初学者 pic.twitter.com/QpFZdHwpJP
— タイキ＠プログラミング勉強中😭 (@taiki_16_k) April 25, 2020

プログレスバーの基本的な使い方を学びました！

クイズアプリ

クイズアプリを作りました！後で色々いじってみます！！！🥰🥰🥰
MVCデザインパターン、プログレスバー、structの復習をしました👨‍💻#Swift学習日記 #プログラミング初学者 #駆け出しエンジニアと繋がりたい #プログラミング pic.twitter.com/KFQfQ7p97D
— タイキ＠プログラミング勉強中😭 (@taiki_16_k) April 25, 2020

お天気アプリ

お天気アプリを作りました☀️
現在地を取得 or 目的地を入力すると、APIを使って気温と天気をfetchしてくれます。
左上のボタンで現在地の天気を更新！👨‍💻#Swift学習日記 #駆け出しエンジニアと繋がりたい #プログラミング初学者 pic.twitter.com/nzBW9o4oB0
— タイキ＠プログラミング勉強中😭 (@taiki_16_k) April 27, 2020

プロトコル、デリゲート、クロージャなど、iOSアプリ開発者の必須知識を学習しました。

…まじで大変だった笑

ビットコイン価格チェッカー

APIを使ってhttps://t.co/OtPjUtKpjmからビットコインの価格を取ってくるアプリを作りました！
価格回復してきましたね😚笑#Swift学習日記 #駆け出しエンジニアと繋がりたい #今日の積み上げ #プログラミング初心者 pic.twitter.com/V5bTavecYA
— タイキ＠プログラミング勉強中😭 (@taiki_16_k) April 28, 2020

https://docs.coinapi.io/から、同じくAPIを使ってビットコイン価格を取ってきて表示させるアプリです。

リアルタイムチャットアプリ

チャットアプリを作りました！
ユーザーを識別し、メッセージもDBに格納してくれます☺️
Firebaseのログイン・Firestoreは最強！🧑‍💻#Swift学習日記 #駆け出しエンジニアと繋がりたい #プログラミング学習 pic.twitter.com/Y56jsreHjK
— タイキ＠いいねの数だけクソアプリ開発チャレンジ👨‍💻 (@taiki_16_k) April 30, 2020

Firebaseを使って双方向型のチャットアプリを作りました！🎉
リアルタイムでDBからデータをfetchしてくれます。
周辺知識も学びながら、制作時間５時間前ほど🧑‍💻#駆け出しエンジニアとつながりたい #Swift #アプリ開発 pic.twitter.com/BUmblLXhlN
— タイキ＠プログラミング勉強中😭 (@taiki_16_k) April 29, 2020

Firebaseの機能「Auth」「FireStore」を使ってチャットアプリを作りました。

Sendボタンを押すとDBにメッセージを格納し、他のデバイスでもリアルタイムでデータをfetchしてくれます。

SwiftUI：マイビジネスカード

✅朝の学習報告
SwiftUIを使ってビジネスカードを作ってみました🧑‍💻
Extract Subview機能で要素をreusableにできるのは初心者でもわかりやすくてよき👍#駆け出しエンジニアと繋がりたい #Swift #SwiftUI pic.twitter.com/yBpKmoftLs
— タイキ＠プログラミング勉強中😭 (@taiki_16_k) April 30, 2020

SwiftUIで自分のビジネスカードを作りました！

Declarativeな記述の仕方で、HTMLを書くくらい簡単にできました！

「⌘+click<Extract SubView」でreusableコンポーネントを作れるのがすごい。。