Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
⚪⚪の⚪⚪をSwiftUIで再現す る
Search
Sugiy
March 04, 2025
Programming
0
250
⚪⚪の⚪⚪をSwiftUIで再現す る
Sugiy
March 04, 2025
Tweet
Share
More Decks by Sugiy
See All by Sugiy
The Flutter Journey of Building a Live Streaming App — With a Side of Performance Tuning
u503
1
290
Swiftで我が家を より便利に、安全に!
u503
0
2.7k
PotatoTips_73.pdf
u503
0
100
Swiftでドローンを飛ばしてみた
u503
0
490
Other Decks in Programming
See All in Programming
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
470
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
260
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
200
20251016_Rails News ~Rails 8.1の足音を聴く~
morimorihoge
2
540
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
620
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
310
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
340
CSC509 Lecture 06
javiergs
PRO
0
260
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
470
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
nakita628
0
190
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
1
320
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
350
Featured
See All Featured
Bash Introduction
62gerente
615
210k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
35
6.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Transcript
⚪⚪の⚪⚪をSwiftUIで再現す る Swift愛好会 20250304 in DeNA Sugiy/Yugo Sugiyama
README 1. Sugiy/Yugo Sugiyama(Yugo Sugiyama) 2. iOS/Flutterエンジニア 3. Flutter製のスポーツ系ライブ配信サービスの開発をしてます 4.
和食と和菓子と魚が好き 5. 先週注文住宅の長い長い要件定義が終わった!
この形をSwift(UI)で再現しようと思った時に 困ったことはありますか?
実際のUIデザインではなくても、 これをSwift(UI)で作ったらどうなる? って思う時がある
トレーディングカードゲームといえば?
個人的には「遊戯王カード」
「遊戯王カード」の「アニメの召喚エ フェクト」を SwiftUIで再現する Swift愛好会 20250304 in DeNA Sugiy/Yugo Sugiyama
デモ
参考アプリのダウンロード • TestFlightからダウンロードできます ◦ https://testflight.apple.com/join/s5j2zJbS ◦ いつものスライド用アプリ ◦ macOS/iOS/iPadOSをサポート ◦
OTHER > Sample Views > Yugioh Effect • https://github.com/u5-03/YugiohCardEffect
Xcodeでのコード確認
線を表示するためのPathの条件を整理する 1. 線は中央のカードの上と右、左の辺から、それぞれの方向に伸びる a. 気持ち曲がるパターンを多めに、ランダムに生成する 2. 線は直進、左or右に1度曲がり、再び直線に戻る3パターンがある 3. 曲がるパターンの時は、始点方向ではなく、終点方向に伸びる a.
曲がる時の角度は25~35度の範囲にする 4. 最初に曲がるポイントは直線時の進捗率の 10%から60%の間にする 5. 2回目に曲がるポイントは最初に曲がったポイントの進捗率より大きい or 90%までの間のどち らか 6. 各辺上の各始点はある程度ばらけるようにする a. それぞれの点を表示すべき線の数で等間隔に区切り、そのそれぞれの間隔の中でランダ ムに始点を決定する 7. 始点は中央のカードの周囲の辺、終点は外部の枠 (事実上デバイスのエッジ)の枠を指定
結論・学んだこと 1. ただロマン実装 a. パフォーマンスとかまでしっかり考えた実装になっていない b. 他にも改善したいポイントはある 2. 色々なSwiftのAPIの使い方を知ることができた a.
普段なかなか使わないAPIを試すことができた 3. 複雑な仕様の要件を言語化して、整理する能力が鍛えられそう a. 自分で実装する時も、ChatGPTなどで出力する時も、その仕様の実装レベルまでの細分化・整理が必要 4. 「⚪⚪の⚪⚪をSwiftUIで再現する」、なんか他のシリーズもできそう
ちなみに...
さらにちなみに...
おしまい