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
50
静的サイトジェネレーターで行こう #TechLunch
静的サイトジェネレーターで行こう
2013/06/19 (水) @ Livesense TechLunch
発表者:佐藤 洋輔
Livesense Inc.
PRO
April 21, 2014
Tweet
Share
More Decks by Livesense Inc.
See All by Livesense Inc.
株式会社リブセンス 会社説明資料(報道関係者様向け)
livesense
PRO
0
770
26新卒_総合職採用_会社説明資料
livesense
PRO
0
1.4k
株式会社リブセンス会社紹介資料 / Invent the next common.
livesense
PRO
1
8.8k
26新卒_Webエンジニア職採用_会社説明資料
livesense
PRO
1
5k
中途セールス職_会社説明資料
livesense
PRO
0
140
EM候補者向け転職会議説明資料
livesense
PRO
0
58
コロナで失われたノベルティ作成ノウハウを復活させた話
livesense
PRO
0
180
転職会議でGPT-3を活用した企業口コミ要約機能をリリースした話
livesense
PRO
0
1.2k
株式会社リブセンス マッハバイト_プレイブック
livesense
PRO
0
720
Other Decks in Technology
See All in Technology
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
950
LINEヤフーにおけるPrerender技術の導入とその効果
narirou
1
160
IBC 2024 動画技術関連レポート / IBC 2024 Report
cyberagentdevelopers
PRO
1
120
個人でもIAM Identity Centerを使おう!(アクセス管理編)
ryder472
4
240
CDCL による厳密解法を採用した MILP ソルバー
imai448
3
180
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
190
誰も全体を知らない ~ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
2
230
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
160
開発生産性を上げながらビジネスも30倍成長させてきたチームの姿
kamina_zzz
2
1.7k
TanStack Routerに移行するのかい しないのかい、どっちなんだい! / Are you going to migrate to TanStack Router or not? Which one is it?
kaminashi
0
610
Next.jsとNuxtが混在? iframeでなんとかする!
ypresto
1
150
オープンソースAIとは何か? --「オープンソースAIの定義 v1.0」詳細解説
shujisado
10
1.4k
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
327
21k
Building Applications with DynamoDB
mza
90
6.1k
Designing for Performance
lara
604
68k
Making Projects Easy
brettharned
115
5.9k
Facilitating Awesome Meetings
lara
50
6.1k
Unsuck your backbone
ammeep
668
57k
Embracing the Ebb and Flow
colly
84
4.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Building an army of robots
kneath
302
43k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
We Have a Design System, Now What?
morganepeng
50
7.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
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でいいよ(´・ω・`)
ご清聴ありがとうござい ました