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
61
0
Share
静的サイトジェネレーターで行こう #TechLunch
静的サイトジェネレーターで行こう
2013/06/19 (水) @ Livesense TechLunch
発表者:佐藤 洋輔
Livesense Inc.
PRO
April 21, 2014
More Decks by Livesense Inc.
See All by Livesense Inc.
28新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
55
27新卒_総合職採用_会社説明資料
livesense
PRO
0
4.6k
27新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
0
9k
株式会社リブセンス・転職会議 採用候補者様向け資料
livesense
PRO
0
350
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
1
1.7k
データ基盤の負債解消のためのリプレイス
livesense
PRO
0
600
26新卒_総合職採用_会社説明資料
livesense
PRO
0
13k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
2
63k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
13k
Other Decks in Technology
See All in Technology
AIエージェントの支払い基盤 AgentCore Payments概要
kmiya84377
1
130
フロントエンドの相手が変わった - AIが加わったWebの新しいインターフェース設計
azukiazusa1
33
11k
カオナビに Suspenseを導入するまで / The Road to Suspense at kaonavi
kaonavi
1
430
クラウドネイティブ DB はいかにして制約を 克服したか? 〜進化歴史から紐解く、スケーラブルアーキテクチャ設計指針〜
hacomono
PRO
3
280
Agents CLI と Gemini Enterprise Agent Platform で マルチエージェント開発が楽しくなる!
kaz1437
0
260
ハーネスエンジニアリング入門
knishioka
0
130
Anthropic「Long-running a gents」をGeminiで再現してみた
tkikuchi
0
790
GitHub Copilot Dev Days
tomokusaba
0
150
オライリーイベント登壇資料「鉄リサイクル・産廃業界におけるAI技術実応用のカタチ」
takarasawa_
0
330
毎日の作業を Claude Code 経由にしたら、 ノウハウがコードになった
kossykinto
1
1.1k
Percolatorを廃止し、マルチ検索サービスへ刷新した話 / Search Engineering Tech Talk 2026 Spring
visional_engineering_and_design
0
330
Every Conversation Counts
kawaguti
PRO
0
110
Featured
See All Featured
Are puppies a ranking factor?
jonoalderson
1
3.4k
What's in a price? How to price your products and services
michaelherold
247
13k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
110
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
54k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
61
43k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
170
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
200
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
We Are The Robots
honzajavorek
0
220
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
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でいいよ(´・ω・`)
ご清聴ありがとうござい ました