Appleの新しいUI構築フレームワーク「SwiftUI」を学ぶための教材まとめ #WWDC19 | DevelopersIO
SwiftUI はWWDC 2019のキーノートで発表された iOS/MacアプリなどのUIを構築するためのフレームワーク です。デベロッパーフレンドリーなコーディング＆直感的なデザインツールの組み合わせで、超簡単にUIを構築できる特長があります。例えばこんな感じです。 import SwiftUI struct ContentView: View { var body: some View { Text("Turtle Rock") .font(.title) .color(.green) } } struct ContentView_Preview: PreviewProvider { static var previews: some View { ContentView() } } これまで以上に簡単にUIが構築できることから、発表後iOSエンジニア界隈ではバズワードになっています
SwiftUI SwiftUI helps you build great-looking apps across all Apple platforms with the power of Swift — and surprisingly little code. You can bring even better experiences to everyone, on any Apple device, using just one set of tools and APIs. Advanced animation control Build sophisticated animations with expanded animation support. Use phases to create sequences of animations, or create multiple
※2022/04/23 追記 本記事の続編として、以下の記事を書きましたので、合わせて御覧ください。 仕事でSwiftUIでTCAを使ってみて、かなり知見がたまったので、その解説です。 MVVMからTCAへの移行を考えているのであれば、参考になると思います。 宣言的UIに、MVVMって不要なのでは？ iOS開発の現場で、宣言的UIが当たり前に使われるような時代になりました。 SwiftUIの開発体験、素晴らしい です。最高です。 しかし最近、SwiftUIで当たり前のように 「MVVMで開発しよう」 となったときに、 「ほんとにそれでいいんだっけ？」 と疑問に思いました。 自分の考えを深掘ってみると 問い: iOS開発で、宣言的UIにMVVMを採用することは本当にいいんでしたっけ？ 結論: 「SwiftUIを使うのであれば、MVVMを採用するのは止めよう」 理由： ViewModelの存在
宣言的UIの状態管理とアーキテクチャSwiftUIとGraphQLによる実践/swiftui-graphql
宣言的UI https://speakerdeck.com/sonatard/xuan-yan-de-ui GraphQL実践ノウハウ https://speakerdeck.com/sonatard/graphql-knowhow GraphQLの誤解 https://speakerdeck.com/sonatard/rethinking-graphql #RoppongiGraphQL https://twitter.com/sonatard/status/1439124499023101952
こんにちは！クラシルiOSアプリを開発しているknchstです。 昨今のモバイルアプリケーション開発では様々な要件があり、それらを満たすよう実装するには数々の苦難がありました。その一つとしてUIの状態、所謂State管理が難しくなってきています。ネットワークに接続し、またUIをアニメーションさせたりと、データとUIを同期するのは困難を極めます。 Rxなどのリアクティブフレームワークの利用が当たり前になり、ReactNaviteやFlutterなどのフレームワークをプロダクトに採用する企業も増えてきて、モバイルアプリのトレンドの風も、まさにこの方向に向かって吹き始めていました。 そして今年のWWDCでAppleがSwiftUIを発表してついに、その風は大きくなり今後のモバイルアプリの方向性を決定付けたと言っても過言ではないでしょうか。 今回は、SwiftUIとFlutterでアプリを開発する
ちょっとスクリプトを書くくらいの気持ちで作るSwiftUIアプリ - cockscomblog?
12年前くらいからiOS向けのアプリを作ってきた。最初は学生の個人開発、途中から仕事、そして最近は（仕事ではあまりやらなくなったので）趣味的にやっている。UIKitで、はじめの頃はUITableViewが難関だった。毎年のアップデートでUIKitはどんどん拡充されて、Objective-CはMRCからARCへ、そしてSwiftも出た。 毎年の変化を差分で学んできて、振り返ってみると、当初のそれからは大きく変わっていて、便利なんだけど、とにかく膨大だ。 SwiftUIの登場 というところで、2019年にSwiftUIが出た。SwiftUIを使うと、宣言的にユーザーインターフェースを構築できる。UIKitでできること全てをSwiftUIで実現できるわけではないが、それでも2020年のアップデートでかなりカバー範囲が拡がった。 それで、SwiftUIでちょっと何か作ったりしている。例えばメニュー
こんにちは。クックパッド事業本部 買物サービス開発部の藤坂（@yujif_）です。 2020年10月にクックパッド iOS アプリで「買い物機能」をリリースしました。今回はこの新機能の開発にあたって考えたことや取り組みについてご紹介します。 買い物機能とは レシピから買い物へ 買い物からレシピへ 実は SwiftUI で作られている 技術選定の背景 1. 本番で早く検証し、サービス開発の効率を上げたい 実生活の中で使って発見を増やす UI の「作って壊し」をやりやすく 2. SwiftUI のリスクを抑えつつ導入できる見込みがあった クックパッド iOS アプリでは 2メジャーバージョンをサポート 機能・画面単位で切り分けやすいアーキテクチャ 【方針】View 層のみで SwiftUI を部分的に導入する 実装 既存のVIPER アーキテクチャへの SwiftUI の組み込み UIView
個人開発の SwiftUI アプリのアーキテクチャを MVVM から MV にした - maiyama4's blog
概要 SwiftUI Advent Calendar 2023 の 21 日目です。 最近趣味で iOS の podcast クライアントを SwiftUI で作っているのですが、やってみると podcast クライアントはアプリとしてそれなりに難しいことがわかってきました。作っているうちにどんどん状態管理が複雑になってきて、個人開発でなぜこんなにがんばりが必要なんだと思って開発が止まっていたのですが、最近 iOS 17 の登場をきっかけにアプリを全般的に書き直すことにして、同時にアーキテクチャを変えてみました。これにより構成がシンプルになって開発効率が上がり、開発を再開することができました。具体的には、 from: １画面に１つ ViewModel（ObservableObject）を作り、 View から ViewModel を監視する MVVM to: View から直接 Model
ICカードリーダーのiOSアプリをSwiftUIで開発しました - Money Forward Developers Blog
こんにちは。 経費精算サービス「マネーフォワード クラウド経費」の開発チームでiOSエンジニアをしている河島です。 本日、ICカードリーダー by マネーフォワードのiOS版アプリをストアに公開しました。 交通系ICカードから利用履歴を取得して表示したり、マネーフォワードのサービスと連携して家計簿や経費精算などに役立てていだだけるアプリになっているので、よろしければダウンロードして使っていただけると嬉しいです。 今回はそのICカードリーダーアプリの開発について共有してみようと思います。 動作イメージは以下のような感じです。 経緯 マネーフォワードでは、以前からICカードリーダー by マネーフォワードのAndroidアプリを提供しており、ユーザーの皆様から経費精算などに便利だと好評いただいておりました。 iOS版が欲しいというご要望もあったのですが、FeliCaから必要な情報を取得するAP
2019年8月以降のお仕事を大募集 🐶 — Firebase / Flutter / iOS / Swift / SwiftUI
[2019/07/24 追記] 募集締め切りましたある程度目処が立ってきたので今回の機会としては募集終わりにさせていただきます。色々お声がけいただき、とても感謝しています。 [2022/04/14 追記] 改めて、継続的にお仕事募集中ですFlutter/Firebaseなどのお仕事のご相談 記載の条件で改めてお仕事のご相談を受け付けております(記載の通り稼働に空きが無い状態が続いていて即お請けすることは難しい状況ですが)。 2017年8月頃からiGhost・iActorという2つの兄弟アプリの開発に従事していまして、2018年2月にリリース後ユーザーからとても高い評価を得つつがんばっておりましたが、社長が会社ごとクローズするという決断を急に下しました。これまでそちらでフルタイムで働いてましたが、2019年8月以降の仕事が急にゼロになった次第です。少なくとも今年いっぱいはそのサービスをやり切
はじめに こんにちは．R&D チームの久保です． 現在 JavaScript や JavaScript にトランスパイルする言語 (TypeScript, 新し目の ECMAScript など) が主流であるフロントエンドの Web アプリケーションフレームワーク界隈ですが，数年前に WebAssembly の実行が主要ブラウザ全てでサポートされて以来，ひそかに他の言語によるフレームワークが増えつつあるのをご存知でしょうか？しかもそれらは，JavaScript でデファクトスタンダードとなりつつある React や Vue.js などと同様，仮想 DOM を実装していたりします． 例としては C# (.NET) の Blazor, Rust の Yew, Go の Vugu, C++ の asm-dom などがあります．ただ，現時点ではその多くが実験的なプロジェクトであり，今すぐに Jav
こんにちは。会員事業部の岡村 (@iceman5499) です。 普段はクックパッドアプリ（iOS）を開発しています。 先日San Joseで開催されたWorldwide Developers Conference 2019 (WWDC19)に参加し、そこでSwiftUIの発表をうけていくつか調べたことがあるので簡単にまとめておきたいと思います SwiftUIの登場 今年のKeynoteの最後に、SwiftUIという新たなUIフレームワークが発表されました。 SwiftUIはReactやFlutterのような形式でViewを宣言して画面を構築できる、これまで使用されてきたUIKitとは全く異なる形式のフレームワークです (AppleのSwiftUI紹介ページ ) この発表をうけてKeynoteはとても盛り上がっていました。期間中もSwiftUIの話題でもちきりで、セッションも多く開かれてい
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
山奥の砦（八王子市）からminneのiOSチームでアーキテクチャや開発環境を色々と見ているjoshです。SwiftUIとCombineが発表されたWWDC 2019から、SwiftUIとUIKitの混在状態を前提としたminneアプリに最適なアーキテクチャについて検討・議論した結果、最近色々と決まったので、紹介したいと思います。 まず、アーキテクチャ決めの目的ですが、テストしやすい形で迷わずに開発でき、機能開発を効率よくしつつ、今後の保守や変更も楽に行い、生産性と品質を上げることです。minneは特徴として、ネットワーク通信の多いアプリで、Universal Linksやプッシュ通知など、数多くの起動経路を持っています。また、minneマーケットプレイスの作品をさまざまな購入方法で提供しているので、開発をする中で特にその周りで不具合が出ないように日々開発しています。作家、購入者・ゲストごと
はじめに 導入に向けて検討したこと 流れ 1. UIKit 及び Storyboard をどのように置き換えるのか 2. 書き慣れた MVVM パターンを維持できるのかどうか 3. 既存のプロジェクト構成でもスムーズに導入できるのか 4. アプリのサポートOSが iOS14.0+ だが、 SwiftUI 特有の苦しみは問題なさそうか 5. 本当に開発効率は向上できるのか 導入決定後から本格対応までにやったこと 流れ 1. 画面構成がシンプルで、利用頻度の低い設定画面の SwiftUI 化 2. チーム勉強会の時間を使って一緒に学習 実践 移行計画 成果 おわりに We are hiring! はじめに N予備校 iOS アプリ 開発チームでは、長い間 UIKit & Storyboard & RxSwift & MVVM で開発してきました。 以前から「Storyboard やめたい！」「
Macアプリに使用されているフレームワークをAppKit、SwiftUI、macOS Catalyst、UIKit、Electronの5つから特定してくれるユーティリティ「5 GUIs」を使ってみた。
アプリをドラッグ＆ドロップするだけで、アプリに使用されているAppKitやSwiftUI、macOS Catalyst、UIKit、Electronフレームワークを特定してくれるMac用ユーティリティ「5 GUIs」を使ってみました。詳細は以下から。 現在、Macアプリの開発には様々な方法があるものの、GUIの実装には主にAppKitとSwiftUI、macOS Catalyst、UIKit、Electronフレームワークが使用されていますが、この5つの内どのフレームワークがアプリに使用されているかを特定＆表示してくれるMac用ユーティリティアプリ「5 GUIs」が公開されていたそうなので、実際に試してみました。 5 GUIs is a simple file analysis tool that detects which of these 5 GUI frameworks a Mac
SwiftUIの魔法を実現する仕組み (Custom Attributes, Function Builder) - Qiita
SwiftUIの魔法を実現する仕組み (Custom Attributes, Function Builder)SwiftSwiftUI Introduction WWDC19でSwiftUIが発表されてiOS開発者界隈は騒然となりました。11年あるiOSの歴史のなかでSwiftの発表に次ぐ大きなインパクトのあるリリースだと言っても過言ではないでしょう。内容としては、Flutter, Kotlin Jetpack Composeに次ぐReact-likeなView構成フレームワークなのですが、iOS開発が大幅に効率化することは間違いありません。Flutterの導入なども本格的に検討していたので、本格投入する前に発表があって正直ほっとしています。 不思議構文 さて、発表を見て、よく訓練されたiOSエンジニアの方はひと目で気がついたかも知れませんが、スライドに写ったVStackを作るところで不
iOSプロジェクトに対してモジュール分割しながらSwiftUIを部分適用している事例 - Mirrativ Tech Blog
こんにちは、クライアントエンジニアの竹澤(@to4iki)です。 MirrativのiOSチームでは、開発効率の最大化を狙い以下に取り組んでいます。 データフローの単方向化 (Fluxアーキテクチャの強制) 宣言的UIによるView実装 (SwiftUIの部分適用) 責務分割 (モジュール分割) 今回の記事では、どのような構成でSwiftUIを適用し始めたか、また、MirrativのiOSプロジェクトの構成やプロダクト特性の課題感からセットでモジュール分割を進めている点を紹介します。 背景 前提となるプロジェクト構成 導入に向けて決めたこと SwiftUIでどこまで実装するか 本体アプリではなくSwiftPackageを活用する 垂直分割するか水平分割するか 方針やTipsを明文化し育てる 新規開発部分のUI開発をFeatureモジュールで行う SwiftPackage: SwiftUI.
SwiftUI is a modern way to declare user interfaces for any Apple platform. Create beautiful, dynamic apps faster than ever before.
Very Good Ventures re-built the SwiftUI sample app to do a side-by-side comparison of SwiftUI and Flutter, and found there’s a lot to love about both. Kevin Gray (Principal Engineer), Martin Rybak (Engineering Director), and Albert Lardizabal (Principal Engineer) contributed to the writing of this article and the development of the Flutter Landmarks project. Read more of their content on the Very
SwiftUIと宣言的UI
SwiftUIと宣言的UI SwiftUIの登場によりiOSでも宣言的UIを意識してUIを構成する日々が始まりました。 この記事ではそもそも宣言的UIとは何か。また、宣言的UIの利点やSwiftUIで宣言的UIを実現するためにどういう機能が提供されているかを書いていきます。 また、SwiftUIで提供されている状態管理についても解説します。 宣言的UIと命令的UI そもそもの宣言的UIと命令的UIがどういうものかを見ていきましょう。言葉にすると下のような違いがあります 宣言的UI: 何でViewが構成されているのか記述されている 命令的UI: どのようにViewが構成されているのか記述されている 具体的な例とともに見ていきます 命令的UI まずは命令的UIです。UIKitで書いていきます。ここでは命令的UIの説明に集中したいので実際の動くコードではなく省略したもので書いていきます。実際の動
Kyash iOS アプリの履歴画面を SwiftUI でリファクタリングした話 - Kyash Product Blog
こんにちは。Kyash の Mobile チームで iOS アプリを開発している id:muijp です。 Mobile チームでは、日々の機能開発の合間に生産性向上のための取り組みを行っています。この記事では、その一環として行ったリファクタリングの事例を紹介します。 Kyash の履歴詳細画面 Kyash のアプリでは、決済などによるお金の動きが以下のように履歴として一覧できるようになっています。履歴の項目をタップすると、その取引についてより詳しい情報を見られる履歴詳細画面に遷移します。 履歴詳細画面の課題 Kyash では決済以外にも送金・入金・出金など様々な操作ができるので、それによって作られる履歴の種類も多く、2021年5月にリリースした v8.0.0 の時点で22種類の履歴が存在していました。Kyash では MVVM アーキテクチャを採用しており、以下の図のようにそれぞれの履歴
SwiftUIの特徴 SwiftUIを書いていると、VStackやHStackなどが登場しまるでUIを軽快なDSLの上で構築している気持ちになる。あながち間違っているわけではないが、SwiftUIはあくまで「宣言」の羅列であり実際にビューの構築を行う訳ではないことに注意しなくてはならない。 例えばrefreshableはListにPullToRefreshを付与するモディファイアであるが、それはあくまで実行して得られた結果に過ぎない。 この挙動が今後どうなるかをユーザーはコントロールすることが出来ないのだ。 これはどういうことかというと、今後AppleがOS全体の更新を「端末をシェイクする」としたとする。 すると、アプリのUIはコードを変更せずともPullToRefreshのコントロールが消えてシェイクで更新に変わるのだ。 これはSwiftUIに限った話ではなく、UIKitでもOSのアップ
SwiftUI by Example - free quick start tutorials for Swift developers
SwiftUI by Example is the world's largest collection of SwiftUI examples, tips, and techniques giving you almost 600 pages of hands-on code to help you build apps, solve problems, and understand how SwiftUI really works. Also available as a download edition Introduction A brief explanation of the basics of SwiftUI Don’t panic! What is SwiftUI? SwiftUI vs Interface Builder and storyboards Frequentl
Apple Developer Documentation - SwiftUI Essentials - Creating and Combining Views
This tutorial guides you through building Landmarks — an app for discovering and sharing the places you love. You’ll start by building the view that shows a landmark’s details.
SwiftUIで一晩で作ったiPhoneアプリのDockアニメーションの動画が話題に - iPhone Mania
SwiftUIでは、Swiftを利用してすべてのAppleプラットフォーム向けに、できるだけ少ないコードで美しいアプリを構築できますが、わずか一晩で作ったというiPhoneインターフェースが注目を集めています。 Dockの中に並んだアプリをスムーズにシフト ユーザーインターフェース（UI）デザイナーのフィリップ・デイヴィス氏（@philipcdavis）は、SwiftUIで昨夜作ったというiPhoneインターフェースのデモ動画を公開しました。 Here’s a magnification effect I made last night in SwiftUI. It would be interesting to see something like this used to enable more apps in the dock. pic.twitter.com/1ptMQv3GI5
GitHub - Juanpe/About-SwiftUI: Gathering all info published, both by Apple and by others, about new framework SwiftUI.
Since past Apple's keynote, where SwiftUI was announced, tons of docs, examples, videos and tutorials have appeared. The goal of this repository is to gather all this information having a unique place where looking for info about SwiftUI. SwiftUI is an innovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift. Build user interfaces for any App
SwiftUIで紐を表現する
概要 Twitterで惚れ惚れするようなリアルな紐の表現を見かけたので、見様見真似で実装してみました。 前提 厳密な物理法則に従うものではなく紐っぽい動きを表現するような実装です。 また高校一年生レベルの物理(等加速度直線運動・フックの法則等)を使います。 GitHub HomeAppDemo 参考 ベジェ曲線の算出方法。 Cubic Bézier: from math to motion Spring Animationの説明とプログラムの実装。 The physics behind spring animations 単振動の説明(序盤のみ視聴) Coding Challenge #160: Spring Forces [SwiftUI] .offset と .position の違い positionは親ビューに対しての座標となることに注意。 各Viewの座標系を考慮すると話がややこ
SwiftUIで利用可能なアニメーションをプレビュー/書き出しできるMac用アニメーション・プレイグラウンドアプリ「MotionScape」がリリース。
SwiftUIで利用可能なアニメーションをプレビュー/書き出しできるMac用アニメーション・プレイグラウンドアプリ「MotionScape」がリリースされています。詳細は以下から。 SwiftUIでアプリを開発する際、オブジェクトにアニメーションを追加したい場合がありますが、その際に、SwiftUIで利用可能なアニメーションをプレビューできるMacアプリ「MotionScape」がリリースされています。 MotionScape is your animations playground as a developer. You can see all animations and their parameters in effect with beautifully designed and handcrafted animation examples. MotionScape – Anim
Inside SwiftUI @State編 - kateinoigakukunのブログ
WWDCでSwiftUIが発表されてから数日が経ちました。一気に世界が変わった気がしますね。 ただ、UIKitと同様にSwiftUIはオープンソースでは無いため、我々開発者は依然挙動をエスパーしながら開発する必要があります。 その中でも、SwiftUIのチュートリアルを試している中で不思議な仕組みがいくつかあったので、僕が調べたSwiftUIの内部構造について書き留めておきます。 （あくまで考察なので間違っていても悪しからず） 追記（2022-09-15） 未だにアクセスがあるので追記。 TokamakというSwiftWasmでSwiftUI互換なコードを書くためのUIフレームワークがあり、 ここで考察した内容とほぼ同じようなテクニックを使ってStateを実装しています。 具体的な実装が気になる方は読んでみてください。 github.com 目次 @State編（今ココ） DynamicV
SwiftUIアプリ開発実践ポイント - Qiita
こんにちは、たなたつです SwiftUIが発表されて半年ほど経ちましたね。あっという間に時間は過ぎていき、iOS 13以降じゃないと使えないし、まだ気にしなくていいでしょなんて言ってられなくなるのもあっという間な気がします。 iOS Advent Calendarの5日目ということで今回は、いくつかSwiftUIでサンプルアプリを作ったり、実際にアプリをリリースしたりした中でたまってきた知見を書こうと思います。 SwiftUIは様々なプラットフォームで動きますがiOSアプリに注目し、開発する前に知っておきたい実践的なポイントなどを共有します。 ※ Xcode 11.2.1、iOS 13.2.1 での動作を元に記事を書いています。 SwiftUIの特徴 少ないコードでUIを作れる (コードレイアウト) 宣言的に記述できる Appleのすべてのプラットフォームで動く ただし、iOS 13、ma
6月3日（現地時間）に開幕したWWDCは基調講演でiOS13、iPadOS、macOS Catalina、Mac Pro、Pro Display XDRなどが発表され、世界中のAppleファンを喜ばせました。しかし開発者にはこれら以外にも驚くべき発表がありました。 ユーザーインターフェースフレームワーク Appleが提供するプログラミング言語「Swift」はアプリの開発を速く、簡単に、そしてよりインタラクティブにすることを目的として作られました。そしてSwiftがこれら目的を達成するために、洗練されたアプリケーションUI構築を可能にする「SwiftUI」を組み込むとWWDCの基調講演最後の部分で発表されました。この発表は一般ユーザーにはあまり関係がないのですが、会場にいた参加者（主に開発者）は大きな拍手で歓迎しました。 SwiftUIを使うことで、iOS13から搭載されるダークモードやアク
はじめに 日曜日で暇なので， SwiftUIを使ってドラえもんを作ってみました． この記事で完成するドラえもんは以下の画像です． 口を開けているドラえもんは難しそうなので断念しました． かなり本物に近くないですか？笑 さぁ作って行きましょう． 土台づくり まず，以下の画像のような土台となる青の円とその中にある円から作って行きましょう． ドラえもんって意識してませんでしたが，地味に楕円なんだと感じました． 確かによくよく見たら楕円なんですよね． 土台の色のみ，Asset Catalogで色を管理しています． (鼻も管理した方が良さそう...) 以下コードです． struct base: View { var body: some View { ZStack { // 土台 Ellipse() .overlay( Ellipse() .stroke(Color.black,lineWidth:
Easily preview Mermaid diagramsLive update when editing in your preferred editorCapture screenshots with customizable marginsCreate PNG from the TerminalFree download on the Mac App Store MethodologyThe methodology and tools to create this article have been detailed in my previous posts. If you are interested, please refer to: Apple’s use of AppKit, Mac Catalyst and SwiftUI in macOSEvolution of th
はじめに 問題点 ベンチマークテスト(Sampleコードで実演) 計測方法 パターン1: Identifiableに適合したデータのリスト表示 ベンチマークスコア パターン2: リスト内ボタンの表示 ベンチマークスコア ベンチマーク結果 問題発覚と調査 解決方法 改善とその結果 パターン3: UIViewControllerRepresentableを利用したリスト表示 パターン4: 従来通りのUIKitのUITableViewを利用したリスト ベンチマーク結果 改善の結果 総括 We are hiring! N予備校春の入学無料キャンペーンのお知らせ はじめに こんにちは。N予備校iOSアプリ開発チームです。 以前、N予備校iOSアプリへ SwiftUI を導入するまでの道のりについてという記事を書かせていただきました。今回は導入しSwiftUI化を一部の画面で行った結果、どうなったかを
GigaViewer for Appsで使っている便利SwiftUIコンポーネント５連発！ - Hatena Developer Blog
2021年11月にはてなが開発しているマンガビューワのアプリ版である「GigaViewer for Apps」を提供開始しました。 hatenacorp.jp 同日に、その最初の導入事例としてコミックガルド＋をリリースしています。 GigaViewer for AppsのiOSアプリはSwiftUIをフルに活用して開発をしています。この記事では実際に使っているSwiftUIの便利コンポーネントをソースコード付きで紹介します！ GigaViewer for Appsに関しては、座談会の記事や、Android版の設計について書いたブログもありますので、あわせてお読みください。 この記事では主にカスタムコンポーネントの使い方を紹介します。コンポーネントの実装サンプルはリポジトリに公開しているので、こちらもご確認ください。 github.com PageViewController - UIPag
Jetpack Compose, React, Flutter, SwiftUIを比較する - Blog - Mori Atsushi
宣言的UIの考え方はReact、Flutter、SwiftUI、Jetpack Composeと広がり、ほぼ全てのプラットフォームで利用できるようになりました。 今までのHTMLやXMLに対して命令的に処理を書くのに対し、宣言的UIはUIの構築や更新を圧倒的に簡素にしてくれます。 また、差分更新の仕組みを備えているものも多く、パフォーマンスの向上も見込めます。 今回はいくつかある宣言的UIのツール群の中から、代表的なJetpack Compose、React、Flutter、SwiftUIを個人的な見解も含めて比較していきます。 コンポーネントの記述宣言的UIの大きなメリットの一つに、再利用可能なコンポーネントが挙げられるでしょう。 StatelessコンポーネントとStatefulコンポーネントそれぞれについて比較を行います。 SwiftUI Statelessコンポーネントまずは状態を
SwiftUIドキュメント
SwiftUIの基本から機能の詳細までわかりやすく解説。機能ごとに使用できるメソッドや使用例などを多く記載
Fucking SwiftUI is a curated list of questions and answers about SwiftUI. All the answers you found here don't mean to be complete or detail, the purpose here is to act as a cheat sheet or a place that you can pick up keywords you can use to search for more detail. Unable to access this site due to the profanity in the URL? https://goshdarnswiftui.com is a more work-friendly mirror. FAQ Frequently
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SwiftUI Overview - Xcode - Apple Developer
「SwiftUIでMVVMを採用するのは止めよう」と思い至った理由 - Qiita
宣言的UIフレームワーク 「SwiftUI」と「Flutter」を比較してみた - dely Tech Blog
SwiftUI を活用した「レシピ」×「買い物」の新機能開発 - クックパッド開発者ブログ
SwiftUI で Web アプリという可能性 - OPTiM TECH BLOG
SwiftUIで使用されているSwift5.1の新機能 - クックパッド開発者ブログ
SwiftUI時代におけるminneのリアクティブアーキテクチャ - Pepabo Tech Portal
N予備校iOSアプリへ SwiftUI を導入するまでの道のりについて - ドワンゴ教育サービス開発者ブログ
Introducing SwiftUI | Apple Developer Documentation
Building the SwiftUI Sample App in Flutter
SwiftUIにおける拡張。そして再発明の危険性 - Qiita
SwiftUIを利用しiOS/iPadOS、macOSのクロスプラットフォームに対応したオープンソースのMastodonクライアント「Ice Cubes」がリリース。
WWDCで開発者を驚かせたSwiftUI - iPhone Mania
SwiftUIで作るドラえもん【顔編】 - Qiita
Apple’s use of Swift and SwiftUI in iOS 17
N予備校iOSアプリへ SwiftUI を導入してみて List編 - ドワンゴ教育サービス開発者ブログ
Fucking SwiftUI - Cheat Sheet