この記事では、Back4appのNodeJSクラウド・コードでGraphQLを使う方法を紹介した。
そしてこのガイドでは、SwiftでApollo GraphQL iOS Clientを使う方法を紹介した。
さて、これらをまとめて、本当に簡単なコードを作成することで、複雑な操作をたくさんできるようにしよう。そして、クラスを変更しても、XCodeがAPIコードを自動生成してくれるようにしよう。
いい感じ？さぁ、コーヒーでも飲んで、さっそく始めましょう！
SwiftUIとGraphQLを使ったInstagramクローン
今日から私たちは、あなた自身のソーシャルネットワークを構築するために多くのクールなツールを使用する方法を教えるブログ記事のシリーズを開始します：Instagramのようなアプリケーション。
技術的な節約はしないし、最新で最高のものを使うつもりだ：Parse、GraphQL、いくつかのNodeJS、そして特に（まだリリースされていない）最新のAppleのフレームワークSwiftUI。
完全に機能するようになるには数回の投稿が必要ですが、それが実現すれば、Back4appであなたのアイデアをほとんど労力をかけずに、いかにシンプルに立ち上げることができるかを実感していただけるでしょう。
iOS Instagramクローンプロジェクトをソースコード付きでダウンロードしてください。
さて、そろそろ…
SwiftUIとGraphQLを使ったInstagramクローン – ログイン
Instagramのクローンアプリを作成する方法についての前回の投稿では、XCode 11でSwiftUIを起動して実行するためにすべてを設定する方法を学び、GraphQLを使って完全に動作するSing Upビューを作成しました。
今日は、ログインビューを作成し、ユーザーをログアウトさせる方法を学びます。
前の投稿のプロジェクトが必要になるので、もしその投稿を追ってないなら、追ってみることを強くお勧めします。
シートベルトを締めて、さあ出発だ！
よりよく学ぶために、iOSのInstagramクローンプロジェクトをソースコード付きでダウンロードしよう。
SwiftUIとGraphQLを使ったInstagramクローン – ProfileView
今日は、GraphQLを使ったInstagramクローンアプリのパート3で、SwiftUIに深く入り込み、プロフィールビューを構築します。
SwiftUIで構造体を再利用することを学び、いくつかのコントロールについて説明します：VStack、HStack、GeometryReader、Text、Button、Spacer、Image、Dividerなどです。
以前の記事では、InstagramクローンアプリのそれぞれのUIで、ユーザーをサインアップする方法と、ユーザーにログインする方法を学びました。今日はそれをもっと素敵なものにしましょう。
シートベルトを締めて、さあ始めましょう！
より良い学習のために、ソースコード付きのiOS Instagramクローンプロジェクトをダウンロードしてください。
SwiftUIとGraphQLを使ったInstagramクローンアプリ – HomeView
今日は、GraphQLを使ったInstagramクローンアプリのパート4で、SwiftUIの学習を続け、ホームビューを作成します。
以前の記事では、ユーザーをサインアップする方法と ログインする方法を学び、InstagramクローンアプリのそれぞれのUIでProfileビューを作成しました。今日はそのコードの一部を再利用し、多くのコンテンツを持つUIScrollViewに似たものを作成します。
シートベルトを締めて、さあ始めましょう！
より良い学習のために、ソースコード付きのiOSインスタグラム・クローン・プロジェクトをダウンロードしてください。
