静的サイトジェネレーターで行こう #TechLunch

Transcript

1. 静的サイトジェネレーター で行こう Yosuke Sato Livesense Inc.

2. ある日 こんなブログ記事を見た

3. HamlとScssと CoffeeScriptで モダンなWeb開発をしよう！

4. うんうん...

5. まずbundlerでSinatraと HamlとScssと...

6. ちょっと待て

7. なんで今Sinatra 入れたし

8. Web開発 ≠ Webアプリ開発

9. そこで 静的サイトジェネレーター ですよ

10. 静的サイトジェネレーター とは？

11. http://mojix.org/2012/12/07/static-site-generation

12. 一言で言うと MovableType みたいなやつですよ

13. なぜ静的サイトジェネレーターなのか？ シンプルなソリューション • データベースいらない • 動的なコンテンツいらない • ファイルの表示だけ 実用性 •

    まず落ちない • 超高速 • メンテナンスフリー • コンテンツのバージョン管理 • セキュリティリスクが極小

14. 現在の主要なプロダクト

15. • Github創業者が制作 • 現ブームの火付け役 • Markdown方式

16. • Sinatraベース • livereload対応 • 様々な記法に対応 erb, Haml, Slim, Sass,

    Scss, Less, Stylus, CoffeeScript

17. • livereload対応 • Jade, Stylus, CoffeeScript • html、css、jsをminify • コンポーネント管理

    (bower)

18. いやぁ 静的サイトジェネレーター アツいですね

19. とはいえ

20. ブログならいざ知らず 業務に活かすとなると？

21. せめてデータベースの スナップショットくらい 使いたい

22. というわけで作ってみた

23. None
24. None

25. group_concatして concatして into outfileでHTML出力

26. シンプルな ソリューション

27. NO MORE SQLインジェクション

28. 素晴らしい

29. 次は ページング ＆ ファイル出力 させてみよう

30. None

31. ちゃうねん

32. 好きで言語のキメラに したのと違う

33. None

34. できてるけど...

35. None

36. ( ﾟдﾟ)ﾊｯ!

37. None

38. つ Prepared Statement

39. つ Stored Procedure つ Stored Function

40. その手があったか

41. None
42. None
43. None
44. None

45. ( ´Д｀)=3 ﾌｩ

46. ここまで来たら なんかちゃんとしたものを 出力したい

47. 統計くん http://toukei.in/

48. None
49. None
50. None
51. None

52. ちゃんとできた？

53. これはさすがに Excelでいいよ(´・ω・`)

54. ご清聴ありがとうござい ました