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
150
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
快適な読書環境のご提案
stonriver
May 14, 2018
More Decks by stonriver
See All by stonriver
中規模イベントに急造で変なネットワークを構築する
strvworks
1
800
並行処理入門 -Goで遊ぶ-
strvworks
0
280
ターミナル雑記
strvworks
2
1.4k
お手軽金盾体験
strvworks
1
810
Kosen_LT_ONLINEのおしらせ
strvworks
0
120
Minecraft概論
strvworks
0
420
日本列島の移動速度に関する考察
strvworks
1
180
PythonにおけるGUIフレームワークのはなし
strvworks
0
440
テクノ手芸
strvworks
0
100
Other Decks in Technology
See All in Technology
AI・HPC開発を支えるGPU環境の新しい選択肢 液冷GPUシステム「AquSys」の取り組み
gpuunite_official
0
240
あなたの知らないバージョン命名規則
sat
PRO
2
730
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
5k
Kiro Crew で始める マルチエージェント開発
miu_crescent
PRO
0
180
アクセスキー流出時の対応で再認識した攻撃側と防御側の非対称性について
kazzpapa3
0
260
8bit CPU 2026
koba789
7
2.9k
AWS Blocks が楽しい #ゆるWeb札幌
tacck
PRO
0
150
型落ちシンクライアント端末のPoEモジュールを自作したかった話
logica0419
0
440
The Django UUID Story - DjangoCon US 2026
pauloxnet
0
260
Kiro WebとCloud Sessions
nagisa53
2
200
[potatotips #96] Give Your AI Agent the Flutter Playbook
korodroid
0
170
平文パスワードはログに“残り” ── 肝心の侵入は“痕跡すら残らない”
kuroneko13
0
130
Featured
See All Featured
How to make the Groovebox
asonas
2
2.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.5k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
300
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
870
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
A designer walks into a library…
pauljervisheath
211
24k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
64
56k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
430
How to build a perfect <img>
jonoalderson
1
5.9k
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自体の参照コードをいじれば行けそうだとい う情報を発見した。
おわり