WWDC22、iOS16：数行のコードで作成できるSwiftUIの新機能（26本） - Qiita
※一般公開されているWWDC Keynoteの動画と公開Session/Documentation/Sample Codeページだけを使ってこの記事を執筆しました。 新しいビューの種類: Gauge - 進捗状況を表示する新しいビュー 複数日付選択ツール 図表 複数列のテーブル グリッド(格子)表示 貼り付けボタン MacOS メニューバーアプリ ナビゲーション・スタック ナビゲーションのスプリットビュー UIを変更する新しいビューモディファイア: グラデーションカラーを生成する インナーシャドウ、アウターシャドウの追加 SwiftUIで直接利用（互換性のあるビューは不要になりました）。: 共有シート 写真選択ツール アプリのレビューを依頼 機能の改善: サイズ変更可能なシート SF Symbolカラーバリエーション 複数行のテキストフィールド テキストフィールドを添付したアラート スコー
SwiftUI時代におけるminneのリアクティブアーキテクチャ - Pepabo Tech Portal
山奥の砦（八王子市）からminneのiOSチームでアーキテクチャや開発環境を色々と見ているjoshです。SwiftUIとCombineが発表されたWWDC 2019から、SwiftUIとUIKitの混在状態を前提としたminneアプリに最適なアーキテクチャについて検討・議論した結果、最近色々と決まったので、紹介したいと思います。 まず、アーキテクチャ決めの目的ですが、テストしやすい形で迷わずに開発でき、機能開発を効率よくしつつ、今後の保守や変更も楽に行い、生産性と品質を上げることです。minneは特徴として、ネットワーク通信の多いアプリで、Universal Linksやプッシュ通知など、数多くの起動経路を持っています。また、minneマーケットプレイスの作品をさまざまな購入方法で提供しているので、開発をする中で特にその周りで不具合が出ないように日々開発しています。作家、購入者・ゲストごと
SwiftUI を活用した「レシピ」×「買い物」の新機能開発 - クックパッド開発者ブログ
こんにちは。クックパッド事業本部 買物サービス開発部の藤坂（@yujif_）です。 2020年10月にクックパッド iOS アプリで「買い物機能」をリリースしました。今回はこの新機能の開発にあたって考えたことや取り組みについてご紹介します。 買い物機能とは レシピから買い物へ 買い物からレシピへ 実は SwiftUI で作られている 技術選定の背景 1. 本番で早く検証し、サービス開発の効率を上げたい 実生活の中で使って発見を増やす UI の「作って壊し」をやりやすく 2. SwiftUI のリスクを抑えつつ導入できる見込みがあった クックパッド iOS アプリでは 2メジャーバージョンをサポート 機能・画面単位で切り分けやすいアーキテクチャ 【方針】View 層のみで SwiftUI を部分的に導入する 実装 既存のVIPER アーキテクチャへの SwiftUI の組み込み UIView
SwiftUIでじゃんけんゲームを作ろう。かんたんiPhoneアプリ開発入門
SwiftUIは、2019年にアップルが発表したフレームワークです。 SwiftUIを使って、iPhoneで遊べるじゃんけんゲームを作成してみましょう。 この入門ではXcodeを使いますので、準備をしておいてください。 今回作るのは、このようなじゃんけんゲームです。 では、早速はじめていきましょう！ 使用する画像について 今回はこちらの画像を使います。 解凍してお使いください。 じゃんけん画像 新規プロジェクトの作成 まずは、新規プロジェクトを作成します。 Xcodeを開くと、次ような画面が表示されると思います。 この画面から、「Create a new Xcode project」をクリックします。 今回はじゃんけんゲームといえども、とてもシンプルなゲームですので、「Single View App」を選択します。 すると、次のような画面が表示されます。 たくさん入力する場所がありますが、
技術書典9にて新刊「UI 実装であると嬉しいレシピブック おもしろ編」を頒布致します！｜Fumiya Sakai
9/12から開催される技術書典9にて、表現や動きが特徴的でかつ、ユーザーにもほんの少しだけ遊び心を与えるようなUI実装の解説ををまとめた「UI 実装であると嬉しいレシピブック おもしろ編」を頒布する予定です。 前回に頒布した「UI 実装であると嬉しいレシピブック まかない編」や、今後執筆を進めていく予定のVol.3とは少し異なる位置付けとして少し寄り道した形となっていますが、ご興味のある方は是非お手に取って頂けますと嬉しく思います。（※前回同様に電子版のみのご用意となりますが、これまで頒布してきた書籍についても販売しております😓） 大変なご時世の最中にも関わらず、この様に素敵な機会を準備して下さいました技術書典の運営に携わっている皆様には本当に感謝しております。 新刊の内容に関する簡単な説明と紹介 内容は結構一癖がある形ではありますが、アニメーションやインタラクションにひと工夫を加えるこ
SwiftUI: Mapping Firestore Documents using Swift Codable
Last time, we looked at how to connect a SwiftUI app to a Firebase project and synchronise data in real time. If you take a look at the code we used for mapping from Firestore documents to our Swift model structs, you will notice that is has a number of issues: self.books = documents.map { queryDocumentSnapshot -> Book in let data = queryDocumentSnapshot.data() let title = data["title"] as? String
【Swift】SwiftUIのAlignment Guide まとめ - Qiita
SwiftUIを使用しているときに 複数のViewの配置を設定する場合 alignmentを使用することが多くあると思います。 しかし コンテナやViewやframeメソッドなど 色々な場所に指定できるため どれをどう使っていいのかがはっきりとしていませんでした。 そこで 今回はalignmentついてどうすればどう動くのかについて 見ていきたいと思います。 Alignment Guideとは？ 同じコンテナに含まれるViewとの相対的な位置を決めます。 垂直(Vertical)の配置と水平(Horizontal)の配置があります。 ※ コンテナとはVStackやGroupなどのViewを含むことができるViewのこと 図でイメージしてみる まずはイメージをつかむために 図で見てみます。 例えば水平の関係を図で示します。 ViewAを基点(0)として考えると ViewAは ViewBから2
MVVM with Combineチュートリアル for iOS - Qiita
struct OpenWeatherAPI { ... static let key = "<your key>" // Replace with your own API Key } これが完了したら、プロジェクトをビルドして実行します。メイン画面には、タップするボタンが表示されます。 「ベスト天気アプリ」をタップすると、詳細が表示されます。 現時点ではそれほど見栄えが良くありませんが、チュートリアルの終わりまでには見栄えがよくなります。 ：] MVVMパターンの紹介 Model-View-ViewModel（MVVM）パターンは、UIデザインパターンです。これは、集合的にMV*として知られるパターンのより大きなファミリーのメンバーです。これらには、モデルビューコントローラー（MVC)、モデルビュープレゼンター（MVP）などが含まれます。 これらの各パターンは、アプリの開発とテストを容易
SwiftUI を理解するために必要な Swift 5.1 の新機能 (some View編)
2019/08/07 Bonfire iOS #6 https://yj-meetup.connpass.com/event/136285/ apple/swift-evolution: SE-0255: Implicit return from single expressions https://github.com/apple/swift-evolution/blob/master/proposals/0255-omit-return.md SE-XXXX: Function Builders https://github.com/apple/swift-evolution/blob/9992cf3c11c2d5e0ea20bee98657d93902d5b174/proposals/XXXX-function-builders.md SE-0244: Opaque Result T
[Swift] SwiftUIのチートシート - Qiita
追記 - iOS15の対応表も追加しました。（間違いある場合はご指摘ください） - ※注意：本記事は Xcode 13.0 beta の環境で動作確認したものです。正式版では動作が変わる可能性もあります。 前置き とりあえず、SwiftUIチュートリアルを触り、後半の方はサク読みで一応見てみたが、、、 いざ、自分が作りたいものを考えたときに、あれ、、、画面遷移とかどうすんの？書いてなくね？ っていうのがチュートリアルの所感。。。（書いてあったらごめんなさいw） ってなわけで、実践的に使えそうなものを調べたり、リファレンス読んでごにょってたりして、、 それをまとめた感じです。 UIKitとの対応表 iOS15~ Views and Controls SwiftUI UIKit Note
![[Swift] SwiftUIのチートシート - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a3cabf04107af9315ddeac0f42557fe3f007beaf/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCU3dpZnQlNUQlMjBTd2lmdFVJJUUzJTgxJUFFJUUzJTgzJTgxJUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgyJUI3JUUzJTgzJUJDJUUzJTgzJTg4JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wYTZlOTAwZDBhYTQ1MzY0YzRhOWY4NTlhZTZlODBjNQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoY3JhbmUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTkxNzU0ZjE4ZmYyOTdmNTUzYjM0ZjQzOWIzOWFhNmYx%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qW95aSp44Kw44Or44O844OX5qCq5byP5Lya56S-IOODqeOCr-ODnumWi-eZuuODgeODvOODoA%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D3254788f76f8cb88ae08cf9af3b3e44d)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Connecting SwiftUI and Cloud Firestore
これからはじめるSwiftUI 〜iOSアプリ開発の新スタイル・新スタンダード〜
SwiftUI宣言型Swift構文によるUI構築のパラダイムシフト