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
作りながら紹介するマンガビューワの機能
Search
gurrium
September 19, 2024
0
900
作りながら紹介するマンガビューワの機能
2024/09/19に開催された
はてなのモバイル開発大紹介!
での発表資料です。
動画は再生できません。
gurrium
September 19, 2024
Tweet
Share
More Decks by gurrium
See All by gurrium
プライベートでも毎日コードを書く暮らし / Hatena Engineer Seminar #18
gurrium
0
1.4k
FizzBuzz code golf by ruby
gurrium
1
240
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
329
21k
Gamification - CAS2011
davidbonilla
80
5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
15
2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Automating Front-end Workflow
addyosmani
1366
200k
We Have a Design System, Now What?
morganepeng
50
7.2k
Designing the Hi-DPI Web
ddemaree
280
34k
Happy Clients
brianwarren
97
6.7k
RailsConf 2023
tenderlove
29
890
How to Ace a Technical Interview
jacobian
276
23k
Transcript
作りながら紹介する マンガビューワの機能 id: gurrium 2024/09/19 はてなのモバイル開発大紹介! 1
自己紹介 • id: gurrium ◦ 読み方: ぐり • iOSアプリエンジニア 2
3 ビューワを作ります ※ 紙幅の都合上コードを省略する場合がありま す
環境 4 • macOS: Sonoma 14.6.1 (23G93) • Swift: 5.10
• Xcode: 15.4 (15F31d)
5 縦読みビューワ
縦読みビューワ 6
縦読みビューワ 7
8 横読みビューワ
横読みビューワ 9
横読みビューワ 10
11 横読みビューワ(RTL)
横読みビューワ(RTL) 12
横読みビューワ(RTL) 13
横読みビューワ(RTL) 14
横読みビューワ(RTL) 15
横読みビューワ(RTL) 16
17 ズーム
ズーム 18
ズーム 19
20 ジェスチャー
ダブルタップでズーム 21
画面端タップでページ送り 22
画面端タップでページ送り 23
24 SwiftUIでページを作る
SwiftUIでページを作る 25
SwiftUIでページを作る 26
27
28
29 スライダー
スライダー 30
スライダー 31
スライダー 32
スライダー 33
(再掲)横読みビューワ 34
スライダー 35
スライダー 36
紹介した機能 • 縦読み、横読み(LTR)、横読み(RTL) • ズーム • ジェスチャー • スライダー 37
GigaViewer for Appsにはある機能 • 見開き • 閲覧履歴 • オフラインでの閲覧 •
ページ画像のプリフェッチ • などなど… 38
39