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
0
60
静的サイトジェネレーターで行こう #TechLunch
静的サイトジェネレーターで行こう
2013/06/19 (水) @ Livesense TechLunch
発表者:佐藤 洋輔
Livesense Inc.
PRO
April 21, 2014
Tweet
Share
More Decks by Livesense Inc.
See All by Livesense Inc.
27新卒_総合職採用_会社説明資料
livesense
PRO
0
2.6k
27新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
6.6k
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
190
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
1.6k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
550
26新卒_総合職採用_会社説明資料
livesense
PRO
0
13k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
2
52k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
13k
中途セールス職_会社説明資料
livesense
PRO
0
290
Other Decks in Technology
See All in Technology
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
bicstone
3
130
生成AIと余白 〜開発スピードが向上した今、何に向き合う?〜
kakehashi
PRO
0
150
pool.ntp.orgに ⾃宅サーバーで 参加してみたら...
tanyorg
0
710
Red Hat OpenStack Services on OpenShift
tamemiya
0
130
20260208_第66回 コンピュータビジョン勉強会
keiichiito1978
0
200
Claude Code for NOT Programming
kawaguti
PRO
1
100
私たち準委任PdEは2つのプロダクトに挑戦する ~ソフトウェア、開発支援という”二重”のプロダクトエンジニアリングの実践~ / 20260212 Naoki Takahashi
shift_evolve
PRO
2
200
プロポーザルに込める段取り八分
shoheimitani
1
640
StrandsとNeptuneを使ってナレッジグラフを構築する
yakumo
1
130
Oracle AI Database移行・アップグレード勉強会 - RAT活用編
oracle4engineer
PRO
0
110
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
93k
AWS DevOps Agent x ECS on Fargate検証 / AWS DevOps Agent x ECS on Fargate
kinunori
2
140
Featured
See All Featured
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
SEO for Brand Visibility & Recognition
aleyda
0
4.2k
Designing for humans not robots
tammielis
254
26k
Bash Introduction
62gerente
615
210k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
56
Balancing Empowerment & Direction
lara
5
900
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
920
Amusing Abliteration
ianozsvald
0
100
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
160
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でいいよ(´・ω・`)
ご清聴ありがとうござい ました