Flutter入門

macOS Catalina 10.15.3

MacBook Pro Late2012

Visual Studio Code 1.14.1

Xcode 11.3

iPhone Xs (iOS 13.3)

Flutter 1.12.14+hotfix.8 * channel stable * ($ flutter --version)

Dart 2.7.0 

 

Flutter入門 - 簡単なアプリを作ってUI宣言やホットリロードなど便利機能の使い方を理解しよう - エンジニアHub|若手Webエンジニアのキャリアを考える!

 

iPhone実機にインストールは、Xcodeの方が早い(画面が表示されるまで42秒。VSCodeは2分15秒)。XCodeでflutter_my_app/iosを開き、実行。

シミュレータでは、VSCodeでホットリロードが早い(0.1秒)。停止した状態から起動は2分。

エディタはVisual Studio Codeが使いやすい(慣れているため)

 

Flutter - Qiita

 

Xcode - Xcodeでどうしても1つだけエラーが消せない|teratail

その無償アカウントで作られたプロビジョニングプロファイルの期限が1週間です。

iPhoneMacに接続して再度Xcodeでビルドして実行しなおせば、また1週間期限の新しいプロビジョニングプロファイルが作られて実行できます。

Xcodeでflutter_my_app/iosフォルダを開き、Cleanして、ビルドすると、VSCodeiPhoneにインストールして実行できた。

 

【swift】実機テストで「The maximum number of apps for free development profiles has been reached.」というエラーが発生

 無料で同時にインストールできるアプリは2個まで

 

エラーが出て実機でデバッグ開始できない時。

1 . FirebaseのGoogleService-Info.plistが重複エラー。ファイルを削除して、実機からアプリを削除すると開始できた。

2 . Info.plistの追加エラー。Info.plistを戻して、iPhoneのアプリを削除して、macを再起動すると開始できた。

 

ショートカットキー(Visual Studio Code)

F2 Rename Symbol

stfと入力すると、テンプレートが入力される(stfがステートフル、stlがステートレス)

ファイル検索 command + shift + f

コメントアウト  command + /

importの追加などエラー解決(quick fixed) command + .

定義へ移動 F12

Wrap with WidgetやRevemo Widgetなど control + shift + r または、command + .

Restart  command + shift + F5

ブレークポイント  F9

Step Over F10

Step In F11

Start Debuging  F5

指定した行で移動. control  + g

サイドバー表示/非表示 command + b

パネル表示/非表示 command + j

 

先にxcodeをインストールする。masxcode

(FlutterSDKをダウンロード。Downloadフォルダにflutterフォルダが展開される。)

$ mkdir git

$ cd git

$ git clone https://github.com/flutter/flutter.git -b stable
macOS install - Flutter

(flutterフォルダを~/developmentに移動。~/development/flutter/bin/flutter)

~/gitフォルダで、$ export PATH="$PATH:`pwd`/flutter/bin"

.zshrcにexport PATH=~/develop/flutter/bin:$PATHを追加。

$ flutter precache

$ flutter doctor

$ open -a Simulatorで、シミュレーターを起動。

$ flutter create my_app

$ cd my_app

(~/developmentフォルダで、)$ flutter run すると、Flutter Demo Home Pageが表示される。

mainのソースは、my_app/lib/main.dart

viで、一部変更して、flutter runしたTerminalでrを押すとホットリロードできた。

Visual Studio Codeダウンロード(1.14.1)してインストールして、起動して、command + shift + p install(View - Command Paletteを選択して)、
installと入力して、Extensions: Install Extensions.を選択
flutterと入力して、flutterを選択して、インストール

command + shit + p(View - Command Paletteを選択)して、
doctorと入力して、Flutter: Run Flutter Doctorを選択。
OUTPUTを確認。

File - Openで、my_appフォルダを開き、lib/main.dartを開き、
右下のno deviceを選択して、シミュレータを起動。
main.dartを変更して、保存すると、シミュレータに反映される。

my_appのソース(my_app/lib/main.dar)について、
 onPressed: _incrementCounter,
 右下の+ボタンが押された時に、_incrementCounterが実行される。F12で定義に移動。
  setStateの中で、_counter++
 ボタンが押された時に、ダイアログを表示するには、
 _incrementCounterの中でに処理を追加。CupertinoAlertDialog。
[Flutter] ダイアログの種類と使い分け方をカチッとまとめる - Qiita
 command + / でコメントアウト
左上にハンバーガーアイコンを表示。
  Scaffoldにdrawer: Drawer(),を追加。
Drawer
 ボタンを追加。
  RaisedButton(child: Text("Button!"),onPressed:(){})
  FlatButton(child: Text("Button!"),onPressed:(){}),
  IconButton(icon: Icon(Icons.add_circle),onPressed:(){}),
Flutter開発する前に知っておきたい35のWidget一覧 - Qiita

Write your first Flutter app, part 1 - Flutter

iPhone Xs実機で動かす。実機でもホットリロード可能。
$ cd my_appして、open ios/Runner.xcworkspaceして、xcodeを起動。
左上のRunnerプロジェクトを選択して、
iOS Deployment Targetを13.1に変更。
TARGETSのRunnerを選択して、Deployment infoでiOS 13.1に変更。Signing & Capabilitiesで、Teamを選択する時に、アカウントが追加できない時は、MACを再起動すると追加できた。パスワードはAppleIDのパスワードを入力。(iPhoneでAppleIDのページにログインして、Generate an app-specific password)

XcodeにApple IDのパスワードを入れても受け付けなくなった | MUSHIKAGO APPS MEMO


Xcodeの実行ボタンを押すと、パスワードが聞かれるので、Macにログインする時のパスワードを入力。何度も聞かれるので、聞いてこなくなるまでパスワードを入力して、「常に許可」にすると、iPhoneに画面が表示される。

Macで開発していないAndroidエンジニア向け「iOS実機でFlutterを動かす手順」 - Qiita

sudo xattr -d com.apple.quarantine /PATH_TO_YOUR_FLUTTER_HOME/bin/cache/artifacts/libimobiledevice/idevice_id
【Flutter】“idevice_id”は、開発元を検証できないため開けません。への対処法

$ flutter build ios
$ flutter devices
$ flutter install -d 5
sudo xattr -d com.apple.quarantine /PATH_TO_YOUR_FLUTTER_HOME/bin/cache/artifacts/ideviceinstall/ideviceinstall

 

[1] . Flutterで簡単なアプリを作る Flutter Issueのタイトル一覧を表示 HTTP通信 リストビュー 画像の表示

Flutter入門 - 簡単なアプリを作ってUI宣言やホットリロードなど便利機能の使い方を理解しよう - エンジニアHub|若手Webエンジニアのキャリアを考える!

 

[flutter]実機でデバッグする方法 | crowd37

.zshrcにEXPORT PATHを追加して、flutterにPATHを通して、Visual Studio Codeを再起動して、File - Openで、my_appフォルダを開いて、main.dartを開くと、右下のデバイスiPhone実機が表示され、iPhone実機でホットリロードができた。

sudo xattr -d com.apple.quarantine /PATH_TO_YOUR_FLUTTER_HOME/bin/cache/artifacts/usbmuxd/iproxy

絶対にくじけないFlutter開発環境構築(VS Code) - ryuichi111stdの技術日記

 

macOS install - Flutter

Hot reload - Flutter

Set up an editor - Flutter

VSCodeでの Flutter 環境構築詳細解説 | キャスレーコンサルティング株式会社

Write your first Flutter app, part 1 - Flutter

よく目にするFlutterに関する疑問への私感

豊富に用意されたWidget

An iOS-style alert dialog.


FlutterでCupertino UIのアプリを作ってみた - Qiita

FlutterのHello Worldを超深掘った話 - ryuichi111stdの技術日記

 

Building layouts - Flutter

 

Adding interactivity to your Flutter app - Flutter

 

 

FlutterでQiitaのクライアントを作ってみた話 - Qiita

タイトルを表示できた。

title: issue['title'] as String,

 

Flutterを半日くらいやって良さげだと思ったこと - Qiita

 

mono 🎯 @自宅 💙 on Twitter: "FlutterのHotUI、超期待( ´・‿・`)全Flutter開発者が望んでいたものっぽい( ´・‿・`)
https://t.co/UsWJ9Hm4qk… "

 

マテリアルデザインの縮むヘッダーをFlutterで爆速で実装する|shogo yamada|note

 

FlutterのThemeを理解する

 

Layouts in Flutter - Flutter

 

Supernova Studio を使ってFlutterのコード吐き出してみた - Qiita

 

DataTable In Flutter - Flutter Tutorial

 

Flutter:Widget一覧 - Qiita

 

【Flutter】childとchildrenの違いを説明

https://yaba-blog.com/flutter-child-children/

 

【Flutter】Sign in with Appleで「com.apple.AuthenticationServices.AuthorizationError error 1000.」の対処法

 

Flutterでテキストファイルの出力と読み込み - Qiita

 

リストを表示する | わかりやすいFlutterリファレンス エヌ次元株式会社 (n次元 エヌジゲン)

【Flutter入門】シンプルなメッセージアプリのUIを作る - Qiita

 

Flutter | virtualiment

 

Flutterの効率良い学び方 - Flutter 🇯🇵 - Medium

 

Flutter はじめの一歩 - Flutter 🇯🇵 - Medium

 

https://www.youtube.com/watch?v=vb8YDD7KO00

 

図書館検索

Flutterの画面遷移 - Qiita.  

 

Flutterレイアウトのビジュアルデバッグ機能 - Qiita

 

FlutterサンプルアプリGalleryの縮小するヘッダを試す - Qiita

 

PushAndRemoveUtil

FlutterでIntent.FLAG_ACTIVITY_CLEAR_TOPてきなことをやる - Qiita

 

画面遷移

FlutterのNavigatorの使い方と仕組み - Qiita

 

Flutter でサンプルプログラムを理解する - Qiita

 

ファイル読み書き

Flutter でデバイスのファイルにアクセスする - Qiita

 

FlutterのStreamBuilderでFirestoreに保存されているデータを表示する - Qiita

 

FlutterのsetStateとは? - Qiita

 

Flutterクラス間の値の受け渡し - Qiita

 

DroidKaigi2018で発表したFlutterアプリの話のスライド補足 - Konifar's WIP 

 

CupertinoActivityIndicatorソース

CupertinoActivityIndicator & CupertinoApp dark mode by LongCatIsLooong · Pull Request #39289 · flutter/flutter · GitHub

 

Supernova Studioで Flutter爆速開発の夢を見れるか? / Supernova Studio and Flutter Ultra Speed Development - Speaker Deck

 

KotlinとJavaができる人向けDart速習 - Qiita

 

Flutterの基礎 - Qiita

 

仕組みを知れば怖くない! Flutter入門 - Speaker Deck

 

管理しやすい(と思う)Flutterプロジェクトのディレクトリ構造 - Qiita

 

Android / iOS アプリの開発にクロスプラットフォームの Flutter を実戦投入した|najeira|note

 

Flutterでスマホアプリを作ってみ(た | よう)【アドベントカレンダー2018 37日目】 | 東京工業大学デジタル創作同好会traP

 

さよならSketch、こんにちはFramer X|敢太|note

 

Flutterログ #1 Hello Worldしてみる|yagitatsu|note

 

Flutterログ #4 写真を選んで加工して表示する|yagitatsu|note

 

Flutterで簡単なアプリを作れるようになるまでの学習フロー|yasukotelin|note

 

Vimの補完を他エディタやIDEのような挙動にするようにする|yasukotelin|note

 

Macbook Airを買ったのでVim8からNeovimに移行してみた|yasukotelin|note

 

Editor+Markdownでノートを管理する|yasukotelin|note

 

社内keynoteテンプレートを作った話|date001|note

 

Adobe10年ユーザーがSketch初めて触ってみた|date001|note

 

Figmaというデザインツールがすごい|UTAGE.WORKS カワシマ [フリーランスウェブクリエイター]|note

 

TextStyle class - painting library - Dart API

 

Flutterチュートリアル「Building layouts」をやってみる〜AppBar表示まで〜 – obennkyoumemo

 

BottomNavigationBar をキープしたまま画面遷移する - Qiita

 

zshでpecoと連携するためのanyframeというプラグインを作った - Qiita

 

ghq + peco をもっと便利にするコマンド gch を作った - Qiita

 

Flutterでの画面遷移まとめ - Qiita

 

Flutter:Widget一覧 - Qiita

 

Flutterでの開発をスムーズに行うためのTips集 - Flutter 🇯🇵 - Medium

 

animations | Flutter Package

 

Flutter所感 - タオルケット体操

 

Flutterのツライとこ紹介|J.J. / Manhattan Code Inc.|note

 

Flutterに入門した - Qiita

 

FlutterのColumnとRowを使ってみた | Developers.IO

 

FlutterでAPIをコールしてデータを表示して見た | Developers.IO

 

flutter-test/t95_ios_settings_page at master · xster/flutter-test · GitHub

 

Google Developers Blog: Flutter Release Preview 2: Pixel-Perfect on iOS

 

Flutter Release Preview 2で追加されたCupertinoスタイルのWidgetを試してみた | Developers.IO

 

FlutterでPluginプロジェクトを作って実装してみた | Developers.IO

 

FlutterでColumnのコンテンツを画面中央に配置する - Qiita

 

【個人開発】Flutter と Firebase で夫婦のタスク共有アプリを作った話 - Qiita

 

Android開発者のためのFlutter説明文がためになったので全訳&要約 - Qiita

 

Flutterでコンパスアプリを作ってリリースした話 - Qiita

 

Flutter Form系Widgetの使い方 〜 すべてのWidgetを学習 - Qiita

 

animations | Flutter Package

 

相対比率 Expanded flex

Hello Flutterの次におさえたい Flutterのポイント その6 (レイアウト編)

 

Flutter の Widget ツリーの裏側で起こっていること - Flutter 🇯🇵 - Medium

 

Flutterで顔認証/指紋認証を簡単に実装する - Qiita

 

FlutterでTwitterクローンを作る|shogo yamada|note

 

FlutterでTwitterアプリをトレースする #1 (ホーム画面編-①) - HeavenOSK's Log

 

GitHub - HeavenOSK/Flitter: Tracing of Twitter Mobile App in Flutter

 

Flutter Twitter Clone Part 1 - IChoosedFlutter😇 - Medium

 

Flutter InstaClone StatefulWidgetでボタンを作成 – obennkyoumemo

 

iOS Icons - Download Free Icons PNG and SVG | Icons8

 

FlutterでFacebookアプリっぽいUI作ったよー - Qiita

 

android - How to connect Flutter App to sql server - Stack Overflow

 

Flutterで学ぶSQLite - Crieit

 

flutterでCustomClipperを用いて要素を切り抜く - Qiita

 

Flutter製チャットアプリを支える技術 - Qiita

 

Flutterでの画面遷移まとめ - Qiita

 

FlutterとAndroidStudioでカメラアプリを作る - Qiita

 

Flutter製のアプリでカメラを使う | Tesshu's Blog

 

新規アプリをFlutterで開発し始めて4ヶ月|kitoko552|note

 

live template

GitHub - mono0926/instagram-flutter

 

Flutterとは 何なのか 〜できること、できないこと|へぶん🦌|note

 

Flutterで作ったアプリをiPhoneとAndroidの実機用にリリースビルドする|nbht|note

 

Flutterで値を保存したり取り出したりする - Qiita  SharedPreferences

 

【Flutter】ステートウィジェッドメモ - Qiita. shoppinglist

 

#自分用メモ FlutterでIntlパッケージを使う(超簡易) - Qiita. numFormat

 

Flutter製のアプリ・サービスなど - Qiita

 

Flutterで写真を取得したい君に - Qiita. image_picker

 

Dash 5でFlutterのドキュメントを表示する - Qiita

 

Dash for macOS - API Documentation Browser, Snippet Manager - Kapeli

 

アプリ試作や個人制作を効率化するSwiftPMの運用 - Qiita. Swift Package Manager

 

Visual Studio Codeで簡単にショートカットキーを変更する方法 - Qiita. MacのKeyboardショートカットのF11をOFF

 

Figmaで作ったデザインをDartで吐き出してくれるFigma to Flutterを使ってみた - Qiita

 

【Xcode】ひらがな化APIを使ったアプリを作りました【Swift】 - Qiita. いらすとや

 

git cloneでエラーが出た時の備忘録 - Qiita. SSH設定

 

初対面の方と「スキルの交換」をしてきた話|へぶん🦌|note

 

Flutter 全部俺 Advent Calendar 2019 - Adventar

 

Publishing the Flutter LINE login plugin package for Flutter

 

[Flutter]AppStoreにあるような、タップすると拡大するカードを作ってみる - Qiita

 

Flutter カメラの映像を表示させるサンプル - Qiita

 

[Flutter] Sign in with Apple を Cloud Functions 無しで実装する - Qiita

 

CupertinoSlidingSegmentedControl by LongCatIsLooong · Pull Request #42775 · flutter/flutter · GitHub

 

New Cupertino (iOS-style) widgets: CupertinoContextMenu & CupertinoSlidingSegmentedControl : FlutterDev

 

【初心者】Flutter:APIでデータ取得して、一覧表示させるサンプルアプリ - Qiita. REQ | RES サンプルデータ

 

DartでTwitterライブラリを作ってpubに公開しました - LOGICKY BLOG

 

FlutterでTwitterにツイートを投稿する - Qiita

 

RNHBFav/src at master · YuheiNakasaka/RNHBFav · GitHub

 

ReactNativeで自分用のHBFavを作った - razokulover publog

 

ReactNativeでアプリを作る時の個人的な最小構成 - Qiita

 

Trelloに良記事リストを作っておくと便利 - razokulover publog

 

【Flutter】アプリ開発_初心者のアプリをプロっぽくする最強のpackegeを紹介 - Qiita

 

Flutterで無限スクロールを実装する際のTips - Qiita

 

Scrapboxで読書管理をするために「ScrapMedia」というFlutterアプリを作った - SIS Lab

 

Firebase AuthenticationをFlutterアプリに導入 - Qiita

 

Flutterでgoogleにログインする - makicamelの日記

 

リリースできなかったiOSアプリのソースを公開して供養する 🙏 - Qiita

 

ADO.NET vs ORM (Entity Framework, Dapper) - マイクロソフト系技術情報 Wiki

 

Flutterアプリ公開の最後のほうにやったこと|iiinaiii|note

 

ThemeData flutter/flutter

flutter/theme_data.dart at master · flutter/flutter · GitHub

 

Cupertino flutter/flutter

flutter/packages/flutter/lib/src/cupertino at master · flutter/flutter · GitHub

 

Flutterでカラーテーマを動的に変更する - サンダーボルト

 

jqコマンドでjsonを扱う - Qiita

 

GitHub - mdanics/fluttergram: A fully functional Instagram clone written in Flutter using Firebase / Firestore

 

GitHub - pd4d10/git-touch: Open source mobile client for GitHub, GitLab, Bitbucket and Gitea, built with Flutter

 

Animation and motion widgets - Flutter

 

Flutterで環境ごとにビルド設定を切り替える — iOS編 - Flutter 🇯🇵 - Medium

 

Firebaseを使用してiPhoneアプリをリリースし半年が経った事を晒す - Qiita

 

dex.fm — 046: Flutter  podcast

 

東京都 新型コロナウイルス患者発表者数 - 東京都_新型コロナウイルス陽性患者発表情報 - 東京都オープンデータカタログサイト

 

Flutterで台湾の「マスク在庫API」のアプリ作ってみた - Qiita

 

FlutterでのWidgetツリーへの状態伝播とアクセス制限の基本戦略

 

yushunのあうとぷっとすぺーす | 最近はFlutterの話題中心に更新

 

イマドキなAndroid音楽プレーヤーの作り方 - Qiita

 

VS Codeをスニペット作成は簡単で便利だった! - lisz-works

 

Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する!《VSCode実践入門》 - エンジニアHub|若手Webエンジニアのキャリアを考える!

 

Qiita にflutter swiftui の引数を渡したい

Named routeに引数を渡すサンプルコード - Qiita

 

【Flutter】公式より多機能なWebViewプラグイン「flutter_inappwebview」の使い方 | サシミスタジオ

 

Flutter:逆引きCookbook - Qiita

SwiftUI入門

2020/03/15更新

 

macOS Catalina 10.15.3

Xcode 11.3

iPhone Xs (iOS 13.3)

 

SwiftUI

 

Swift・iOSアプリ開発情報の集め方 - Qiita

 

Swift・iOSコラム – Medium

 

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

 

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

 

Spotify ios SDK

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にする)。

iPhoneSpotifyをインストール。

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

 

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

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

VStack{

  Text("A")

  Text("B")

}

SwiftUIチュートリアルをやってみた その1 - 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チュートリアルをやってみた その1 - 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の作り方ーその1(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アプリ利用ライブラリのライセンス一覧を生成するツールを作りました