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
u5-03
March 04, 2025
Programming
0
220
⚪⚪の⚪⚪をSwiftUIで再現す る
u5-03
March 04, 2025
Tweet
Share
More Decks by u5-03
See All by u5-03
Swiftで我が家を より便利に、安全に!
u503
0
2.6k
PotatoTips_73.pdf
u503
0
98
Swiftでドローンを飛ばしてみた
u503
0
470
Other Decks in Programming
See All in Programming
Hack Claude Code with Claude Code
choplin
7
2.5k
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
390
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
0
120
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
170
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
yakenji
0
150
Porting a visionOS App to Android XR
akkeylab
0
680
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
170
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
280
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
260
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
200
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
7
2.4k
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Adopting Sorbet at Scale
ufuk
77
9.5k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Bash Introduction
62gerente
613
210k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Practical Orchestrator
shlominoach
189
11k
A better future with KSS
kneath
238
17k
BBQ
matthewcrist
89
9.7k
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で再現する」、なんか他のシリーズもできそう
ちなみに...
さらにちなみに...
おしまい