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
20190907 c4ljpconf2019 pre
Search
Yuka Egusa
September 07, 2019
Technology
0
130
20190907 c4ljpconf2019 pre
Yuka Egusa
September 07, 2019
Tweet
Share
More Decks by Yuka Egusa
See All by Yuka Egusa
2023-11-24-dashorttalk
yegusa
0
100
2022-11-16-lf2022-da
yegusa
0
230
2022-11-15-lf2022-enju
yegusa
0
180
2022-10-21-jp-cos-jp-textbook-LOD-intro
yegusa
0
300
2022-09-04-c4ljpconf-10th-anniversary
yegusa
0
130
2021-11-26-LF2021-Enju
yegusa
0
230
c4ljp2021 presentation
yegusa
0
290
2020-11-27 Find Resources
yegusa
0
190
2020-11-04 saveMLAK LibraryFair2020
yegusa
0
180
Other Decks in Technology
See All in Technology
GoogleのAI Agent
shukob
0
140
実践Kafka Streams 〜イベント駆動型アーキテクチャを添えて〜
joker1007
0
500
継続戦闘能⼒
sansantech
PRO
0
220
JNation 2025 - Quarkus for Spring Developers
edeandrea
PRO
0
110
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
38k
LT:組込み屋さんのオシロが壊れた!
windy_pon
0
480
SmartHRの複数のチームにおけるMCPサーバーの活用事例と課題
yukisnow1823
2
1.2k
Flutterアプリを⾃然⾔語で操作する
yukisakai1225
0
110
いまさら聞けない Git 超入門 〜Gitって結局なに?から始める第一歩〜
devops_vtj
0
170
プラットフォームとしての Datadog / Datadog as Platforms
aoto
PRO
1
340
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
360k
大手企業のAIツール導入の壁を越えて:サイバーエージェントのCursor活用戦略
gunta
19
5.6k
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
523
40k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
It's Worth the Effort
3n
184
28k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Thoughts on Productivity
jonyablonski
69
4.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
4 Signs Your Business is Dying
shpigford
183
22k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.3k
Transcript
% # "! $ $
! " # 1 201997 Code4Lib JAPAN Conference 2019
• AVQL IJ&KP -<,/9=)*6 & • /028:7<(0 ">E NU
• >E S • 5'(;&5+;1-4#T )*6.3>E "&GC" ORH U% # !D@?F "$B M 2
• 75 '*'*# & =(%-4$! "*+ ),6 •
;09.>3<JavaScript(Viewer.js) 2:/8 71 3
http://www.nier.go.jp/library/rarebooks/ HTML
4
1 • 5
2 • 6
3 • 7
4 • 8
• 5@>9?< Apache :7 •
#) ,#)48/(2 PHPPostgreSQL3%'2 AC • ,,1$*0-1"33 %'2AC Flash; • 5@> ;6=+!.&' (JPG,PNG,PDF ;B • 9
• • HTML •
CSS • (Bootstrap) • JavaScript • (Viewer.js) • JPG • PNG • PDF 10
• 8< " #"
# -' 9/ • G>H" #" # • 41G0D+%=2,*6+%;7()53E !" # • https://www.nier.go.jp/library/rarebooks/ • F3E<300A$C@B • .: • .: 3E?& @B 11
• HA ?P • #+'3@C • S8
#+'3 DU M?P • <J:T?P • (1-!49TQF.2")7& • <J>K=NE/)*"75, • HA ?P • $6,@C • @C?PGR$6, $0, OV $6,BL DU9T QF ?P Viewer.js HA HTML37%<a href=…HA ; I 12
Viewer.js • JavaScript • • https://fengyuanchen.github.io/viewerjs/ •
) • Release • https://github.com/fengyuanchen/viewerjs/releases 13
(1) • )( $ 1JPG, •
+-*1MB!$&145ppi • )( $ JPG, • +-*100KB (!$&72ppi) • , )( $ PDF , • )( $JPG'%& # • )( $JPG " # 14
(1)’ • =%98!( 6!* '/@5
• http://www.nier.go.jp/library/rarebooks/painting/370.9 8-314/ • ,F&7-)$2&53"#1.G • :0<+4 D C 15 >? USBABE;
(2) Viewer.js • Viewer.js !! • https://github.com/fengyuanchen/viewerjs/releases
• %-' Source code (zip)$! 16 "/: 2019.9.4&) viewerjs-1.3.6.zip *+ USB ! ,.0( $# 1
(3) viewerjs-xxx.zip* • viewerjs-xxx.zip* 17 *
2019.9.4 viewerjs-1.3.6.zip USB !"# $
(4) HTML • viewerjs-xxx/docs/examples viewer-in-modal.html
18
(5) HTML • Lunch the demo
• • + • 19
(6)HTML <ul class="pictures">
<li><img data-original="../images/tibet-1.jpg" src="../images/thumbnails/tibet-1.jpg" alt="Cuo Na Lake"></li> <li><img data-original="../images/tibet-2.jpg" src="../images/thumbnails/tibet-2.jpg” alt="Tibetan Plateau"></li> 20
21
(7) • iwerjs-xxx/docs/images
1.jpg 2.jpg22
(8) • viewerjs-xxx/docs/example/ viewer-in-modal.html • •
• • <li><img data-original="../images/tibet-1.jpg" src="../images/thumbnails/tibet-1.jpg" alt="Cuo Na Lake"></li> <li><img data-original="../images/tibet-2.jpg" src="../images/thumbnails/tibet-2.jpg" alt="Tibetan Plateau"></li> 23
24 “tibet-”
(9) • viewerjs-xxx/docs/example/ viewer-in-modal.html → 25
• .0 '")% !($& , •
-2+/ ! ($&1 *#), 26
• ZT>;I@FL
Q7A:viewer.js P=8G • _ • altOJU[!9NX • <title>,'U[!9NX • %0(4D^b • 1)"6!a` • 2$5-?K<R • HC1,! • ZW9N]\3"+6*(CC BY!VE • HTMLWY.#/&! • FBtwitter\9NBKMS • 27
28
Viewer.js! • 97*4JPG,PDF
• ;<ul></ul> /0 ) 36 8- ': (+15 !#"%$& 2 97*4 • ,.<li> <img data-original=“../images/1.jpg” src=“../images/thumbnails/1.jpg” alt=“Cuo Na Lake”> </li> • 8-<li><a href=="../images/1.jpg”><img src="../images/thumbnails/1.jpg" alt="Cuo Na Lake"></a></li> 29
(1) • </li> 30
(2) 31 <ul class="pictures"> <li><img data-original="../images/tibet-1.jpg" src="../images/thumbnails/tibet-1.jpg"
alt="Cuo Na Lake">1</li> <li><img data-original="../images/tibet-2.jpg" src="../images/thumbnails/tibet-2.jpg” alt="Tibetan Plateau">2</li>
PDF 32 <ul> <li><a href="../images/normal.pdf"> </a></li> <li><a href="../images/orgdata.pdf">
</a></li> </ul>
HTML (1) • HTML4 2 #$!
%+ • The W3C Markup Validation Service https://validator.w3.org/ • -175.92 '*& "(, )68 2 : • 0368 #$! / 33
HTML (2) • https://validator.w3.org/ • Validate by File
Upload • • Check • OK 34