作りながら紹介するマンガビューワの機能
by
gurrium
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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