kyukyunyorituryo.github.io このサイトを造ったときにBootstrapを使ったのだが、どういう機能を利用したのかを簡単にメモしておく。 ナビゲーションバーのためにNavbarというのを使った。PCだと上に表示されていて、スマホだと折り畳まれて表示される。 bootstrap3.cyberlab.info グリッドシステムというのがBootstrapの基本概念にあるそうで、スマホとPCでは画面サイズが違うので、表示する情報量を調整しているのだろう。スマホとPCでの表示のチェックは、Chromeの開発者ツールを利用している。 col-sm-7 qiita.com bg-info studio-key.com list-group bootstrap3.cyberlab.info list-inline bootstrap3.cyberlab.info label la
99nyorituryo.hatenablog.com MathMLが入ったEPUBを作るのにTexからMathMLの変換がめんどくさかったので、Meryと連携させてみた。 具体的にはMathJax-nodeで変換しているのだけど、Meryで選択した、Texを直接マクロを実行すると選択した部分だけMathMLに書き換えてくれると楽そうだと思った。 実行はNode.jsでやってるが、サンプルコードから書き変えたのはここだけ。 //コマンドライン引数 var input =""; for(var i = 2;i < process.argv.length; i++){ input = input + process.argv[i] +" " } //'E = mc^2' var input = input.slice( 0, -1 ) ; var yourMath = input; node
EPUB3.0 では出版物に数式を含めることができるようになりました。そして、EPUBリーダでも徐々に数式を表示できるようになってきました。 数式はMathMLのプレゼンテーションで記述します。簡単なサンプルを作ってEPUBリーダの数式表示機能を確認してみました。 １．MathMLをサポートするEPUBリーダ (1) iBooks 3.1 (2) Readium 0.9.1 (2013/5/17) 表示例は次のスクリーンショットを参照。 ２．MathMLをサポートしていないEPUBリーダ (1) Adobe Digital Editions 2.0 MathML数式はサポートしていないようです。 (2) KindlePaperwhite 表示例は次のスクリーンショットを参照。 ３．MathMLの記述の注意事項 (1) 数式を含むXHTMLファイルにはmath要素に名前空間を指定すること。
リフローのEPUBを作るソフトウェアでも作ってみようかと思っているが、できるだけ簡単そうなのを考えてみる。そうすると、ゲームブックは構造的に単純そうなので、ちょっとやってみようかと調べている。ゲームブックは、紙の本では何ページに移動と書いてあるが。電子書籍の場合には、タップすることで選択肢のページに移動する。 GameBookCompiler ゲームブック作成に使ってみるソフトはGameBookCompilerというそうだ、ちょっと中身を見ていると、html4ベースで吐き出されているようで、そのままepubに入れるのはダメっぽい感じである。 単一HTMLに変換したときに、ジャンプ先が、a要素のname属性が使われていて、html5では使わなくなっている。EPUB3だとid属性で指定するのがいいようだ。 <a name="1"></a><b>１</b><br> <h2 id= "1"><b>
えー久しぶりにクローム拡張を作って見たところ、結構どうやっていたかを忘れていてちょっとどまどったりして。あんまり作っていないと作り方忘れてしまうね。クローム拡張はブラウザに常駐しているので、ネイティブアプリ感覚で呼び出せるのが良いのだけれど。実際ユーザー数は増えていないので機能をいっぱいつけて試す場にしてみよう。 chrome.google.com 前に作ったブラウザでEPUBが作れるページの移植版で。JSで圧縮までしているのでネットに繋ぐ必要がなくなってます。ブラウザの時からオンラインでなくてもよかったがライブラリがCDNを利用していたので、オフラインで動くか微妙であった。ただ今回のは、ライブラリも全部入れているのでオフラインでも動く。 kyukyunyorituryo.github.io クローム拡張にしようと思ったのは多言語対応を考えると、外国からのアクセスしやすいところのほうがいい
HTML5 の Web Speech API をご存知でしょうか？ ブラウザベースで音声認識とテキストの読み上げを実現する API です。 今回はこの Web Speech API について試したことをまとめてみました。 ちなみに少し前の Chrome では Speech Input API という INPUT 要素に x-webkit-speech という属性を記述するのみで、手軽に音声認識を実現できるという機能がありましたが現バージョンでは廃止されてるようです・・・ Web Speech API の対応ブラウザは Can I Use よりご確認ください。 テキストの読み上げを行う Speech Synthesis API Speech Synthesis API を使用すると、指定したテキストを PC に読み上げさせることできます。 使い方は非常に簡単で、new SpeechSynth
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
