Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
作りながら紹介するマンガビューワの機能
Search
gurrium
September 19, 2024
4.1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
作りながら紹介するマンガビューワの機能
2024/09/19に開催された
はてなのモバイル開発大紹介!
での発表資料です。
動画は再生できません。
gurrium
September 19, 2024
More Decks by gurrium
See All by gurrium
大量のiOSシミュレータにアプリをインストールする
gurrium
0
180
プライベートでも毎日コードを書く暮らし / Hatena Engineer Seminar #18
gurrium
0
1.7k
FizzBuzz code golf by ruby
gurrium
1
360
Featured
See All Featured
Done Done
chrislema
186
16k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
250
Designing Powerful Visuals for Engaging Learning
tmiket
1
570
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
250
First, design no harm
axbom
PRO
2
1.3k
Accessibility Awareness
sabderemane
1
210
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1k
How STYLIGHT went responsive
nonsquared
100
6.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
It's Worth the Effort
3n
188
29k
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