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.5k
PotatoTips_73.pdf
u503
0
98
Swiftでドローンを飛ばしてみた
u503
0
470
Other Decks in Programming
See All in Programming
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
200
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
WindowInsetsだってテストしたい
ryunen344
1
240
ニーリーにおけるプロダクトエンジニア
nealle
0
780
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
230
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
3
440
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
140
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
620
Goで作る、開発・CI環境
sin392
0
210
LINEヤフー データグループ紹介
lycorp_recruit_jp
0
2.2k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
8.3k
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
680
Building an army of robots
kneath
306
45k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Music & Morning Musume
bryan
46
6.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
We Have a Design System, Now What?
morganepeng
53
7.7k
Code Reviewing Like a Champion
maltzj
524
40k
The Cult of Friendly URLs
andyhume
79
6.5k
Making Projects Easy
brettharned
116
6.3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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で再現する」、なんか他のシリーズもできそう
ちなみに...
さらにちなみに...
おしまい