55
GitHubとJekyllで つくる静的Webサイト 設樂 洋爾 [email protected] — e way we are working on our website. 2009年12月5日(土) 札幌Ruby会議02「札幌のRuby」

Building Static Website With Github And Jekyll

Embed Size (px)

Citation preview

Page 1: Building Static Website With Github And Jekyll

GitHubとJekyllでつくる静的Webサイト

設樂 洋爾[email protected]

— e way we are working on our website.

2009年12月5日(土) 札幌Ruby会議02「札幌のRuby」

Page 2: Building Static Website With Github And Jekyll

提 供

Page 3: Building Static Website With Github And Jekyll

しだら ようじ設樂 洋爾

Page 4: Building Static Website With Github And Jekyll

Ruby Sapporo

Page 5: Building Static Website With Github And Jekyll

I love soupcurry.

Page 6: Building Static Website With Github And Jekyll

Find soupcurry shops right now.

Page 7: Building Static Website With Github And Jekyll
Page 8: Building Static Website With Github And Jekyll

jpmobile

Page 9: Building Static Website With Github And Jekyll

What’s going on twitter?

Page 10: Building Static Website With Github And Jekyll

Crawlermodule

Analyzermodule

WebFrontend

Notification module

Fulltext Search

BuzzDAS: Buzz Data Analysis System

System Diagram:Rough Sketch

Page 11: Building Static Website With Github And Jekyll
Page 12: Building Static Website With Github And Jekyll
Page 13: Building Static Website With Github And Jekyll

e "rst editionstill in store.

Page 14: Building Static Website With Github And Jekyll

GitHubとJekyllでつくる静的Webサイト

設樂 洋爾[email protected]

— e way we are working on our website.

2009年12月5日(土) 札幌Ruby会議02「札幌のRuby」

Page 15: Building Static Website With Github And Jekyll

クラウド時代の企業向けWebサイト構築手法のご提案

設樂 洋爾[email protected]

— e way we are working on our website.

2009年10月24日(土) とちぎRuby会議02「儲かるRuby」

Page 16: Building Static Website With Github And Jekyll

Enterprise,

Page 17: Building Static Website With Github And Jekyll

Collaboration

Work!ow

Page 19: Building Static Website With Github And Jekyll

Renewal,

Prototyping

Campaign,

Page 20: Building Static Website With Github And Jekyll

Security

Page 21: Building Static Website With Github And Jekyll

Backups

Page 22: Building Static Website With Github And Jekyll

Scalability

Page 23: Building Static Website With Github And Jekyll

Issue tracking

Page 24: Building Static Website With Github And Jekyll

Enterprise.

Page 25: Building Static Website With Github And Jekyll

Enterprise!

Page 26: Building Static Website With Github And Jekyll

Complex CMSsare too muchfor us.

Page 27: Building Static Website With Github And Jekyll

Solution:

Page 28: Building Static Website With Github And Jekyll
Page 29: Building Static Website With Github And Jekyll
Page 30: Building Static Website With Github And Jekyll
Page 31: Building Static Website With Github And Jekyll

Ruby?

Page 32: Building Static Website With Github And Jekyll

Ruby!

Page 33: Building Static Website With Github And Jekyll

And ...

Page 34: Building Static Website With Github And Jekyll

http://jekyllrb.com/

Page 35: Building Static Website With Github And Jekyll

transform your text into a monster

Page 36: Building Static Website With Github And Jekyll

your text---category: newslayout: newstitle: とちぎRuby会議02をスポンサードします---株式会社えにしテックは、2009年10月24日に西那須野公民館で開催される[とちぎRuby会議02](http://regional.rubykaigi.org/tochigi02)をプラチナスポンサーとしてバックアップします。同会議は、2008年から日本の各地で開催されている[地域Ruby会議](http://regional.rubykaigi.org/)と呼ばれるRuby開発者・利用者向けのカンファレンスの一つです。

### 開催概要- 名称: とちぎRuby会議02 (tochigirubykaigi02)- 会期: 2009 年 10 月 24 日 (土)- 会場: 西那須野公民館 (栃木県那須塩原市)- 主催: とちぎRuby会議02実行委員会- 後援: 日本Rubyの会

Page 37: Building Static Website With Github And Jekyll

your text monster---category: newslayout: newstitle: とちぎRuby会議02をスポンサードします---株式会社えにしテックは、2009年10月24日に西那須野公民館で開催される[とちぎRuby会議02](http://regional.rubykaigi.org/tochigi02)をプラチナスポンサーとしてバックアップします。同会議は、2008年から日本の各地で開催されている[地域Ruby会議](http://regional.rubykaigi.org/)と呼ばれるRuby開発者・利用者向けのカンファレンスの一つです。

### 開催概要- 名称: とちぎRuby会議02 (tochigirubykaigi02)- 会期: 2009 年 10 月 24 日 (土)- 会場: 西那須野公民館 (栃木県那須塩原市)- 主催: とちぎRuby会議02実行委員会- 後援: 日本Rubyの会

Page 38: Building Static Website With Github And Jekyll

Provide us:

Page 39: Building Static Website With Github And Jekyll

!exible work!ows

w/power of git

Page 40: Building Static Website With Github And Jekyll

Collaboration

Work!ow

mayuco

shimada shidaracontents

contents

deploy!

design

Page 42: Building Static Website With Github And Jekyll

Renewal,Campaign,

“git branch”

Prototyping

Page 43: Building Static Website With Github And Jekyll

Backups

“git clone”

Page 44: Building Static Website With Github And Jekyll

Security

Simple & Static Web!

(development)

(deployment)

Page 45: Building Static Website With Github And Jekyll

Scalability

Simple & Static!

Page 46: Building Static Website With Github And Jekyll

Issue tracking

Page 47: Building Static Website With Github And Jekyll

Write Once,Deploy Anywhere.

Page 48: Building Static Website With Github And Jekyll

For easy deploy...

Page 49: Building Static Website With Github And Jekyll

Or,

Page 50: Building Static Website With Github And Jekyll

#!/bin/shcd ..rm -rf _siteenv -i git reset --hard &&

jekyll && \

rsync -auv --delete _site/ /var/www

(.git/hooks/post-receive)

% git push deploy

% git remote add deploy ...

Ready,

Get Set,

Go!

Page 51: Building Static Website With Github And Jekyll

git repo(for deployment)

git repo(for development)

Apache

.git/hooks/post-receive‣format w/jekyll‣rsync to /var/www

git push

Page 52: Building Static Website With Github And Jekyll

Conclusion:

Page 53: Building Static Website With Github And Jekyll

and

Page 54: Building Static Website With Github And Jekyll

Coming soon!

Page 55: Building Static Website With Github And Jekyll

GitHubとJekyllでつくる静的Webサイト

設樂 洋爾[email protected]

— e way we are working on our website.

2009年12月5日(土) 札幌Ruby会議02「札幌のRuby」