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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
360
28新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
97
27新卒_総合職採用_会社説明資料
livesense
PRO
0
5.5k
27新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
10k
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
480
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
1
1.7k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
630
26新卒_総合職採用_会社説明資料
livesense
PRO
0
13k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
2
68k
Other Decks in Technology
See All in Technology
生成 AI × MCP で切り拓く次世代 SRE!自律型運用への挑戦と開発者体験の進化
_awache
0
190
2026.06.13_AI時代に事業会社が「SIer出身エンジニア」を求める理由 / Why Businesses Seek Engineers with a System Integrator Background in the AI Era
jumtech
0
1k
タクシーアプリ『GO』の実践的データ活用
mot_techtalk
3
190
就職⽀援サービスにおけるキャリアアドバイザーのシフトスケジューリング
recruitengineers
PRO
1
130
Databricks における 生成AIガバナンスの実践
taka_aki
1
380
Claude Code×Terraform IaC テンプレート駆動開発
itouhi
1
480
日本 Fintech 未来予測レポート 2027〜2028年(オリジナル版)
8maki
0
980
地球に⽣きるAI —GeoAIと「中間領域」— / AI Living on Earth — GeoAI and the “Intermediate Layer” —
ykiyota
0
210
"何を作るか"を任される エンジニアは、どう育つのか
yutaokafuji
1
550
製造業のクラウド活用最適解〜AI,DXを加速するデータ基盤の作り方〜
hamadakoji
0
440
AIっぽい文章を採点して人間らしく直すアプリを作ってみた
yama3133
2
110
FDE という解 ― 暗黙知と明示知をつなぐ、伴走型エンジニアリング ―
otanet
0
120
Featured
See All Featured
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
220
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
320
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.4k
It's Worth the Effort
3n
188
29k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
370
Bash Introduction
62gerente
615
220k
The SEO Collaboration Effect
kristinabergwall1
1
480
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
190
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
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でいいよ(´・ω・`)
ご清聴ありがとうござい ました