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
快適な読書環境のご提案
Search
stonriver
May 14, 2018
Technology
0
110
快適な読書環境のご提案
stonriver
May 14, 2018
Tweet
Share
More Decks by stonriver
See All by stonriver
中規模イベントに急造で変なネットワークを構築する
strvworks
1
750
並行処理入門 -Goで遊ぶ-
strvworks
0
220
ターミナル雑記
strvworks
2
1.2k
お手軽金盾体験
strvworks
1
690
Kosen_LT_ONLINEのおしらせ
strvworks
0
72
Minecraft概論
strvworks
0
300
日本列島の移動速度に関する考察
strvworks
1
120
PythonにおけるGUIフレームワークのはなし
strvworks
0
310
テクノ手芸
strvworks
0
62
Other Decks in Technology
See All in Technology
小学3年生夏休みの自由研究「夏休みに Copilot で遊んでみた」
taichinakamura
0
170
podman_update_2024-12
orimanabu
1
280
非機能品質を作り込むための実践アーキテクチャ
knih
5
1.5k
MLOps の現場から
asei
6
650
株式会社ログラス − エンジニア向け会社説明資料 / Loglass Comapany Deck for Engineer
loglass2019
3
32k
ずっと昔に Star をつけたはずの思い出せない GitHub リポジトリを見つけたい!
rokuosan
0
150
Qiita埋め込み用スライド
naoki_0531
0
5.1k
Fanstaの1年を大解剖! 一人SREはどこまでできるのか!?
syossan27
2
170
どちらを使う?GitHub or Azure DevOps Ver. 24H2
kkamegawa
0
840
マイクロサービスにおける容易なトランザクション管理に向けて
scalar
0
140
成果を出しながら成長する、アウトプット駆動のキャッチアップ術 / Output-driven catch-up techniques to grow while producing results
aiandrox
0
350
KubeCon NA 2024 Recap / Running WebAssembly (Wasm) Workloads Side-by-Side with Container Workloads
z63d
1
250
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
GitHub's CSS Performance
jonrohan
1030
460k
The Cult of Friendly URLs
andyhume
78
6.1k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Music & Morning Musume
bryan
46
6.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
520
The Cost Of JavaScript in 2023
addyosmani
45
7k
Transcript
快適な 読書環境のご提案 Google 様と仲良くするために 3年 石川 陸
名前:石川 陸 所属:情報科学工学系 欠席:昨年度 124時間 (健吉君-13) 学年:単位を持ってる3年生 活動:プログラミング教育, 技術系アルバイト, ゲーム制作 Twitter: @strvert GitHub:
strvworks Email :
[email protected]
自己紹介
突然ですが皆さん
技術書、読んでますか?
何か習得しようという時、 いろんな文献を利用すると思います。
本の形態 電子派/紙本派など、お好きな読書形態が あると思いますが、僕個人としては普通の 本は紙の本、技術書などは電子書籍を利 用しています。
電子書籍の購読環境
電子書籍の購読環境 現状、電子書籍を買って読もうとすると、Kindleなど を代表とする電子書籍専門のサイトやアプリを利用 するか、PDF等のファイルデータを販売サイトから購 入する2択にしぼられると思います。
電子書籍の購読環境 細かい不満点はあれど、これらの環境はだ いたいいい感じに提供側がしてくれている ので、鞄に分厚い技術書を詰め込んでト レーニングをするようなことはしなくて済ん でいます。 うまく使えれば pdfのが色々楽
電子書籍の購読環境 豊富にある書籍のなかからワンタップで書 籍を購読できる環境はとても便利です。で も、
電子書籍の購読環境 どうしても技術情報が日本語で手に入らな い時、(他にも洋書と訳書の価格差が4000 円以上あるとか)、洋書を購入して情報を手 に入れることがあります。
が、
僕には英語が読めません。
英語が読めない これは重大な問題です。そこに素晴らしい 知識が乗っているのに、僕には暗号文にし か見えません。
英語が読めない でも、僕らが英語で困ったときに登場するも のがありますよね。
我らがGoogle先生です。
英語が読めない Google翻訳のChrome extensionを利用す ると、非常に便利に英文を読むことができま す。 やってみます。
これで洋書が簡単に読めるぞ
とは問屋が卸しません。
英語が読めない ChromeのextensionはHTMLや CSS,JavaScriptなどの、一般的なWeb ページと同じコードを使ってページを ”拡張”するものです。
英語が読めない それに対して、ChromeのPDFビューワは 通常のWebページではなく、PDFのレンダ リングに特化した機能です。
英語が読めない つまり、このままでは快適な読書環境が保 証されません。
英語が読めない つまり、このままでは快適な読書環境が保 証されません。 仕方ないので、こんな解決策を考えました。
解決策 Chromeの翻訳拡張を利用したい ↓ PDFビューワでは利用できない ↓ PDFをHTMLに変換した上でWebページとしてブラ ウザにレンダリングすればいいのでは??
解決策 ちょっとググってみたら、PDFをjsでパース,レンダリ ングしてくれて、しかも画面UIのテンプレートまでつ けてくれるPDF.jsというライブラリを発見したので、こ れを使ってみることにしました。
ごめん 細かいスライド間に合 いそうにないのであと は口頭で
課題 現状だとサーバーのディレクトリにPDFやそのサム ネイルを放ってあるので、データを参照するにも管理 するにも非常に利便性が悪い。 ↓ ちゃんとDB化したい
課題 フォントの埋め込まれていない日本語PDFだと、レン ダリングに失敗して無残な姿になってしまうことがあ る。 ↓ PDF.js自体の参照コードをいじれば行けそうだとい う情報を発見した。
おわり