SlideShare a Scribd company logo
1 of 27
Download to read offline
何なのc?


岩石睦(あみだく)
自己紹介
自己紹介無しで!
nanocって何nanoc?
nanoc is a tool for building static web sites.
CMS
Contents
Management
System
    ”コンテンツマネジメントシステムは、
    Webコンテンツを構成するテキストや
     画像などのデジタルコンテンツを
         統合・体系的に管理し、
   配信など必要な処理を行うシステムの総称。”
                 --Wikipediaより--
“nanoc is not a true
content management system (CMS),
   as it does not manage content
    —you manage the content,
  and nanoc processes it for you.”




nanocはCMSじゃ無い?
Web Proxy           Web Server


     Web App.(CMS)


        Database              PC


many CMSes & blog engine     nanoc
Why Static?
Why Static?




    FAST

    SAFE

PREVIEWABLE

VERSIONABLE
nanocって簡単nanoc?
to begin with




% nanoc create-site hogehoge
hogehoge    content      index.html



              lib       stylesheet.css



            layouts     default.html



             output



             Rules



           config.yaml

               ※現在のバージョンでは、config.yamlはnanoc.yamlに変更
hogehoge    content      index.html



              lib       stylesheet.css



            layouts     default.html



             output      index.html



             Rules      stylesheet.css




           config.yaml

               ※現在のバージョンでは、config.yamlはnanoc.yamlに変更
hogehoge    content      index.html

                                         hello.html

              lib       stylesheet.css



            layouts     default.html



             output



             Rules



           config.yaml
hogehoge    content      index.html

                                         hello.html

              lib       stylesheet.css



            layouts     default.html



             output      index.html

                                           hello      index.html

             Rules      stylesheet.css




           config.yaml
create-item



 compile

              Edit

   view



  deploy
nanocって面白いことできそうnanoc?
テキストで作成
テキストで作成




バージョン管理が簡単
テキストで作成




バージョン管理が簡単
こんな人向け


    !○ビルダーのhtml嫌い!!


    今時はMarkdownでしょ!


    ERBデフォで使え


    rubyコード書けるよ!
こんな人向け


    !○ビルダーのhtml嫌い!!


    今時はMarkdownでしょ!


    ERBデフォで使え


    rubyコード書けるよ!
             Bossのスライドが楽しみ
Enjoy!




http://nanoc.ws/

More Related Content

What's hot

Djangoのチュートリアル
DjangoのチュートリアルDjangoのチュートリアル
Djangoのチュートリアルsakihohoribe
 
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2Nishida Kansuke
 
20110714 j queryベーシック
20110714 j queryベーシック20110714 j queryベーシック
20110714 j queryベーシック良太 増子
 
Pycon2014 django performance
Pycon2014 django performancePycon2014 django performance
Pycon2014 django performancehirokiky
 
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義EC-CUBEプラグイン講義
EC-CUBEプラグイン講義ria1201
 
第3回 Magento Cafe Plus モジュール開発入門
第3回 Magento Cafe Plus モジュール開発入門第3回 Magento Cafe Plus モジュール開発入門
第3回 Magento Cafe Plus モジュール開発入門Hirokazu Nishi
 

What's hot (6)

Djangoのチュートリアル
DjangoのチュートリアルDjangoのチュートリアル
Djangoのチュートリアル
 
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
 
20110714 j queryベーシック
20110714 j queryベーシック20110714 j queryベーシック
20110714 j queryベーシック
 
Pycon2014 django performance
Pycon2014 django performancePycon2014 django performance
Pycon2014 django performance
 
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
 
第3回 Magento Cafe Plus モジュール開発入門
第3回 Magento Cafe Plus モジュール開発入門第3回 Magento Cafe Plus モジュール開発入門
第3回 Magento Cafe Plus モジュール開発入門
 

Viewers also liked

Creating Digital Stories
Creating Digital StoriesCreating Digital Stories
Creating Digital StoriesJeremy Williams
 
Technology innovation in legal industry by inszoom
Technology innovation in legal industry by inszoom Technology innovation in legal industry by inszoom
Technology innovation in legal industry by inszoom Sneh Sharma
 
Yazım Kuralları-2
Yazım Kuralları-2Yazım Kuralları-2
Yazım Kuralları-2yardimt
 
16 paragrafın anlatım yönü-anlatım özellikleri
16 paragrafın anlatım yönü-anlatım özellikleri16 paragrafın anlatım yönü-anlatım özellikleri
16 paragrafın anlatım yönü-anlatım özellikleriyardimt
 
Fiiler Sunusu
Fiiler SunusuFiiler Sunusu
Fiiler Sunusuyardimt
 
Futures, communication and social innovation
Futures, communication and social innovationFutures, communication and social innovation
Futures, communication and social innovationMario Guillo
 
Shadow art
Shadow artShadow art
Shadow artale last
 
Dilbilgisi
DilbilgisiDilbilgisi
Dilbilgisiyardimt
 
The immutable law of social media #REALationships #smdaysfl 2015
The immutable law of social media #REALationships #smdaysfl 2015The immutable law of social media #REALationships #smdaysfl 2015
The immutable law of social media #REALationships #smdaysfl 2015Gilbert Direct Marketing, Inc.
 
Mills Elementary Cac Presentation 3 5 09
Mills Elementary Cac Presentation 3 5 09Mills Elementary Cac Presentation 3 5 09
Mills Elementary Cac Presentation 3 5 09michellemoon
 
大川祐介
大川祐介大川祐介
大川祐介toRuby
 
いろいろ引き出し作って見ました
いろいろ引き出し作って見ましたいろいろ引き出し作って見ました
いろいろ引き出し作って見ましたMutsumi IWAISHI
 
Compania KRUK Bucuresti rezultate T3
Compania KRUK Bucuresti rezultate T3Compania KRUK Bucuresti rezultate T3
Compania KRUK Bucuresti rezultate T3Carla Alman
 
Fiilde Zaman
Fiilde ZamanFiilde Zaman
Fiilde Zamanyardimt
 

Viewers also liked (20)

Creating Digital Stories
Creating Digital StoriesCreating Digital Stories
Creating Digital Stories
 
Technology innovation in legal industry by inszoom
Technology innovation in legal industry by inszoom Technology innovation in legal industry by inszoom
Technology innovation in legal industry by inszoom
 
Yazım Kuralları-2
Yazım Kuralları-2Yazım Kuralları-2
Yazım Kuralları-2
 
16 paragrafın anlatım yönü-anlatım özellikleri
16 paragrafın anlatım yönü-anlatım özellikleri16 paragrafın anlatım yönü-anlatım özellikleri
16 paragrafın anlatım yönü-anlatım özellikleri
 
Fiiler Sunusu
Fiiler SunusuFiiler Sunusu
Fiiler Sunusu
 
Unit 3, GRE401
Unit 3, GRE401Unit 3, GRE401
Unit 3, GRE401
 
Futures, communication and social innovation
Futures, communication and social innovationFutures, communication and social innovation
Futures, communication and social innovation
 
Shadow art
Shadow artShadow art
Shadow art
 
Dilbilgisi
DilbilgisiDilbilgisi
Dilbilgisi
 
stuboi
stuboistuboi
stuboi
 
The immutable law of social media #REALationships #smdaysfl 2015
The immutable law of social media #REALationships #smdaysfl 2015The immutable law of social media #REALationships #smdaysfl 2015
The immutable law of social media #REALationships #smdaysfl 2015
 
Adlar
AdlarAdlar
Adlar
 
Teaching Defense
Teaching DefenseTeaching Defense
Teaching Defense
 
Mills Elementary Cac Presentation 3 5 09
Mills Elementary Cac Presentation 3 5 09Mills Elementary Cac Presentation 3 5 09
Mills Elementary Cac Presentation 3 5 09
 
大川祐介
大川祐介大川祐介
大川祐介
 
いろいろ引き出し作って見ました
いろいろ引き出し作って見ましたいろいろ引き出し作って見ました
いろいろ引き出し作って見ました
 
Compania KRUK Bucuresti rezultate T3
Compania KRUK Bucuresti rezultate T3Compania KRUK Bucuresti rezultate T3
Compania KRUK Bucuresti rezultate T3
 
Al lavoro con le lingue
Al lavoro con le lingueAl lavoro con le lingue
Al lavoro con le lingue
 
Fiilde Zaman
Fiilde ZamanFiilde Zaman
Fiilde Zaman
 
Meat 2.0 vr7
Meat 2.0 vr7Meat 2.0 vr7
Meat 2.0 vr7
 

Similar to 何なのc?

今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]takashi ono
 
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?HTML5での制作、いつから始める?
HTML5での制作、いつから始める?Fuminori Mori
 
Sphinx HTML Theme Hacks
Sphinx HTML Theme HacksSphinx HTML Theme Hacks
Sphinx HTML Theme HacksShoji KUMAGAI
 
マークアップ講座 01b HTML
マークアップ講座 01b HTMLマークアップ講座 01b HTML
マークアップ講座 01b HTMLeiji sekiya
 
baserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアルbaserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアルRyuji Egashira
 
scala+liftで遊ぼう
scala+liftで遊ぼうscala+liftで遊ぼう
scala+liftで遊ぼうyouku
 
WordBenchTokyo-20111126
WordBenchTokyo-20111126WordBenchTokyo-20111126
WordBenchTokyo-20111126webourgeon
 
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩Chieko Aihara
 
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回Hitsuji
 
Mvc conf session_2_shibamura
Mvc conf session_2_shibamuraMvc conf session_2_shibamura
Mvc conf session_2_shibamuraHiroshi Okunushi
 
Facebook対応と大規模サイト移転のトライ&エラー
Facebook対応と大規模サイト移転のトライ&エラーFacebook対応と大規模サイト移転のトライ&エラー
Facebook対応と大規模サイト移転のトライ&エラーGaryuten
 
簡単なHTTPサーバの作成
簡単なHTTPサーバの作成簡単なHTTPサーバの作成
簡単なHTTPサーバの作成Panu Avakul
 
[AWSマイスターシリーズ] Amazon DynamoDB
[AWSマイスターシリーズ] Amazon DynamoDB[AWSマイスターシリーズ] Amazon DynamoDB
[AWSマイスターシリーズ] Amazon DynamoDBAmazon Web Services Japan
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップYasuhito Yabe
 
20140924 mt cloud_handson_seminar
20140924 mt cloud_handson_seminar20140924 mt cloud_handson_seminar
20140924 mt cloud_handson_seminarSix Apart
 
コードビュー中心で開発するDreamweaverテンプレート
コードビュー中心で開発するDreamweaverテンプレートコードビュー中心で開発するDreamweaverテンプレート
コードビュー中心で開発するDreamweaverテンプレートAkira Maruyama
 
これからのサイト構築のお話 ~テーマTwentySeventeenとマーケティング~
これからのサイト構築のお話 ~テーマTwentySeventeenとマーケティング~これからのサイト構築のお話 ~テーマTwentySeventeenとマーケティング~
これからのサイト構築のお話 ~テーマTwentySeventeenとマーケティング~Tom Inaba
 
20130225 pronet study
20130225 pronet study20130225 pronet study
20130225 pronet studySix Apart
 

Similar to 何なのc? (20)

今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
 
Ripps BootCamp 02
Ripps BootCamp 02Ripps BootCamp 02
Ripps BootCamp 02
 
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?HTML5での制作、いつから始める?
HTML5での制作、いつから始める?
 
Sphinx HTML Theme Hacks
Sphinx HTML Theme HacksSphinx HTML Theme Hacks
Sphinx HTML Theme Hacks
 
マークアップ講座 01b HTML
マークアップ講座 01b HTMLマークアップ講座 01b HTML
マークアップ講座 01b HTML
 
baserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアルbaserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアル
 
scala+liftで遊ぼう
scala+liftで遊ぼうscala+liftで遊ぼう
scala+liftで遊ぼう
 
WordBenchTokyo-20111126
WordBenchTokyo-20111126WordBenchTokyo-20111126
WordBenchTokyo-20111126
 
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
 
ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回ゼロからつくるWord pressテーマ第6回
ゼロからつくるWord pressテーマ第6回
 
Mvc conf session_2_shibamura
Mvc conf session_2_shibamuraMvc conf session_2_shibamura
Mvc conf session_2_shibamura
 
Facebook対応と大規模サイト移転のトライ&エラー
Facebook対応と大規模サイト移転のトライ&エラーFacebook対応と大規模サイト移転のトライ&エラー
Facebook対応と大規模サイト移転のトライ&エラー
 
UnicastWS vol.2
UnicastWS vol.2UnicastWS vol.2
UnicastWS vol.2
 
簡単なHTTPサーバの作成
簡単なHTTPサーバの作成簡単なHTTPサーバの作成
簡単なHTTPサーバの作成
 
[AWSマイスターシリーズ] Amazon DynamoDB
[AWSマイスターシリーズ] Amazon DynamoDB[AWSマイスターシリーズ] Amazon DynamoDB
[AWSマイスターシリーズ] Amazon DynamoDB
 
「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ「html5 boilerplate」から考える、これからのマークアップ
「html5 boilerplate」から考える、これからのマークアップ
 
20140924 mt cloud_handson_seminar
20140924 mt cloud_handson_seminar20140924 mt cloud_handson_seminar
20140924 mt cloud_handson_seminar
 
コードビュー中心で開発するDreamweaverテンプレート
コードビュー中心で開発するDreamweaverテンプレートコードビュー中心で開発するDreamweaverテンプレート
コードビュー中心で開発するDreamweaverテンプレート
 
これからのサイト構築のお話 ~テーマTwentySeventeenとマーケティング~
これからのサイト構築のお話 ~テーマTwentySeventeenとマーケティング~これからのサイト構築のお話 ~テーマTwentySeventeenとマーケティング~
これからのサイト構築のお話 ~テーマTwentySeventeenとマーケティング~
 
20130225 pronet study
20130225 pronet study20130225 pronet study
20130225 pronet study
 

More from Mutsumi IWAISHI

DNSって結局何?って人向けのRoute53の話など
DNSって結局何?って人向けのRoute53の話などDNSって結局何?って人向けのRoute53の話など
DNSって結局何?って人向けのRoute53の話などMutsumi IWAISHI
 
アプリ開発検証はLXC+Ansibleで楽ちんにやろう!
アプリ開発検証はLXC+Ansibleで楽ちんにやろう!アプリ開発検証はLXC+Ansibleで楽ちんにやろう!
アプリ開発検証はLXC+Ansibleで楽ちんにやろう!Mutsumi IWAISHI
 
複数Linuxサーバ構成の検証? それ1インスタンスでできるよ!
複数Linuxサーバ構成の検証? それ1インスタンスでできるよ!複数Linuxサーバ構成の検証? それ1インスタンスでできるよ!
複数Linuxサーバ構成の検証? それ1インスタンスでできるよ!Mutsumi IWAISHI
 
ファーエンドテクノロジーのサービスを支えるOSS
ファーエンドテクノロジーのサービスを支えるOSSファーエンドテクノロジーのサービスを支えるOSS
ファーエンドテクノロジーのサービスを支えるOSSMutsumi IWAISHI
 
ネットワークに流れるパケットをのぞいてみよう
ネットワークに流れるパケットをのぞいてみようネットワークに流れるパケットをのぞいてみよう
ネットワークに流れるパケットをのぞいてみようMutsumi IWAISHI
 

More from Mutsumi IWAISHI (6)

DNSって結局何?って人向けのRoute53の話など
DNSって結局何?って人向けのRoute53の話などDNSって結局何?って人向けのRoute53の話など
DNSって結局何?って人向けのRoute53の話など
 
アプリ開発検証はLXC+Ansibleで楽ちんにやろう!
アプリ開発検証はLXC+Ansibleで楽ちんにやろう!アプリ開発検証はLXC+Ansibleで楽ちんにやろう!
アプリ開発検証はLXC+Ansibleで楽ちんにやろう!
 
複数Linuxサーバ構成の検証? それ1インスタンスでできるよ!
複数Linuxサーバ構成の検証? それ1インスタンスでできるよ!複数Linuxサーバ構成の検証? それ1インスタンスでできるよ!
複数Linuxサーバ構成の検証? それ1インスタンスでできるよ!
 
ファーエンドテクノロジーのサービスを支えるOSS
ファーエンドテクノロジーのサービスを支えるOSSファーエンドテクノロジーのサービスを支えるOSS
ファーエンドテクノロジーのサービスを支えるOSS
 
Jaws ug shimane-1
Jaws ug shimane-1Jaws ug shimane-1
Jaws ug shimane-1
 
ネットワークに流れるパケットをのぞいてみよう
ネットワークに流れるパケットをのぞいてみようネットワークに流れるパケットをのぞいてみよう
ネットワークに流れるパケットをのぞいてみよう
 

何なのc?