読者になるメモ置き場この広告は、90日以上更新していないブログに表示しています。以前ちょっとさわってみたKickstrapですが、久しぶりにチェックしたらかなり進化していたのでもう一回見てみました。フォルダ構成ダウンロードして展開するとこのような構成になってます。トップディレクトリにあるファイルが少なくなってシンプルになりました。SimpleHTTPServerしてhttp://localhost:8000を開くとindex.htmlの見た目を確認できます。SimpleHTTPServerファイルを見てみるstylesheetの指定index.htmlからcssは読み込んでなくて、直にちょっとだけ書いてあります。あとはkickstrap.lessのみ読み込んでます。href="kickstrap.less">kickstrap.lessではカスタマイズ用の変数や、bootstrapを含む様々なlessファイルをimportしてます。theme.lessもkickstrap.lessでimportされます。kickstrap.lessのカスタマイズ変数@appsでプラグイン?として何を使うかを指定します。プラグインはKickstrap/appsディレクトリの下に置いてあるものを指定できます。こちらに紹介されているもののうちいくつかは最初から含まれています。http://getkickstrap.com/apps/含まれていないものはこのページからDLして配置すればよいのでしょう。書式はカンマ区切りの文字列で//が頭についているとコメントアウトになるようです。以下がデフォルトの状態ですが、pinesnotifyとbootstrapが有効になってます。ここでbootstrapを書いておくとbootstrapで用意されているjsが使えるようになるみたいですね。ここに書いてあるやつです。http://twitter.github.com/bootstrap/javascript.html/区切りでサブディレクトリのtransitionだけ使うということもできます。//updater";@rootDirはKickstrapを使うルートディレクトリを指定するようです。デフォルトでは'/'ですが、"http://domain.com/blog/"などで使う場合は'/blog/'を指定します。"/";あと@universalResourcesというのもあるんですが、EXPERIMENTALとなってるのでとりあえず置いときます。theme.lessでカスタマイズtheme.lessではその名の通りテーマをカスタマイズします。Kickstrap/themes以下においてあるものを指定できます。"Kickstrap/themes/spacelab/bootswatch.less";qunitを動かしてみるKickstrapディレクトリにqunit.zipが置いてありますので、apps以下にコピーして解凍します。//updater";これでindex.htmlをリロードするとqunitが走るのが確認できます。依存しているライブラリがちょっと入れ替わってます。knockout.jsとかは以前は入ってませんでしたが、今回はデフォルトでappsの下においてあります。Notifyというものになったみたいですね。全体のコンセプトは変わってませんが前よりも確実にわかりやすくなりました。4参加グループプログラミングはてなブログをはじめよう!yuheiomori0718さんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。