albatrosary's blog

UI/UXとエンタープライズシステム

YEOMAN Advent Calendar 14日目:generator-bespoke を紹介します

ジェネレータ generator-bespoke を紹介します。このエントリーは「YEOMAN Advent Calendar 2014」12月14日の記事です。

YEOMAN Advent Calendar 2014 - Adventar

前回プレゼンテーション用のジェネレータ「generator-reveal」をご紹介しましたが、今回もプレゼンテーション用のジェネレータです。

Bespoke.js

f:id:albatrosary:20141214162932p:plain

インストールから実行まで

インストール

$ npm install -g generator-bespoke
$ mkdir bespoke && cd $_
$ yo bespoke
$ gulp

このジェネレータはgulp を利用しています。オプションは次の通りです:

Thanks for choosing Bespoke.js for your presentation! :)   -@markdalgleish

[?] What is the title of your presentation? (Hello World) 
[?] Would you like to use a pre-made theme? (Y/n) 
[?] Would you like bullet lists? (Y/n) 
[?] Would you like to have different backgrounds? (Y/n) 
[?] Would you like responsive slide scaling? (Y/n) 
[?] Would you like hash routing? (Y/n) 
[?] Would you like a progress bar? (Y/n) 
[?] Will your presentation include form elements? (Y/n) 
[?] Will your presentation include code samples? (Y/n) 

実行

実行すると次の通りです。ページ操作はマウスでなく矢印キーによります。

f:id:albatrosary:20141214163331p:plain

f:id:albatrosary:20141214163346p:plain

f:id:albatrosary:20141214163408p:plain

最後に

reveal.js 同様にHTMLでかっこいいプレゼン資料をつくることができます。