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
静的サイトジェネレーターで行こう #TechLunch
Search
Livesense Inc.
PRO
April 21, 2014
Technology
62
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
静的サイトジェネレーターで行こう #TechLunch
静的サイトジェネレーターで行こう
2013/06/19 (水) @ Livesense TechLunch
発表者:佐藤 洋輔
Livesense Inc.
PRO
April 21, 2014
More Decks by Livesense Inc.
See All by Livesense Inc.
Rubyはただの⾔語に⾮ず
livesense
PRO
0
470
28新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
120
27新卒_総合職採用_会社説明資料
livesense
PRO
0
6.6k
27新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
11k
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
520
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
1
1.8k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
660
26新卒_総合職採用_会社説明資料
livesense
PRO
0
13k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
2
72k
Other Decks in Technology
See All in Technology
システム思考で問題に対処する
yussak
0
240
個人OSSが、机の上から世界に広がるまでの話
shinyasaita
1
380
FORENSIA: ローカルLLMフォレンジックハーネス
sumeshi
2
370
クラウドセキュリティ入門 ~安全なクラウド利用のための基礎知識~
lhazy
13
8.6k
Flutterをカメラで動かしたかった話
sony
1
130
SO-101×VLAによる3色キューブのピック&プレース
abeja
0
190
サイバー捜査員研修(前半)
nomizone
1
2k
Redmine 7.0 新機能・機能強化解説(OSC2026京都ダイジェスト版)
vividtone
1
250
日本語を汚染するAI
route250
1
120
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
wolfgangwagner
0
190
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.2k
【CEDEC2026】『GRANBLUE FANTASY: Relink - Endless Ragnarok』のバトル制作事例 ~最高のキャラゲーを目指して~
cygames
PRO
0
250
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
528
40k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Unsuck your backbone
ammeep
672
58k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
400
Deep Space Network (abreviated)
tonyrice
0
250
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2.3k
What does AI have to do with Human Rights?
axbom
PRO
1
2.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Git: the NoSQL Database
bkeepers
PRO
432
67k
Transcript
静的サイトジェネレーター で行こう Yosuke Sato Livesense Inc.
ある日 こんなブログ記事を見た
HamlとScssと CoffeeScriptで モダンなWeb開発をしよう!
うんうん...
まずbundlerでSinatraと HamlとScssと...
ちょっと待て
なんで今Sinatra 入れたし
Web開発 ≠ Webアプリ開発
そこで 静的サイトジェネレーター ですよ
静的サイトジェネレーター とは?
http://mojix.org/2012/12/07/static-site-generation
一言で言うと MovableType みたいなやつですよ
なぜ静的サイトジェネレーターなのか? シンプルなソリューション • データベースいらない • 動的なコンテンツいらない • ファイルの表示だけ 実用性 •
まず落ちない • 超高速 • メンテナンスフリー • コンテンツのバージョン管理 • セキュリティリスクが極小
現在の主要なプロダクト
• Github創業者が制作 • 現ブームの火付け役 • Markdown方式
• Sinatraベース • livereload対応 • 様々な記法に対応 erb, Haml, Slim, Sass,
Scss, Less, Stylus, CoffeeScript
• livereload対応 • Jade, Stylus, CoffeeScript • html、css、jsをminify • コンポーネント管理
(bower)
いやぁ 静的サイトジェネレーター アツいですね
とはいえ
ブログならいざ知らず 業務に活かすとなると?
せめてデータベースの スナップショットくらい 使いたい
というわけで作ってみた
None
None
group_concatして concatして into outfileでHTML出力
シンプルな ソリューション
NO MORE SQLインジェクション
素晴らしい
次は ページング & ファイル出力 させてみよう
None
ちゃうねん
好きで言語のキメラに したのと違う
None
できてるけど...
None
( ゚д゚)ハッ!
None
つ Prepared Statement
つ Stored Procedure つ Stored Function
その手があったか
None
None
None
None
( ´Д`)=3 フゥ
ここまで来たら なんかちゃんとしたものを 出力したい
統計くん http://toukei.in/
None
None
None
None
ちゃんとできた?
これはさすがに Excelでいいよ(´・ω・`)
ご清聴ありがとうござい ました