- 01
- Book02の特徴
トミ爺は84歳、現役のアプリ開発者です。
シニアにプログラミングを普及する活動をしています。シニアを対象に書きましたので、全く経験のないプログラミング初体験のひとでも理解できるようにしました。SwiftUIに特化して、トミ爺の経験にもとづいてSwiftUIを易しく解説を試みました。
"Swift"という言葉を知らない若いひとでも、前著の「60歳からアプリ開発を目指す若者に、トミ爺が語る知識と知恵」と合わせて参照頂くことで、iPhoneアプリが開発ができる副読本です。
趣味と実益を兼ねてiPhoneアプリを開発して世界中に売りましょう
Apple社は個人の開発者が作ったアプリでも世界中に売ってくれます。手数料はたったの30%年間登録料約1万円だけです。無料アプリでもGoogleの広告で収益を上げることもできます。
挫折を防ぐ当面知らなくてよい知識
この本では余分な知識は覚えなくてもよいと解説しています。初心者にはこれは重要なことと経験上断言できます。例えばXcodeの編集画面の名前などは覚えなくともアプリをリリースできるのです。
130本の関係ウェブサイトを紹介しました
トミ爺がやっと探し当てたウェブサイトを130本選んで、この本に載せました。裏表紙にQRコードを印刷して、ウェブサイトの一覧表に飛べるように工夫しました。本を読みながらiPhoneで関係ウェブサイトを見ることができます。⇨ウエブサイト一覧表
商業アプリでは実現できない個人のアプリを作ろう
アプリの内容はあなたのアイデア次第。「上司のいない、納期も督促されない商業アプリでは実現できない個人のアプリ」を開発しませんか。あなたの作品を世界中のひとに瞬時に販売できる機会はアプリ開発以外、なかなか見当たりません。「私はアプリ開発者」という誇りは長生きの秘訣です。
- 02
- 目次
はじめに 1
第1章 革命的SwiftUIの勉強の仕方 11
1. SwiftUIについて 11
- Xcode、SwiftSwiftUIUIKitとは
- Apple社のSwiftUIに関する公式説明
- SwiftUIの大きな特徴
- Xcodeダウンロード方法とSwiftUI
2. SwiftUIの勉強資料 15
- 勉強の資料は充実してきた
- トミ爺流SafariURL上での整理術
- Apple社のビデオによる紹介
- Apple社のSwiftUITutorials
- Udemyのビデオ
- 日本語と英語の解説書
- 結構日本語サイトにも情報はある
- 英語のサイト情報は豊富だ
3. トミ爺流つまみ喰い方式のススメ 20
- 挫折しない知恵として、全部完璧に読むな
- 動画でざっと感じをつかめ
- 自分の構想でサンプルアプリを作る
- 英語の例文本を辞書のように使う
- 「60歳からアプリ開発を目指す若者に、トミ爺が語る知識と知恵」
4. 従来のUIKitとの関係(初心者は読み飛ばす項目) 21
- UIKitとSwiftUIの合体は初心者には無理
- 古いXcode10とSwiftUI付きXcode11を共存させる方法
- 実際にDeveloperからダウンロードする方法
第2章 トミ爺流で開発を進める 28
1. SwiftUIを使ったアプリ開発の全体の流れ 28
- Xcodeの使い方は全く変わった
- 検索の対象とコツが大きく変わった
- Apple社への申請方法は変わっていない?
- 改めてSwiftUIを折り込んで全体の流れを解説する
2. Xcodeの起動と新規プロジェクト作成 32
- Xcodeを起動して編集画面を開く
- Xcodeでの編集とコードの追加
- Preview画面を開く
- Preview画面の大きさを調節する
- LivePreviewを起動する
- 本文用とPreview用のコードが上下に存在
3. トミ爺が経験した驚きのSwiftUI編集画面 38
- Text("Hello, World!")というコードが書いてあった
- こんな具合に試してみた
- コードの下にドット(.)
- を書くと例文が並ぶ
- コードの意味が分かるので楽しくなる
4. VStackとHStackで配置を決める 41
- VStackとHStack
- の基本
- VStackとHStack
- の組み合わせ
- ZStackもあるが当面スキップ
- トミ爺アプリでの画面例
5. SwiftUIのエラーと検索 45
- 何といっても一対にすべき中括弧{}をチェック
- 括弧のエラーを発見する方法
- よく出る典型的なエラー
- 発展途上のソフトなのでエラーも未熟
- 日本文も大分出回っているが英文での検索を推奨
- 必ず「1年以内」で検索。時には「1ヶ月以内」も!
6. 画面は中心から発展する 47
- 最初はTextImageも画面の真ん中にある
- Alignmentのコードを覚えると楽しくなる
- 余白のPadding,空白のSpacer
7. Navigation Barにトライ 49
- 画面遷移には便利
- Navigation Titleの使い方
- NavigationLink
- 別ファイルへの遷移
8. 次のステップで学ぶ機能 52
- トミ爺はButton Actionをまだ完全には会得していない
- 一覧表も試した
- ローカリゼーション(多言語化)も簡略化されている
- AdMob広告
9. Xcodeの多彩な操作方法(機能) 54
- +ボタンを使っての部品配置
- +Command+クリック
第3章 トミ爺が見つけたサイト情報130本 56
1. Apple社の発表ビデオ日本語字幕付き英文ビデオ11本 56
- WWDC 2019 11本のビデオ一覧表
- Introducing SwiftUI: Building Your First App」54分
- SwiftUI Essentials」58 分
- Integrating SwiftUI 38 分
- What's New in Swift 36 分
- Data Flow Through SwiftUI 37 分
- Building Custom Views with SwiftUI 40 分
- Accessibility in SwiftUI 38 分
- Mastering Xcode Previews 44分
- Modern Swift API Design 41分
- Creating Great Localized Experiences with Xcode 11 35分
2. Apple社のTutorials 9本 58
- プロジェクト開始から複雑なview40を表示分
- 一覧表と詳細画面への遷移35分
- 一覧表での各種機能と詳細画面よりの戻り20分
- バッジ(記章)型の図形構築方法25分
- 各種アニメーションと画面遷移20分
- 複雑なホームと詳細画面20分
- ホーム画面と編集可能な詳細画面間の遷移25分
- UIKitで制作したViewSwiftUIをに取り入れる方法25分
- AppleウオッチへSwiftUI手法を応用する方法25分
3. ビデオ4本 59
- Udemyの日本語ビデオ 28本2時間7分
- Udemyの英語ビデオ 109本11時間18分
- YouTube 英文ビデオ SwiftUI Edition97本
- YouTube 英文ビデオHow to localize your app 9 分
4. AppleTutorialsに関する解説と感想5本 59
- チュートリアルを一通りやってみた- 前編(画面画像付き)
- チュートリアルを一通りやってみた- 後編(画面画像付き)
- 「SwiftUI #WWDC19」を学ぶための教材まとめ(画面画像付き)
- SwiftUIチュートリアルを雑にやってみる(画面画像付き)
- iOS開発に大改革、SwiftUI チュートリアル(画面画像付き)
5. SwiftUI全体に関する解説(日本語・英語)18本 60
- SwiftUIの魔法を実現する仕組み
- SwiftUIアプリ開発実践ポイント 結構詳しい(画面画像付き)
- SwiftUIを使ってみた リストを作った感想
- SwiftUIの凄い点、今後の影響(画面画像付き)
- SwiftUIについてWWDCよりの報告
- Apple社ビデオについての解説(画面画像付き)
- 解説書「SwiftUI 徹底入門」の説明
- SwiftUIコンポーネント一覧
- 初心者を対象とした入門解説(画面画像付き)
- Swiftに関する11件の記事
- Apple社 SwiftUI公式サイト
- 英文 17件のSwiftUI 情報と裏技
- 英文 SwiftUIに関する素朴な質問と回答
- 英文 SwiftUIかUIKitのいずれor両方を学ぶべきか?
- 英文 SwiftUIざっと見て見た(画面画像付き)
- 英文 Mark Moeykens著教科書
- 英文 SwiftUI解説書に関するビデオ3分
- 英文 辞書的なQ&A
6. Xcode11ダウンロード5本 62
- Xcodeのインストール方法について解説
- macOSにXcodeをインストールしよう
- バージョンが異なる複数のXcodeを共存させる方法
- Xcodeを完全にアンインストールする方法
- 英文 Apple社Developerサイト(ここからインストールする)
7. 配置・レイアウト 11本 73
- SwiftUIのAlignment Guide まとめ(詳しい)(画面画像付き)
- 複雑なViewを小さなViewに分割して作る方法(画面画像付き)
- Viewが10を超えた場合の2つの処置方法
- 【SwiftUIview1/2】繰り返しを表示する方法()(画面画像付き)
- 【SwiftUIview2/2】繰り返しを表示する方法()(画面画像付き)
- 【SwiftUI】@Stateを使って価を更新する方法(画面画像付き)
- SwiftUIでURLから画像を取得して表示する方法
- 英文 詳しいAlignment Guides (画面画像付き)
- 英文 可能になった素晴らしいオーバーレイ機能(画面画像付き)
- 英文 Viewのコーナーに丸みをつける方法
- 英文 paddingを使って余白を作る方法
8. Image Textのフォント・色9本 64
- Image を使って画像を表示(画面画像付き)
- [SwiftUI] 画面の背景色を設定する2つの方法
- 16進数を使った色指定方法
- Text・ボタン・VStackの簡単な紹介
- VStackなどのコンテナに対してまとめて修飾(画面画像付き)
- 文字の大きさ、太字、文字の色(画面画像付き)
- Viewの背景色を変える3つの方法
- 地図・画像・テキスト各種表示方法(画面画像付き)
- 画像を丸く切り抜く他、各種方法(画面画像付き)
9. ボタン4本 65
- 角丸や枠線付きボタンの作成(画面画像付き)
- ボタンの作り方6種類(画面画像付き)
- ボタンを離した時の強調表示状態を設定する2方法
- 英文 クリックAction付きボタンの作り方
10. textField・キーボード7本 66
- SwiftUIでキーボードを下げる(非表示にする)方法
- UISearchBarのクリアボタン(X)が押された時の動作を実装する
- Swift Package Managerを使ってキーボードを下ろす(画面画像付き)
- TextFieldタッチ可能エリアが非常に小さい問題に対処する方法
- キーボードを非表示にする方法3種類
- TextFieldのキーボードを指定する方法など使い方(画面画像付き)
- 英文 textFieldに字を消すクリアボタンを設ける方法
11. List TableViewスクロール・日付・時間表示8本 67
- SwiftUIでList(一覧表)を表示する
- layoutPriorityを使って各種一覧表の作り方(画面画像付き)
- 【SwiftUIList】の行削除(画面画像付き)
- 日付、曜日を含む一覧表でラベルの幅を同じにする方法
- 英文 縦方向または横方向のスクロールを実現する方法
- 英文 日、時間、分の設定方法 英文ビデオ6分と文章
- 英文 簡単な一覧表を作る方法(詳しい、画面画像付き)
- 英文 日付・時間のフォーマット(画面画像付き)
12. 画面遷移・タブ4本 68
- 簡単な画面遷移(画面画像付き)
- NavigationViewでの画面遷移(画面画像付き)
- アラート付き画面遷移 詳しい(画面画像付き)
- タブの設定方法
13. 典型エラー5本 68
- エラーに関係あるOpaque Result Typeについて
- 英文 エラー "Function declares an opaque return type"
- 英文 エラー "Type of expression is ambiguous."01
- 英文 エラー "Type of expression is ambiguous.."02
- 英文 エラー "Cannot invoke initializer for type...."
14. User Default 10本 69
- UserDefaultsを使用する2つの方法
- @propertyWrapperでUserDefaultを定義する方法
- 簡易的にUserDefaultsを使う方法(画面画像付き)
- UserDefaultsの例
- CoreData 保存の方法 1/2
- CoreData 保存の方法 2/2
- 英文 ビデオUserDefaultsについて 5分
- 英文 ビデオUserDefaultsについて 7分ナレーションなし
- 英文 ビデオ5分と文章UserDefaultsについて
- 英文 CoreDataを使ったList一覧表
15. SwiftUIとUIKitの合体11本 70
- SwiftUI と UIKit 混合環境
- 同一画面にSwiftUIUIKitViewとのを表示する方法(画面画像付き)
- SwiftUI(View)とUIKit(UIView)の共存時の色指定(画面画像付き)
- SwiftUIとUIKitの関係を考える(画面画像付き)
- 一部の画面だけSwiftUIを使いたいとき
- [Swift] SwiftUIとUIKitとの対比(画面画像付き)
- StateとObservableSwiftUIを使ってのビューを変更する方法
- 英文 UIKitも学ぶべきか?
- 英文 SwiftUIUIKit上でを使う方法
- 英文 UIKit開発者のSwiftUI
- 英文 UIKitとSwiftUIの統合方法
16. AdMov広告3本 72
- バナーとインターステイシャル広告
- AdMobのNative Ads広告(画面画像付き)
- 英文 広告AdMob
17. その他の関連サイト12本 72
- トミ爺出版について
- 本書籍「SwiftUIを試した、凄い、面白い」 について
- 前著「60歳からアプリ開発を目指す若者に、トミ爺が語る知識と知恵」
- 鈴木富司(トミ爺)個人サイト
- トミ爺アプリについて(総合版)
- トミ爺アプリについて(個々の案内)
- ご意見投稿フォーム
- 評価・コメントフォーム
- シニアプログラミングネットワーク(公式HP)
- シニアプログラミングネットワーク(Facebook投稿)
- 本書籍関係ウェブサイト一覧
- 前著の関係ウェブサイト一覧