SwiftUI入門
2020/03/15更新
macOS Catalina 10.15.3
Xcode 11.3
SwiftUI チュートリアルの解説 【第1回:SwiftUIの基礎】 - RAKUS Developers Blog | ラクス エンジニアブログ
Introduction to SwiftUI - WWDC 2020 - Videos - Apple Developer
リリース済みiOSアプリのソースコード、全部見せます! - Qiita
GitHub - hatena/Hatena-Textbook: はてな研修用教科書
Commits · hirothings/qiita-pocket · GitHub
git reset --hard 4742474e7faddbec07abf57c6c14186b736ef756
VSCodeでソースを開いて確認。
Podfileに、AlamofireとSwiftyJSON
SwiftでシンプルなRSSリーダーを作る(Yahooニュース編) - Qiita
pod installしても、import XLPagerTabStripがエラー。
Xcodeショートカットキーのカスタマイズ - miki’s memo
command + l(エル)で、行番号にジャンプ
Xcodeで行番号にジャンプ – morizotter blog
iPhoneシミュレータの設定をDarkModeにする
XCode11のシミュレーターでiOS13のダークモードを設定する方法 - Qiita
iOS SDK Quick Start | Spotify for Developers
$ cd github
$ git clone
https://github.com/spotify/ios-sdk
$ move ios-sdk spotify-ios-sdk
XCodeでDemoProjects/SPTLoginSampleAppSwiftを開く。
一番左上のSPTLoginSampleAppSwiftを開き、TARGETS-SPTLoginSampleApp-Signing & Capabilities-Teamを選択。Bundle Identifierを一意の名前に変更(末尾に数値追加など)
以下の手順で、SpotifyClientIDを取得する。
My Dashboard | Spotify for Developers
上記Dashboardを開き、spotify_my_app(任意の名前)を作成し、Client IDをコピーする。
XCodeでViewController.swiftを開き、SpotifyClientIDをYOUR_SPOTIFY_CLIENT_ID部分に入力。
private let SpotifyClientID = "[YOUR_SPOTIFY_CLIENT_ID]"
My Dashboard | Spotify for Developers
上記Dashboardを開き、spority_my_appを開き、
設定で、Redirect URIsを、spotify-ios-quick-start://spotify-login-callback。Bundle IDsを、com.spotify.sdk.SPTLoginSampleApp。SAVEする(XCodeで入力したBundle Identifierにする)。
XCodeで実行して、CONNECTボタンが表示されるまで少し待ち、CONNECTボタンを押すと認証され、Spotifyで音楽が再生される。
iOS SDK | Spotify for Developers
(Swift 3.x)【swift入門】apiを叩いてTableViewに表示させる|新卒エンジニアの開発日記
https://developer.apple.com/tutorials/swiftui/creating-and-combining-views
https://developer.apple.com/tutorials/swiftui
[Swift] SwiftUIのチートシート - Qiita
「#swiftui」の人気タグ記事一覧|note ――つくる、つながる、とどける。
xcodeをインストールする。masxcode
ホットリロードはないが、思ったよりシミュレータでの実行や実機での実行が早い。
メモ
/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/swift
/Users/hiroyuki/github/sourcekit-lsp/.build/release/sourcekit-lsp
(先にGithubにリポジトリを作成して、~/github/swift_my_appにcloneする)
Create a new Xcode project を選択。
iOS Single View Appを選択。
Product Name: swift_my_app
Team: Personal Team
Organization Identifier: com.hiroyuki12
(Bundle Identifier:com.hiroyuki12.swift-my-app)
(Language:Swift)
(User Interface:SwiftUI)
(check Include Unit Tests)
(check Include UI Tests)
swift_my_appフォルダを作成して、Create
Command + r で実行(シミュレータに真っ白い画面が表示される。後で確認するとHello World!と表示。少し時間がかかる?)
iPhoneを接続して、Command + rで実行。インストールされるのでタップして起動(Hello World!と表示される)
hiroyuki12/swift_my_app
Initialize... にチェック
Add .gitignore Swiftにして、Create Repository
Xcodeを終了してフォルダ名をswift_my_app2に変更。
github/swift_myappに cloneする。ファイルをコピーして、$ ga . 、$ gc . 、$ gp する。(ga=git add, gc=git commit, gp=git push)
Xcodeで、swift_my_app/ContentView.swiftを開き、Hello World!を変更して、command + r
ContentView.swiftを開き、右上のResumeボタンを押すとプレビュー画面が表示される。
プレビューでラベルをクリックして、Hello World!を変更できる。コードも変更される。
VStack{}で囲むと縦に2つ表示できる
TextをCommandを押しながらクリックするとメニューが表示され、Embed in Vstack
VStack{
Text("A")
Text("B")
}
SwiftUIチュートリアルをやってみた その1 - Swift・iOSコラム - Medium
ボタンを追加
(Organization Identifier: com.hiroyuki)
(iPhone Xsで、Settings - General - Profiles & Device Management - AppleDevelopment: を選び、Trust)
(MyNewAppをダブルクリックして設定を開く。 )
Command + rで実行するとHello Worldが表示される
Labelをクリックすると、右にプロパティが表示され、テキストや色を変更できる。
Command+Labelクリックして、垂直HStackや水平VStackを追加できる。(Embeded in Hstack)
右上の+をクリックして、TextやTextFieldやButtonをドラッグで追加できる。
システムの画像を追加
Image(systemName:"photo")
(ContentView.swiftを開き、テキストを変更。)
右上のResumeボタンを押すと、画面のプレビューが表示される。
Main.storyboardにLabelを配置して、
HelloWorld!表示する
Buttonを配置して、
アシスタントエディタを開き、
controlを押しながらドラッグ。
Connection: Action
Name: tapChange
view.backgroundColor = UIColor.green
command + r で実行する
print("Hello")
行番号をクリック、ドラッグして削除。
control + command + y で続行。
Run Command + r
Step Over F6
Step Out F8
Main.storyboardに配置したlabelをcontrolを押しながらドラッグ。
nameをlabelHelloにして、Enter
labelHello.text = "Hello"
SwiftUIチュートリアルをやってみた その1 - Swift・iOSコラム - Medium
Swift 入門 [No.2] ~初心者が始める~ - Qiita
Swift 入門 [No.1] ~初心者が始める~ - Qiita
動画
Introducing SwiftUI: Building Your First App - WWDC 2019 - Videos - Apple Developer
SwiftUI チュートリアルをやってみた|UI/UXデザイナー うっくん|note
Swiftで行こう!--SwiftUIもっと!2|donguri|note
Swiftで行こう!--SwiftUIもっと!3|donguri|note
【iOS】プログラミング素人の俺が、Swift + Firebaseを使って、インスタクローンを作る!【新規登録・ログイン編】 - Qiita
ルパン三世風タイトルコールをSwiftUIで作る方法|藤 治仁|note
新型コロナウイルス感染症(COVID-19)のデータ可視化・サポートするサイトのまとめ - karaage. [からあげ]
Swiftで行こう!-Swift Package Manager!|donguri|note
SwiftUIで行こう!- @ObservedObject!|donguri|note
SwiftUIで行こう!-UserDefaults!|donguri|note
Swiftで行こう!-XcodeでAR,機械学習。|donguri|note
SwiftUIを使おう!CatarianaでCanvas!|donguri|note
SwiftUIで行こう! 電卓を作ろ!-まとめ。|donguri|note
SwiftUIの画面レイアウト 前編|快技庵 高橋政明|note
マジで最初から Swift で iOS アプリ作る (Hello SwiftUI!)|leico|note
【Xcode】超初心者のためのSwiftUIチュートリアル10|やこ|note
SwiftUIとUIKitを組み合わせる|快技庵 高橋政明|note
【初心者向け】Firebaseを使ったiOSアプリ|嶋芋|note
逆引きSwiftUI: 無限スクロール|y.imajo|note
【SwiftUI】ログイン画面⇔ログイン済画面の画面遷移|MockLab|note
SwiftUIで行こう!Timer!|donguri|note
ICカードリーダーのiOSアプリをSwiftUIで開発しました | Money Forward Engineers' Blog
GitHub - kazy-dev/SwiftUI-Qiita-Client-App
【SwiftUI】リファレンスマニュアルの読み解き | カピ通信
GitHub - ry-itto/SwiftUIQiitaClient: Qiita's Client Application using SwiftUI
https://developer.apple.com/documentation/swiftui
【Flutter】 ローカルに保存された音声ファイルを再生する - Qiita
EnvironmentValuesを制するものはSwiftUIを制する - Qiita
https://developer.apple.com/xcode/swiftui/
SwiftUIで使用されているSwift5.1の新機能 - クックパッド開発者ブログ
SwiftUIで何気なく使っている some を調べてみる - Qiita
チュートリアルから一歩踏み出したSwiftUIのCustom Viewの作り方ーその1(GeometryReader編) - Qiita
チュートリアルから一歩踏み出したSwiftUIとCombineの連携(初級編) - Qiita
iPadでSwift Playgrounds!|donguri|note
SwiftUIで行こう!- @ObservedObject!|donguri|note
QiitaのAPIを叩いて記事を取得して表示するサンプルアプリを書いてみた その4(Xcode9.3&Swift4対応、Codable対応、標準API切り替え対応) - Qiita
Swiftで行こう!--CodableでAPIを!|donguri|note
iOS開発: 再入門 apiを叩いてtableViewに表示する (Qiita編) - Qiita Swift
https://qiita.com/BlackCat/items/c40cf2636e1dee63bc57
SwiftでQiitaのトレンドを取得して表示させる - Qiita
Spotify iOS SDKのチュートリアルをSwiftでやってみた - Qiita
Spotify SDK for iOSで簡単なアプリを作ってみた - Qiita
APIリクエスト結果をUIに反映させる - Swift UI チュートリアル Part 5 - 猫でもわかるWebプログラミング
GitHub - paigupai/swiftUI-sample: 練習目的で書いてソース
GRDB.swiftというSQLiteライブラリがイイ感じだった - Qiita
標準とAlamofireでAPIコール処理を書き比べてみる(Swift) - Qiita
AlamofireとSwiftyJSONでAPIを叩くチュートリアル - Qiita
リリース済みiOSアプリのソースコード、全部見せます! - Qiita
Xcode 10.1が必要
Xcodeの旧バージョンをインストールする方法 - Qiita