fxos lt
TRANSCRIPT
2015/04/26 10:17
1/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Open Web Board Open Web Board で遊んでみたで遊んでみた@kanayannet
Gunma.web #19
2015/04/26 10:17
2/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
What is Open Web Board?What is Open Web Board?
2015/04/26 10:17
3/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Open Web BoardはHDMIドングル型開発ボードです。
参考: http://opensource.kddi.com/owb/
2015/04/26 10:17
4/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
参考: http://opensource.kddi.com/owb/
2015/04/26 10:17
5/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
OSOS
2015/04/26 10:17
6/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
FirefoxOSFirefoxOS
HTML , JS , CSS でアプリを作れるWebページをほぼそのままアプリ化できる
2015/04/26 10:17
7/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
何をしようか?
遊ぶ遊ぶ
2015/04/26 10:17
8/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
スライドを作ってみよう
勉強会で勉強会でLTLTするしするし
2015/04/26 10:17
9/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Open Web Boardreveal.js
用意するもの用意するもの
2015/04/26 10:17
10/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
What is reveal.jsWhat is reveal.js<<divdiv classclass=="reveal""reveal">> <<divdiv classclass=="slides""slides">> <<sectionsection>> <<h1h1>>Open Web Board Open Web Board で遊んでみた</</h1h1>> <<spanspan stylestyle=="font-size:50px;font-weight:bold;""font-size:50px;font-weight:bold;">> @kanayannet @kanayannet </</spanspan>> <<brbr>> <<brbr>> Gunma.web #19 Gunma.web #19 </</sectionsection>> <<sectionsection>> <<h1h1>>What is Open Web Board?What is Open Web Board?</</h1h1>> ... ... </</sectionsection>> </</divdiv>></</divdiv>>
2015/04/26 10:17
11/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
特定のHTML5フォーマットで書くとスライドが出来上がるという
Javascript FrameWork
2015/04/26 10:17
12/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
結構メンドい
素の素のHTMLHTMLを書くを書く
2015/04/26 10:17
13/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
MarkDown でいんじゃね?
表現するものは少ないので表現するものは少ないので
2015/04/26 10:17
14/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
p5-md2reveal
見つけた見つけた
2015/04/26 10:17
15/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Perl5最近のバージョン
もろ..
実行できる環境実行できる環境
2015/04/26 10:17
16/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
じゃなくてじゃなくて....
2015/04/26 10:17
17/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Perl5最近のバージョンちなみにこれは 5.18.2
MojoliciousPerl Web FrameWork
参考:
実行できる環境実行できる環境
https://github.com/nqounet/p5-md2reveal
2015/04/26 10:17
18/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
これで作成されたこれで作成されたHTMLHTMLををFxFoxOS FxFoxOS にアプリ化でいけるにアプリ化でいける!!
2015/04/26 10:17
19/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
問題発生問題発生うごかない(涙)
2015/04/26 10:17
20/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
起きている現象起きている現象
ご覧の通りブラウザ上では動く(FxOS)アプリ化すると動かない(涙)真っ黒な画面で何も表示されない。
2015/04/26 10:17
21/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
原因原因
不明(汗)
2015/04/26 10:17
22/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
原因原因((予想予想))
CSS と JS の連携部分根拠 : とあるCSS の定義を外したら表示されるようになったスライドはしないです(あくまで表示だけ)
2015/04/26 10:17
23/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
それでもそれでも
超アバウト(ゲキ汗)
2015/04/26 10:17
24/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
もう少しわかったらもう少しわかったら....
うp します!
2015/04/26 10:17
25/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
他に苦戦した事他に苦戦した事
OS Update する時...
2015/04/26 10:17
26/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
ツールが配布されているツールが配布されている
http://opensource.kddi.com/owb/owbtool.html
2015/04/26 10:17
27/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
対象対象OSOS
Windows® Vista/7
2015/04/26 10:17
28/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
windows 8 windows 8 で試したらで試したら......
動いた!!
2015/04/26 10:17
29/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
動作保障外なのでやる時は動作保障外なのでやる時は自己責任で自己責任で!!
2015/04/26 10:17
30/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
とはいえとはいえ......
やっぱMac or Linux 環境からコマンドラインでも良いので欲しいね
2015/04/26 10:17
31/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
まとめまとめ
新しいものを始めると新鮮!最近後ろ向きの作業が多いので特に
やりたい事を探すから...結果 : そのための調査が多くなる
いい勉強になった
2015/04/26 10:17
32/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
重要重要
楽しい!
2015/04/26 10:17
33/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
ご清聴ありがとうございましたご清聴ありがとうございました