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