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
1.2k
作りながら紹介するマンガビューワの機能
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
Art, The Web, and Tiny UX
lynnandtonic
298
20k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
How to train your dragon (web standard)
notwaldorf
90
5.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Gamification - CAS2011
davidbonilla
80
5.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Building Your Own Lightsaber
phodgson
104
6.2k
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