マガジンのカバー画像

SwiftUIでいこう!

229
SwiftUIで簡単、プログラミング! 少しずつ理解していきます。
運営しているクリエイター

#xcode

Macで簡単Swift!

Macで簡単Swift!

Swift Playgroundsです。最近Mac版がアップデートされますます使い勝手がよくなりました。Xcode使わなくてもアプリがストアに出せるようにもなりました。(バージョンが4.1 にあがってMac版でもSwiftUIでのアプリ開発ができるようになりました!)iPhone、Macアプリが作成できます。Xcodeにも移行できるのでさらに他のものにも転用できそうです。

アプリとしては

iP

もっとみる
[News]Swift Playgroundsでアプリが作れるようになりました!

[News]Swift Playgroundsでアプリが作れるようになりました!

やっと出てきました。WWDC2021で発表があってから半年。いつ出るか出るかと待っていましたが、本日無事アップデートがあり、めでたく4.0となり今までXcodeでしかアプリ作成が出来なませんでしたがiPadだけで完結させることができるようになりました。作成画面では行番号が表示されるようになり、リアルタイムプレビューができるようになりました。

まず今年のWWDCでのビデオ。

Swift Play

もっとみる
SwiftUIでいこう!- スタンフォード大学に学ぶ。 - Lecture 1

SwiftUIでいこう!- スタンフォード大学に学ぶ。 - Lecture 1

2021年版が公開されているのででザッとやっていきたいと思います。神経衰弱ゲーム作りが題材となっていてSwiftUIで説明されています。

Lecture1:今回作るゲームの内容とXcodeの全体的な使い方を解説していき、大まかな流れを理解していく感じです。使うソフトはXcode12.5beta3版で新しいプロジェクトを作っていき、その内容についての講義になっています。シミュレーターで確認しながら

もっとみる
SwiftUIでいこう!-Navigation! ..2

SwiftUIでいこう!-Navigation! ..2

まず、"NavigationView"を使って Titleを表示させてみます。

var body: some View { NavigationView{ NavigationLink(destination: Text("second")){ Text("Hello, World!") }

もっとみる
SwiftUIでいこう!-Navigation! ..1

SwiftUIでいこう!-Navigation! ..1

SwiftUIで画面遷移をします。以前の"ViewController"でやるのと比べると簡単になっています。

初期画面の

struct ContentView: View {}

の他にもう1つViewを作ります。便宜上

struct SecondView: View {}

とします。

この2つの画面を行き来できるようにします。基本

"NavigationView"

を使います。

もっとみる
SwiftUIを使おう!CatarianaでCanvas!

SwiftUIを使おう!CatarianaでCanvas!

macOS Catalinaがやっと出ました!待っていました。SwiftUIもCatalina でCanvasが使えます。

公式チュートリアルがわかりやすいです。

やってみます。canvasでライブプレビュー出来ます!Mojaveでは出来なっかったことです。

早速

さっそく、新規プロジェクトを作ります。

File > New > Project.

として、 "Single View A

もっとみる
SwiftUIでApple Watchアプリ!

SwiftUIでApple Watchアプリ!

SwiftUIのアップルの公式チュートリアル

SwiftUI Tutorials

ですが、ついさっきみてみたらなんと、

"Creating a watchOS App"ということでApple Watchアプリのチュートリアルが追加されていました。

appleWatchもリアルタイムプレビューできるもたいですね。そのうち、New macOSがリリースされたらXcodeもフル機能が使えるわけな

もっとみる
SwiftUIで行こう!Timer!

SwiftUIで行こう!Timer!

参考にしたサイトと公式のチュートリアルです。

UIKit で使ってきたTimerですが、SwiftUIで使う場合少し使い方が違うようなので少し調べてみました。

Timer.scheduledTimer(timeInterval: 1, target: self, selector: #selector (TimerViewController.refreshCells), userInfo: n

もっとみる