chatwork / Phest

PHP + Smarty製のデザイナ向け静的サイトジェネレーター。S3やGitHub Pagesなど、静的コンテンツしか扱えないホスティング環境でのサイト制作に便利です。
http://c-note.chatwork.com/post/68781816704/phest-php-easy-static-site-generator
Other
71 stars 10 forks source link

スタイルガイドの生成機能の実装 #1

Open wate opened 10 years ago

wate commented 10 years ago

「Production」ボタンを押した時に、CSSのminifyをかける前に、 kss-phpなどを利用して、 スタイルガイドも自動で生成できたりするとありがたいです

cw-masaki commented 10 years ago

スタイルガイド生成面白いですね。kss-php確認してみます!

wate commented 10 years ago

issueへの反応ありがとうございます!

反応があったんで、もうちょっと細かく書くと、以下のような感じでやれば、 いけそうかな?って感じの僕の妄想です。

KSS-PHP自体は、Rubyで書かれてるKSSをPHPに移植したやつなんですけど、 KSS自体はあくまでCSSやCSSプリプロセッサのドキュメントブロックをパースする機能しかないで、 別のテンプレートエンジンなんかと組み合わせて、スタイルガイドを生成しないとだめなんですけど、 PhestならもともとSmarty自体を内包してる前提になってるんで、 KSS-PHPを組み込んでスタイルガイド用のSmartyテンプレートを追加してやれば、 CSSのminifyをかける前とかにKSS-PHPでスタイルガイドを生成する処理を割り込ませてやれば、 実装可能かな?とか思った次第です。 ここら辺が実装できれば、Phestだけでページの生成からCSSのドキュメント的なものまで、 単に静的サイトのジェネレーターとしてだけじゃなく、ドキュメント化までを含めたものとして、 Phestで1つで完結するから、かなりいい感じになるんじゃね?とか思った次第です。

一応、以下にKSSの参考になりそうなURLを記載しておきますー

スタイルガイドジェネレータの KSS が良さそう

cw-masaki commented 10 years ago

なるほど。ありがとうございます!