SwiftUI入門 - MBP(はてな)

設定で、Redirect URIsを、spotify-ios-quick-start://spotify-login-callback。Bundle IDsを、com.spotify.sdk.SPTLoginSampleApp。SAVEする(XCodeで入力したBundle Identifierにする)。

iPhoneにSpotifyをインストール。

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

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!と表示される）

Githubにリポジトリを作成。

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{}で囲むと縦に２つ表示できる

TextをCommandを押しながらクリックするとメニューが表示され、Embed in Vstack

VStack{

Text("A")

Text("B")

}

SwiftUIチュートリアルをやってみたその１ - Swift・iOSコラム - Medium

ボタンを追加

[SwiftUI] Button を簡単に作成する

(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チュートリアルをやってみたその１ - Swift・iOSコラム - Medium

Swift 入門 [No.2] ~初心者が始める~ - Qiita

Swift 入門 [No.1] ~初心者が始める~ - Qiita

動画

Introducing SwiftUI: Building Your First App - WWDC 2019 - Videos - Apple Developer

Apple Developer Documentation

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のリストの作り方。｜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最初の一歩｜快技庵高橋政明｜note

【SwiftUI】ログイン画面⇔ログイン済画面の画面遷移｜MockLab｜note

SwiftUIで行こう！Timer!｜donguri｜note

SwiftUIのリストの作り方。｜donguri｜note

ICカードリーダーのiOSアプリをSwiftUIで開発しました | Money Forward Engineers' Blog

GitHub - treastrain/TRETJapanNFCReader: 日本の NFC、FeliCa カード向けリーダーライブラリ（iOS 13.0 以降）Suica、PASMOなどの交通系ICカード、楽天Edy、nanaco、WAON、運転免許証の読み取り（iOS 13 Core NFC）

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の作り方ーその１（GeometryReader編） - Qiita

チュートリアルから一歩踏み出したSwiftUIとCombineの連携（初級編） - Qiita

iPadでもSwiftUIで遊べるドン！ - Qiita

iPadでSwift Playgrounds!｜donguri｜note

SwiftUIで行こう!- @ObservedObject！｜donguri｜note

QiitaのAPIを叩いて記事を取得して表示するサンプルアプリを書いてみたその4（Xcode9.3＆Swift4対応、Codable対応、標準API切り替え対応） - Qiita

GitHub - Juanpe/About-SwiftUI: Gathering all info published, both by Apple and by others, about new framework SwiftUI.

Swiftで行こう！--CodableでAPIを！｜donguri｜note

iOS開発: 再入門 apiを叩いてtableViewに表示する (Qiita編) - Qiita Swift

https://qiita.com/BlackCat/items/c40cf2636e1dee63bc57

SwiftでQiitaのトレンドを取得して表示させる - Qiita

SwiftUI でリスト表示｜快技庵高橋政明｜note

Spotify iOS SDKのチュートリアルをSwiftでやってみた - Qiita

Spotify SDK for iOSで簡単なアプリを作ってみた - Qiita

Swift記事まとめ(毎日自動更新) - Qiita

APIリクエスト結果をUIに反映させる - Swift UI チュートリアル Part 5 - 猫でもわかるWebプログラミング

SwiftUIアプリ開発実践ポイント - Qiita

GitHub - paigupai/swiftUI-sample: 練習目的で書いてソース

GRDB.swiftというSQLiteライブラリがイイ感じだった - Qiita

標準とAlamofireでAPIコール処理を書き比べてみる(Swift) - Qiita

AlamofireとSwiftyJSONでAPIを叩くチュートリアル - Qiita

リリース済みiOSアプリのソースコード、全部見せます！ - Qiita

Xcode 10.1が必要

Xcodeの旧バージョンをインストールする方法 - Qiita

LicensePlist というiOSアプリ利用ライブラリのライセンス一覧を生成するツールを作りました