電子書籍に挑戦した。その時に利用した技術のさわりを紹介

WEB TOUCH MEETING 71 でのセッションスライドです。
http://webtouchmeeting.doorkeeper.jp/events/15334

解説とか
http://blog.eiel.info/blog/2014/09/21/great-h-book-osc-2014-and-wtm71/

すごいHiroshimaの本置き場
http://great-h-book.eiel.info/

Transcript

1. ిࢠॻ੶ʹ௅ઓͨ͠ ͦͷ࣌ʹར༻ٕͨ͠ज़ͷ͞ΘΓ 2014-09-20 ୈ71ճ WEB TOUCH MEETING
2. ͻΉΒ ͱ΋ͻ͜ • WebΞϓϦέʔγϣϯͷ࡞੒ • iOSΞϓϦέʔγϣϯͷ࡞੒ • ϥΠτχϯάτʔΫۦಈ։ൃ ࣮ફऀ
3. ࠓ೥ެ։ͨ͠εϥΠυ͕21ӽ͑ͨ…
4. ΞδΣϯμ ిࢠॻ੶Λͭͬͯ͘Έͨ ॻ੶Λͭ͘Δπʔϧ Re:VIEW ܧଓతσϦόϦ ·ͱΊ
5. ిࢠॻ੶Λͭͬͯ͘Έ·ͨ͠
6. ໨త • ΦʔϓϯιʔεΧϯϑΝϨϯεͰలࣔ • Ұ౓͸࡞ͬͯΈ͍ͨ
7. ࡞੒ͨ͠ిࢠॻ੶ͷ঺հ
8. ഑෍৔ॴ: ͍͢͝Hiroshimaͷຊஔ͖৔ http://great-h-book.eiel.info/
18. ΞδΣϯμ ిࢠॻ੶Λͭͬͯ͘Έͨ ॻ੶Λͭ͘Δπʔϧ Re:VIEW ܧଓతσϦόϦ ·ͱΊ
19. ར༻ٕͨ͠ज़ ॻ੶ͷ࡞੒ Re:VIEW gnuplot Octokit ίϯςϯπͷੜ੒ ܧଓతσϦόϦ Git GitHub όʔδϣϯ؅ཧ ܧଓత ΠϯςάϨʔγϣϯ Wercker σϓϩΠϝϯτ Amazon S3 ௨஌ Twitter
20. ར༻ٕͨ͠ज़ ॻ੶ͷ࡞੒ Re:VIEW gnuplot Octokit ίϯςϯπͷੜ੒ ܧଓతσϦόϦ Git GitHub όʔδϣϯ؅ཧ ܧଓత ΠϯςάϨʔγϣϯ Wercker σϓϩΠϝϯτ Amazon S3 ௨஌ Twitter
21. Re:VIEW ϓϨʔϯςΩετ ϚʔΫΞοϓݴޠ ม׵ઌ ePub PDF inDesign inao ٕज़ॻͷ࡞੒
23. ࠷গͷαϯϓϧΛͭͬͯ͘Έͨ
26. ࠷গͷαϯϓϧ config.yml catalog.yml main.re stylesheet.css
27. config.yml # ϑΝΠϧ໊ʹͳΔ bookname: review-hello-world # ຊͷ໊લ booktitle: ిࢠॻ੶΁Α͏ͦ͜
28. catalog.yml CHAPS: - main.re
29. main.re = Hello, World ! ͜Μʹͪ͸ిࢠॻ੶ ! @<ruby>{ిࢠॻ੶,͍ʹ͑͠ͷ͠ΐ΋ͭ}ʹ௅ઓͯ͠ΈͨΑ
30. main.re = Hello, World ! ͜Μʹͪ͸ిࢠॻ੶ ! @<ruby>{ిࢠॻ੶,͍ʹ͑͠ͷ͠ΐ΋ͭ}ʹ௅ઓͯ͠ΈͨΑ
31. main.re = Hello, World ! ͜Μʹͪ͸ిࢠॻ੶ ! @<ruby>{ిࢠॻ੶,͍ʹ͑͠ͷ͠ΐ΋ͭ}ʹ௅ઓͯ͠ΈͨΑ
32. ࡞੒ํ๏
33. Πϯετʔϧ
34. ΋͓͠٬͞Μ͕͍ͨΒ ͓٬͞·ʮ్தͰ͍͍Μ͚ͩͲɺࠓͲΕ͘Β ͍Ͱ͖ͯΔʁݟ͍ͨΜ͚ͩͲʁʯ
35. ΋͓͠٬͞Μ͕͍ͨΒ ͓٬͞·ʮ్தͰ͍͍Μ͚ͩͲɺࠓͲΕ͘Β ͍Ͱ͖ͯΔʁݟ͍ͨΜ͚ͩͲʁʯ զʑʮGitHubʹιʔείʔυ͕͋ΔͷͰ review-epubmaker Λ͔͍ͭͬͯͩ͘͞ʯ
36. ΋͓͠٬͞Μ͕͍ͨΒ ͓٬͞·ʮ్தͰ͍͍Μ͚ͩͲɺࠓͲΕ͘Β ͍Ͱ͖ͯΔʁݟ͍ͨΜ͚ͩͲʁʯ զʑʮGitHubʹιʔείʔυ͕͋ΔͷͰ review-epubmaker Λ͔͍ͭͬͯͩ͘͞ʯ 
    ͭ͘Δͷʹूத͍ͨ͠
    
37. ͓·͑͸ԿΛݴ͍ͬͯΔΜͩ
38. ࢓ํͳ͍͔Βৗʹ࠷৽ͷ ePubΛ࡞Δ͜ͱʹͨ͠
39. ܧଓతσϦόϦ
40. ΞδΣϯμ ిࢠॻ੶Λͭͬͯ͘Έͨ ॻ੶Λͭ͘Δπʔϧ Re:VIEW ܧଓతσϦόϦ ·ͱΊ
41. ܧଓతσϦόϦ • ͓٬͞ΜʹͱͬͯՁ஋͋Δ΋ͷ • ͳΔ΂͘ૣ͘Կ౓΋
42. ͍··Ͱʁ ૉࡐ ੡඼ʹ͓ͯ͠٬͞Μ΁
43. ͍··Ͱʁ ૉࡐ ੡඼ʹ͓ͯ͠٬͞Μ΁ શ෦Ͱ͖͔ͯΒ
44. ͍··Ͱʁ ૉࡐ ੡඼ʹ͓ͯ͠٬͞Μ΁ શ෦Ͱ͖͔ͯΒ ͨ·ʹ͔͠͠ͳ͍
45. ܧଓతσϦόϦ ૉࡐ ੡඼ʹ͓ͯ͠٬͞Μ΁
46. ܧଓతσϦόϦ ૉࡐ ੡඼ʹ͓ͯ͠٬͞Μ΁ ׬੒લ͔Β͢Δ
47. ܧଓతσϦόϦ ૉࡐ ੡඼ʹ͓ͯ͠٬͞Μ΁ ׬੒લ͔Β͢Δ Կ౓Ͱ΋͢Δ
48. ܧଓతσϦόϦ ૉࡐ ੡඼ʹ͓ͯ͠٬͞Μ΁ ׬੒લ͔Β͢Δ Կ౓Ͱ΋͢Δ ϑΟʔυόοΫ΋සൟʹ΋Β͏
49. શମ૾ ૉࡐ ੍࡞ऀ CIαʔό ௨஌ ސ٬ Ϣʔβ ੡඼ มߋͷݕ஌ ߏங νΣοΫ όʔδϣϯ؅ཧ ഑ஔ ׬ྃใࠂ
50. ࠓճͷྫ 3F7*&8 HOVQMPU 0DUPLJU ੍࡞ऀ Wercker 5XJUUFS ސ٬ Ϣʔβ F1VC 1%' มߋͷݕ஌ ߏங νΣοΫ (JU (JU)VC ഑ஔ ׬ྃใࠂ Amazon S3
51. )5.- 4"44 +BWB4DSJQU ੍࡞ऀ Wercker ϝʔϧ νϟοτϫʔΫ ސ٬ Ϣʔβ )5.- NJO $44
    NJO มߋͷݕ஌ $44ͷੜ੒ จ๏νΣοΫ ѹॖ (JU (JU)VC ഑ஔ ׬ྃใࠂ Ϩϯλϧαʔό Web੍࡞Ͱ΋ʁ
52. ܧଓతσϦόϦͷཁૉ • όʔδϣϯ؅ཧ • ΠϯςάϨʔγϣϯ • σϓϩΠϝϯτ • ௨஌
53. ར༻ٕͨ͠ज़ ॻ੶ͷ࡞੒ Re:VIEW gnuplot Octokit ίϯςϯπͷੜ੒ ܧଓతσϦόϦ Git GitHub όʔδϣϯ؅ཧ ܧଓత ΠϯςάϨʔγϣϯ Wercker σϓϩΠϝϯτ Amazon S3 ௨஌ Twitter
54. Git όʔδϣϯ؅ཧγεςϜ ͲΜͳมߋͨ͠ͷ͔ه࿥ લͷঢ়ଶʹ໭ͤΔ
55. GitHub GitΛఏڙ͢ΔαʔϏε ෳ਺ਓͰ੍࡞͢ΔͷΛखॿ͚͢Δ
56. ར༻ٕͨ͠ज़ ॻ੶ͷ࡞੒ Re:VIEW gnuplot Octokit ίϯςϯπͷੜ੒ ܧଓతσϦόϦ Git GitHub όʔδϣϯ؅ཧ ܧଓత ΠϯςάϨʔγϣϯ Wercker σϓϩΠϝϯτ Amazon S3 ௨஌ Twitter
57. Wercer ܧଓతΠϯςάϨʔγϣϯαʔϏε ͻΒ͍ͨ͘͏ͱ ࣗ෼ͷPCͰ΍ͬͯΔఆܕ࡞ۀΛ೚ͤΒΕΔ GitHubͷมߋΛݕ஌࣮ͯ͠ߦͰ͖Δ
58. wercker.ymlͷྫ box: eiel/review # ࢖͏ίϯϐϡʔλΛࢦఆ build: steps: # ϝΠϯͷ࢓ࣄͷҰཡΛ͔͘Α - script: name: buildlinge cmd: rake build # ΍Γ͍ͨ͜ͱΛ͔͘ after-steps: # ऴΘͬͨ͋ͱͷ࢓ࣄΛ͔͘Α - script: name: tweet cmd: rake tweet # ΍Γ͍ͨ͜ͱΛ͔͘
59. ར༻ٕͨ͠ज़ ॻ੶ͷ࡞੒ Re:VIEW gnuplot Octokit ίϯςϯπͷੜ੒ ܧଓతσϦόϦ Git GitHub όʔδϣϯ؅ཧ ܧଓత ΠϯςάϨʔγϣϯ Wercker σϓϩΠϝϯτ Amazon S3 ௨஌ Twitter
60. Twitter ύϒϦοΫͳνϟοταʔϏε
62. ར༻ٕͨ͠ज़ ॻ੶ͷ࡞੒ Re:VIEW gnuplot Octokit ίϯςϯπͷੜ੒ ܧଓతσϦόϦ Git GitHub όʔδϣϯ؅ཧ ܧଓత ΠϯςάϨʔγϣϯ Wercker σϓϩΠϝϯτ Amazon S3 ௨஌ Twitter
63. Amazon S3 ετϨʔδαʔϏε ༰ྔ੍ݶͷͳ͍ϑΝΠϧஔ͖৔ Ұఆظؒܦա͢ΔͱࣗಈͰ࡟আͰ͖Δ
64. ར༻ٕͨ͠ज़ ॻ੶ͷ࡞੒ Re:VIEW gnuplot Octokit ίϯςϯπͷੜ੒ ܧଓతσϦόϦ Git GitHub όʔδϣϯ؅ཧ ܧଓత ΠϯςάϨʔγϣϯ Wercker σϓϩΠϝϯτ Amazon S3 ௨஌ Twitter
65. Octokit GitHubͷAPI άϥϑͷσʔλऩूʹར༻
67. gnuplot άϥϑੜ੒πʔϧ
69. ྫ αΠϯΧʔϒ $ gnuplot # gnuplotͷىಈ gnuplot >set terminal png # pngͰอଘ gnuplot> set output 'sin.png' # ϑΝΠϧ໊ gnuplot> plot sin(x) # άϥϑΛ͔͘
71. Re:VIEW + gnuplot ਫ༵೔ͷ։࠵தͷ׆ಈ͕׆ൃͰ͢ɻ ! //graph[punch_card][gnuplot][ओͳ׆ಈ࣌ؒ]{ set grid set style fill solid 1 set xdata time set timefmt "%Y-%m-%d %H" set format x "%a" plot ["2014-08-17":"2014-08-24"] “data/punch_card.dat" \ using 1:3 title "Activity" w boxes lc rgb "orange" //}
72. data/punch_card.dat (Ұ෦ൈਮ) 2014-08-22 20 0 2014-08-22 21 1 2014-08-22 22 3 2014-08-22 23 2 2014-08-23 0 3 2014-08-23 1 4 2014-08-23 2 1 2014-08-23 3 1 …
73. https://github.com/great-h/great-h-book
74. ·ͱΊ • ٕज़ॻΛॻ͘ͳΒ Re:VIEW͕ྲྀߦத • ͍ͭͰ΋໨ʹݟ͑ΔΧλνʹ͢Δͷ͕େ੾ • Կʹ௅ઓ͢Δʹͯ͠΋·ͣόʔδϣϯ؅ཧ
75. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠