11
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Swift】伝説のゴリラチャットをiOS版で作りました

Last updated at Posted at 2019-06-28

##概要
僕がSwift初めて1ヶ月で作成したポートフォリオの進捗をまとめました。
まだまだ未完成ですがそれっぽく仕上がってきたので公開します。

最終課題報告.png

##ゴリラチャットとの出会い
開発経験0の僕はProgateでSwiftに触れたあとに何を作ればいいのかイメージが湧きませんでした。
とりあえず写経しながら過ごす日々。そんな毎日に飽きた頃Qiitaにて、この記事に出会いました。

ゴリラチャット作りました

僕はこの記事みたいに、沢山の人を楽しませることができるアプリを作れたらいいなと思い、
SwiftでゴリラチャットのIOS版の制作に挑戦したいとゴリラ氏にDMを送り、快諾して頂きました!!

##生まれて初めて尊敬したゴリラ
こちらが昨年Qiitaを賑わせたゴリラチャットの生みの親、ゴリラ兼エンジニアのゴリラ氏です。

ゴリラ氏のTwitter

きっかけをくれたゴリラ氏ありがとうございました!!

##GitHubに公開
まだ試作品ですがGitHubにて公開させていただきます。
Xcodeがあればおそらく遊べると思います!!

コードについては開発未経験の時点で察してください。

##SPEC
言語 Swift 5.0.1

frontend
主にXcode
ライブラリはMessageKitを使用

backend
Firebase

##ICON

左側の顔だけのゴリラをアプリ用アイコンとして、起動時のLanchScreenでゴリラの全体像が映ります。
最終課題報告 (1).jpg

ダウンロード.gif

##アプリ全体のイメージ

全体のImageとしてはGoogleSignIn後にゴリラの選択画面へ遷移し、
選択したゴリラがアバターとなりチャットが開始されます。

こんな感じ↓

最終課題報告_-_Google_スライド-3.jpg

##モード

チャット画面の右上のスイッチが、メイン機能のゴリラモードと人間モードの切替スイッチになります。

iPhone_Xʀ_—_12_2.jpg iPhone_Xʀ_—_12_2-2.jpg

ゴリラモードと人間モード両方でチャットすることができます。
基本はゴリラ語でお話して、ちょっとゴリラ語が難しかったら人間の言葉に翻訳してくれます。

ここは元祖ゴリラチャットと同じです。

##今の僕の課題
現在付け焼き刃で画像の情報をそのまま渡しているので、画像に番号を割り振ってそれぞれのユーザに反映できるようにしなければチャットアプリとして成立しません。

ググったところFirebaseStrage機能でなんとかできるのではないかと思ったので着手中です。

最終課題報告_-_Google_スライド-2.jpg

他にもチャットアプリなので、某大手企業のような機能を実装できたらより楽しめるかなぁと思い検討しています。

##参考にした記事
ゴリラチャット作りました
【iOS12対応】未経験者が有名アプリ開発者になるiOS 12の全て 20個以上アプリをつくりプロになる
【Swift】リアルタイムチャットを実現するFirebaseでCRUD(データ作成、読み込み、更新、削除)をやってみる
MessageKitを使用したチャットアプリでのテキスト送信について

11
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?