Slide 1
Slide 1 text
作りながら紹介する
マンガビューワの機能
id: gurrium
2024/09/19 はてなのモバイル開発大紹介！
1
Slide 2
Slide 2 text
自己紹介
● id: gurrium
○ 読み方: ぐり
● iOSアプリエンジニア
2
Slide 3
Slide 3 text
3
ビューワを作ります
※ 紙幅の都合上コードを省略する場合がありま
す
Slide 4
Slide 4 text
環境
4
● macOS: Sonoma 14.6.1 (23G93)
● Swift: 5.10
● Xcode: 15.4 (15F31d)
Slide 5
Slide 5 text
5
縦読みビューワ
Slide 6
Slide 6 text
縦読みビューワ
6
Slide 7
Slide 7 text
縦読みビューワ
7
Slide 8
Slide 8 text
8
横読みビューワ
Slide 9
Slide 9 text
横読みビューワ
9
Slide 10
Slide 10 text
横読みビューワ
10
Slide 11
Slide 11 text
11
横読みビューワ(RTL)
Slide 12
Slide 12 text
横読みビューワ(RTL)
12
Slide 13
Slide 13 text
横読みビューワ(RTL)
13
Slide 14
Slide 14 text
横読みビューワ(RTL)
14
Slide 15
Slide 15 text
横読みビューワ(RTL)
15
Slide 16
Slide 16 text
横読みビューワ(RTL)
16
Slide 17
Slide 17 text
17
ズーム
Slide 18
Slide 18 text
ズーム
18
Slide 19
Slide 19 text
ズーム
19
Slide 20
Slide 20 text
20
ジェスチャー
Slide 21
Slide 21 text
ダブルタップでズーム
21
Slide 22
Slide 22 text
画面端タップでページ送り
22
Slide 23
Slide 23 text
画面端タップでページ送り
23
Slide 24
Slide 24 text
24
SwiftUIでページを作る
Slide 25
Slide 25 text
SwiftUIでページを作る
25
Slide 26
Slide 26 text
SwiftUIでページを作る
26
Slide 27
Slide 27 text
27
Slide 28
Slide 28 text
28
Slide 29
Slide 29 text
29
スライダー
Slide 30
Slide 30 text
スライダー
30
Slide 31
Slide 31 text
スライダー
31
Slide 32
Slide 32 text
スライダー
32
Slide 33
Slide 33 text
スライダー
33
Slide 34
Slide 34 text
（再掲）横読みビューワ
34
Slide 35
Slide 35 text
スライダー
35
Slide 36
Slide 36 text
スライダー
36
Slide 37
Slide 37 text
紹介した機能
● 縦読み、横読み(LTR)、横読み(RTL)
● ズーム
● ジェスチャー
● スライダー
37
Slide 38
Slide 38 text
GigaViewer for Appsにはある機能
● 見開き
● 閲覧履歴
● オフラインでの閲覧
● ページ画像のプリフェッチ
● などなど…
38
Slide 39
Slide 39 text
39