超初心者のためのSwiftUIチュートリアルまとめ

本

Apple公式のswiftUIチュートリアルを、プログラミングを始めたばかりの超初心者でもわかるように解説した記事のまとめ。

運営しているクリエイター: やこ

#swiftui

【Xcode】超初心者のためのSwiftUIチュートリアル10

Apple公式のSwiftUIチュートリアルを、プログラミング超初心者向けに優しく解説するシリーズ第10回。今回から「Drawing Paths and Shapes（パスとシェイプの描画）」に入ります。この章ではアプリ内で使うバッジ画像を作ります。SwiftUIでも角度、大きさ、色などをコードで指定して、ビューにさまざまな形を描くことができます。その一例としてチュートリアルでは六角形や山型のシンボルの描き方を紹介しているので、手順を確認していきましょう。今回は、下のよう

【Xcode】超初心者のためのSwiftUIチュートリアル11

手を骨折したため更新の間が空いてしまいました。 Apple公式のSwiftUIチュートリアルをプログラミング超初心者向けに優しく解説するシリーズ第11回。今回は「Drawing Paths and Shapes（パスとシェイプの描画）」の後半、セクション3・4を進めていきます。第10回ではバッジ画像の背景となる六角形のグラデーション画像を作りました。今回の作業は次のような流れになります。セクション3 ・六角形を描いたBadge.swiftの名前を変更して、新たなBad

【Xcode】超初心者のためのSwiftUIチュートリアル12

Apple公式のSwiftUIチュートリアルを、プログラミング超初心者向けに優しく解説するシリーズ第12回。今回から「Animating Views and Transitions（ビューと遷移のアニメーション化）」に入ります。この章では、さまざまなビューのアニメーションを作っていきます。ビューの色やサイズの変化、回転などのさまざまな動きをanimation(_:)の修飾子で作ることが可能になります。今回の作業は以下の通り。Appleの公式チュートリアルはこちらを参照して

【Xcode】超初心者のためのSwiftUIチュートリアル13

Apple公式のSwiftUIチュートリアルを、プログラミング超初心者向けに優しく解説するシリーズ第13回。今回は「Animating Views and Transitions（ビューと遷移のアニメーション化）」の続きで、セクション3からです（前回の記事はこちら）。この章では、さまざまなアニメーションを作っていきます。ビューの色やサイズの変化、回転などの多様な動きをanimation(_:)の修飾子で作ることが可能になります。 Appleの公式チュートリアルはこちらを

【Xcode】超初心者のためのSwiftUIチュートリアル14

Apple公式のSwiftUIチュートリアルを、プログラミング超初心者向けに優しく解説するシリーズ第14回。今回から「Composing Complex Interfaces（複雑なインターフェースの作成）」に入ります（前回の記事はこちら）。この章ではアプリのホーム画面を作っていきます。データベースに入っているそれぞれのランドマークが、Lakes、Mountains、Riversの3つのカテゴリーに分かれて水平方向にスクロール表示されるビューができあがります。 Appl

【Xcode】超初心者のためのSwiftUIチュートリアル15

Apple公式のSwiftUIチュートリアルを、プログラミング超初心者向けに優しく解説するシリーズ第15回。前回に引き続き「Composing Complex Interfaces（複雑なインターフェースの作成）」を進めていきます（前回の記事はこちら）。横スクロールでアイテムを一覧表示するホーム画面を作りますが、前回は横スクロールする行をランドマークのカテゴリーごとに作るところまで進みました。今回はそれぞれのランドマークの画像を一覧表示し、画像をタップすると詳細画面に遷移

【Xcode】超初心者のためのSwiftUIチュートリアル16

Apple公式のSwiftUIチュートリアルを、プログラミング超初心者向けに優しく解説するシリーズ第16回。今回からWorking with UI Controls（UIコントロールの操作）に入ります（前回の記事はこちら）。ここではランドマークアプリのユーザープロファイルの画面を作成して、ユーザーがプロファイルの中身を編集できるように設定していきます。 Appleの公式チュートリアルトップページはこちらを参照してください。日本語で閲覧したい場合は、自動翻訳機能のあるGo

【Xcode】超初心者のためのSwiftUIチュートリアル17

Apple公式のSwiftUIチュートリアルを、プログラミング超初心者向けに優しく解説するシリーズ第17回。引き続き「Working with UI Controls（UIコントロールの操作）」を進めていきます（前回の記事はこちら）。セクション1でユーザープロファイルの画面を作ったので、今回はプロファイルに編集モードを追加して、ユーザーがプロファイル内容を変更できるように設定していきます。 Appleの公式チュートリアルトップページはこちらを参照してください。日本語で閲