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
1k
作りながら紹介するマンガビューワの機能
2024/09/19に開催された
はてなのモバイル開発大紹介!
での発表資料です。
動画は再生できません。
gurrium
September 19, 2024
Tweet
Share
More Decks by gurrium
See All by gurrium
プライベートでも毎日コードを書く暮らし / Hatena Engineer Seminar #18
gurrium
0
1.5k
FizzBuzz code golf by ruby
gurrium
1
250
Featured
See All Featured
Optimizing for Happiness
mojombo
376
70k
Thoughts on Productivity
jonyablonski
68
4.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
192
16k
How STYLIGHT went responsive
nonsquared
96
5.3k
YesSQL, Process and Tooling at Scale
rocio
170
14k
A Philosophy of Restraint
colly
203
16k
Building Applications with DynamoDB
mza
93
6.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Making Projects Easy
brettharned
116
6k
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