firefox open web board LT

1. 2015/04/26 10:17
1/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Open Web BoardOpen Web Board で遊んでみたで遊んでみた
@kanayannet
Gunma.web #19

2. 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?

3. 2015/04/26 10:17
3/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Open Web Boardは
HDMIドングル型開発ボードです。
参考: http://opensource.kddi.com/owb/

4. 2015/04/26 10:17
4/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
参考: http://opensource.kddi.com/owb/

5. 2015/04/26 10:17
5/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
OSOS

6. 2015/04/26 10:17
6/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
FirefoxOSFirefoxOS
HTML , JS , CSS でアプリを作れる
Webページをほぼそのままアプリ化できる

7. 2015/04/26 10:17
7/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
何をしようか?
遊ぶ遊ぶ

8. 2015/04/26 10:17
8/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
スライドを作ってみよう
勉強会で勉強会でLTLTするしするし

9. 2015/04/26 10:17
9/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Open Web Board
reveal.js
用意するもの用意するもの

10. 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 BoardOpen Web Board で遊んでみた</</h1h1>>
<<spanspan stylestyle=="font-size:50px;font-weight:bold;""font-size:50px;font-weight:bold;">>
@kanayannet@kanayannet
</</spanspan>>
<<brbr>>
<<brbr>>
Gunma.web #19Gunma.web #19
</</sectionsection>>
<<sectionsection>>
<<h1h1>>What is Open Web Board?What is Open Web Board?</</h1h1>>
......
</</sectionsection>>
</</divdiv>>
</</divdiv>>

11. 2015/04/26 10:17
11/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
特定のHTML5フォーマットで書くと
スライドが出来上がるという
Javascript FrameWork

12. 2015/04/26 10:17
12/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
結構メンドい
素の素のHTMLHTMLを書くを書く

13. 2015/04/26 10:17
13/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
MarkDown でいんじゃね?
表現するものは少ないので表現するものは少ないので

14. 2015/04/26 10:17
14/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
p5-md2reveal
見つけた見つけた

15. 2015/04/26 10:17
15/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Perl5
最近のバージョン
もろ..
実行できる環境実行できる環境

16. 2015/04/26 10:17
16/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
じゃなくてじゃなくて....

17. 2015/04/26 10:17
17/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
Perl5
最近のバージョン
ちなみにこれは 5.18.2
Mojolicious
Perl Web FrameWork
参考:
実行できる環境実行できる環境
https://github.com/nqounet/p5-md2reveal

18. 2015/04/26 10:17
18/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
これで作成されたこれで作成されたHTMLHTMLをを
FxFoxOSFxFoxOS にアプリ化でいけるにアプリ化でいける!!

19. 2015/04/26 10:17
19/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
問題発生問題発生
うごかない(涙)

20. 2015/04/26 10:17
20/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
起きている現象起きている現象
ご覧の通りブラウザ上では動く(FxOS)
アプリ化すると動かない(涙)
真っ黒な画面で何も表示されない。

21. 2015/04/26 10:17
21/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
原因原因
不明(汗)

22. 2015/04/26 10:17
22/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
原因原因((予想予想))
CSS と JS の連携部分
根拠 : とあるCSS の定義を外したら表示されるよ
うになった
スライドはしないです(あくまで表示だけ)

23. 2015/04/26 10:17
23/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
それでもそれでも
超アバウト(ゲキ汗)

24. 2015/04/26 10:17
24/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
もう少しわかったらもう少しわかったら....
うp します!

25. 2015/04/26 10:17
25/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
他に苦戦した事他に苦戦した事
OS Update する時...

26. 2015/04/26 10:17
26/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
ツールが配布されているツールが配布されている
http://opensource.kddi.com/owb/owbtool.html

27. 2015/04/26 10:17
27/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
対象対象OSOS
Windows® Vista/7

28. 2015/04/26 10:17
28/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
windows 8windows 8 で試したらで試したら......
動いた!!

29. 2015/04/26 10:17
29/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
動作保障外なのでやる時は動作保障外なのでやる時は
自己責任で自己責任で!!

30. 2015/04/26 10:17
30/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
とはいえとはいえ......
やっぱMac or Linux 環境からコマンドラインでも良いので欲しいね

31. 2015/04/26 10:17
31/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
まとめまとめ
新しいものを始めると新鮮!
最近後ろ向きの作業が多いので特に
やりたい事を探すから...
結果 : そのための調査が多くなる
いい勉強になった

32. 2015/04/26 10:17
32/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
重要重要
楽しい!

33. 2015/04/26 10:17
33/33 ページhttp://localhost:3000/example.md?print-pdf=1#/
ご清聴ありがとうございましたご清聴ありがとうございました