Cryogenでサイトつくろーじぇん
2 likes•1,727 views
Clojure製のStatic site generatorなツールCryogenのご紹介になります。Clojureでサイトつくろーぜ！
![#tokyocljdescjop.org
Clojure的な特徴
➡ コンフィギュレーションは、edn
➡ Markdownに書くメタデータもClojureライク
➡ HTMLテンプレートは、Selmer
➡ leiningenテンプレート用意
➡ 開発モードは、Ring/Compojureでサーバ起動
10
{:title
"First
Post!"
:layout
:post
:tags
["tag1"
"tag3"]}](https://image.slidesharecdn.com/cryogen20150516-150516071751-lva1-app6892/85/Cryogen-10-320.jpg)
![#tokyocljdescjop.org
コンパイラアセットに欠かせないconfig
➡ compile-assets内でこんな風に呼び出されている
➡ read-config内では、templates/config.edn
を読んでいる
19
{:keys
[site-‐url
blog-‐prefix
rss-‐name
recent-‐posts
sass-‐src
sass-‐dest
keep-‐files
ignored-‐files]
:as
config}
(read-‐config)](https://image.slidesharecdn.com/cryogen20150516-150516071751-lva1-app6892/85/Cryogen-19-320.jpg)
![#tokyocljdescjop.org
独自のコンパイラアセットは作成できる
➡ これを、
➡ こう使う
23
(defn
compile-‐htaccess
"put
htaccess
file"
[]
(println
(blue
"compiling
htaccess"))
(spit
(str
public
"/.htaccess")
(render-‐file
"templates/.htaccess"
{})))
(cryogen-‐core.watcher/start-‐watcher!
"resources/templates"
ignored-‐files
#(do
(compile-‐assets-‐timed)
(compile-‐htaccess))](https://image.slidesharecdn.com/cryogen20150516-150516071751-lva1-app6892/85/Cryogen-23-320.jpg)
Cryogenでサイトつくろーじぇん
- 1. {:company “Greative GK” :name “Kazuhiro Hara” :twitter “kara_d” :github “https://github.com/karad”} Tokyo.clj #24 Cryogenで サイトつくろうじぇん
- 2. #tokyocljdescjop.org 自己紹介 2 原 一浩 ハラ カズヒロ ClojureScript + Electronの プロジェクトテンプレdescjopの作者 http://greative.jp/ ( @kara_d ) http://descjop.org/
- 3. #tokyocljdescjop.org Electron用のLeiningenプロジェクト ➡ http://descjop.org now version 0.1.4 available 本日0.1.4リリースしました Electron 0.26.0に対応 3
- 4. #tokyocljdescjop.org ちょっと前の著書 ➡ Play Framework 2徹底入門 - JavaではじめるアジャイルWeb開発 4 実践編（4章∼7章）を担当 ✦ サンプルアプリの企画から設計、構築、テ スト、管理画面作成までを一通り マニュアルにはない詰まりポイントとかも ちりばめられてます。
- 5. #tokyocljdescjop.org アジェンダ ➡ Cryogenとはなんぞや ➡ できること ➡ Cryogenの構造 ➡ はじめてのCryogen ➡ 処理の流れ ➡ コンパイラアセットを作ろう ➡ 今後の課題 5
- 7. #tokyocljdescjop.org Cryogenとは？ ➡ 読み方はクリョージェン? ドイツ語サイトもあることからドイツ製か？ ➡ Static Site Generatorの一種 jekyllとか系 ➡ 静的なHTMLを生成する markdownからコンテンツを生成 7
- 9. #tokyocljdescjop.org できること ➡ MarkdownもしくはAsciiDocからHTMLを生成 ➡ postおよびpageベース ➡ TOCを自動生成 ➡ タグをコンテンツにふれる ➡ Bootstrap組み込み済み ➡ HTMLテンプレートによるデザインカスタマイズ ➡ シンタックスハイライト組み込み済み ➡ sitemap自動生成 ➡ RSS自動生成 ➡ Sass/SCSSサポート 9
- 10. #tokyocljdescjop.org Clojure的な特徴 ➡ コンフィギュレーションは、edn ➡ Markdownに書くメタデータもClojureライク ➡ HTMLテンプレートは、Selmer ➡ leiningenテンプレート用意 ➡ 開発モードは、Ring/Compojureでサーバ起動 10 {:title "First Post!" :layout :post :tags ["tag1" "tag3"]}
- 13. #tokyocljdescjop.org はじめてのCryogen ➡ leiningenのテンプレートを使おう ➡ サーバとして起動するとファイル監視も開始 13 $ lein new cryogen PROJECT_NAME $ lein ring server
- 15. #tokyocljdescjop.org Cryogenの構造 15 . ├── project.clj ├── resources │ └── templates │ ├── 404.html │ ├── config.edn │ ├── css │ │ └── screen.css │ ├── html │ │ └── layouts │ ├── js │ │ └── highlight.pack.js │ └── md │ ├── pages │ └── posts └── src └── cryogen ├── core.clj └── server.clj
- 17. #tokyocljdescjop.org 処理の流れ ➡ サーバ起動 ➡ (cryogen-core.watcher/start-watcher! "resources/templates" ignored-files compile-assets-timed) ここで、起動しっぱなしで、ファイル監視 ➡ (compile-assets-timed)では、 cryogen-core.compiler/compile-assets を利用している コンパイラアセットがCryogenのキモ 17
- 18. #tokyocljdescjop.org コンパイラアセットでやっていること ➡ resources/public内をクリーン ➡ 静的リソースファイルをコピー ➡ md内のフォルダをまとめてimgへコピー ➡ mdページからHTMLの生成 ➡ mdポストからHTMLの生成 ➡ タグ関係ページの生成 ➡ トップページの生成 ➡ アーカイブページの生成 ➡ sitemap、rss、sassコンパイル 18
- 19. #tokyocljdescjop.org コンパイラアセットに欠かせないconfig ➡ compile-assets内でこんな風に呼び出されている ➡ read-config内では、templates/config.edn を読んでいる 19 {:keys [site-‐url blog-‐prefix rss-‐name recent-‐posts sass-‐src sass-‐dest keep-‐files ignored-‐files] :as config} (read-‐config)
- 22. #tokyocljdescjop.org コンパイラアセットを作ろう ➡ コンパイラはcryogen.core内で定義されており、 内容、順番の変更ができない ➡ ファイル監視時に実行されるコンパイラアセットは、 server.cljに書かれている ➡ 独自のコンパイルアセットを渡して実行することが できる ➡ デフォルトのコンパイラアセットを利用しないことも できる 22
- 23. #tokyocljdescjop.org 独自のコンパイラアセットは作成できる ➡ これを、 ➡ こう使う 23 (defn compile-‐htaccess "put htaccess file" [] (println (blue "compiling htaccess")) (spit (str public "/.htaccess") (render-‐file "templates/.htaccess" {}))) (cryogen-‐core.watcher/start-‐watcher! "resources/templates" ignored-‐files #(do (compile-‐assets-‐timed) (compile-‐htaccess))
- 26. {:company “Greative GK” :name “Kazuhiro Hara” :twitter “kara_d” :github “https://github.com/karad”} Tokyo.clj #24 Cryogenでサイトつくろうじぇん ありがとうございました!!