#1が株式会社ジェニュインブルー様で開催されました。frameworkであるところのSusyについてお話させていただきました。ayumiスライドに出ているgridのサンプルはこちら。github)当日の様子はこんな感じでした。(@machidaさんのtweet引用しまくります)ayumikoさんの発表。22middlemanとsusyの話。susyはcompassを使ったグリッドシステムを簡単に実装できるプラグイン。ブレイクポイントの指定をmixinをimportするだけで出来るので便利。22susy、英語で説明読むの面倒だなぁ、と思ってたので、細かく説明してくれて得した。22興味が湧いた方は、Susy公式のReferenceを見ながら試されると良いと思います。日本語のリファレンスが少ないので、本番ではお話しきれなかった他のmixinなんかについても(PaddingやMarginのmixinなどなど)いずれどこかでまとめる予定です。NEATもやりたいなーとも思っているところ。皆さんのお話から更にmiddlemanに関する知見を得ることが出来たの、本当に良かったです。これに懲りずまた機会があったら挑戦したいなと思っています。Calendar)のリニューアル版がリリースされました。Calendarは本来、12月1日から24日までクリスマスを待つまでに1日に1つ、穴が空けられるようになっているカレンダーです。Calendarを体験できます。今回、自分はデザイン面でお手伝いさせていただきました。Adventarは2012年11月1日に@hokacchaさんがお一人でリリースされたサービスです。今年はBlabo!のお仕事でもご一緒している@june29さんに「You、Adventarのデザインやってみない?」とお声をかけていただいたことがきかっけでした(若干脚色有り)。2012版との大きな変更点は、今年らしくフラットデザインに。各カレンダーに固有の色を持たせて賑やかな感じに。カレンダーページには参加が登録しやすいようなUIに。AFTER@adventartwitterの公式アカウントもあります。2013MiddlemangithubblogPureサイトをリニューアルしていました。WordPressからmiddleman-blogに乗り換えました。ホスティングもロリポップからgithub-pagesに乗り換え。理由は普段使っているエディタでmarkdownでブログを書いてgitでデプロイする流れがやりたかったから。generatorは数あれど、慣れたmiddlemanでやってしまおうと思っていました。sassでコーディングしています。コードはここに置いてあります→camuro.github.io今回リニューアルするのにとった流れか下記の通りです。WordPressからデータをmarkdown形式でブッコ抜くWordPressからxmlをexportしておく。記事を参考にWpXml2Mdを使ってxmlからmarkdownにコンバートする。wp-content/uploads/の画像をsource/images/にコピーする。表示おかしいところなどを確認して直す。syntax-hilighterの調整で戸惑ったので、もっといい方法があるはず。jekyllとかoctpressの記事を調べてもっと良い方法探した方がいいかも。Pureを少し使ってmiddleman-blogでコーディンググリッドとページングのところにPureを使いました。@yterajimaさんのgemが便利です。markdownはmiddleman-syntaxでredcarpet、Syntax-Hilightはmiddleman-rouge、コメントはmiddleman-disqusのgemを使いました。githubにorganizationアカウントを作るドメインを割り当てたい場合の対策です。ユーザーアカウントにプロジェクトリポジトリを作成した場合は、masterブランチをdeployするとgh-pagesブランチが生成されてそこにbuildしたファイルがdeployされます。http://username.github.io/projectnameでgh-pagesブランチのファイルが表示されるはずです。ドメインを割り当てる場合は、username.github.ioという名前でリポジトリを作成してそこにドメインを書いたCNAMEファイルを置きます。(置き場所はsource/の下です。pagesのカスタムドメインは1ユーザにつき1つしか設定できないので、自分の場合はcamuro.org用にcamuroというorganizationアカウントを作りました。organizationアカウントで新しいリポジトリをcamuro.github.ioという名前で作成します。camuro/camuro.github.ioという感じですね。buildしておいてくださいね。以前書いていたのですが、公開してなかった記事があったのでついでに公開します。上記の記事の方法はdeploy.branchを指定しないと自動的にgh-pagesというブランチで生成されますが、ドメインを割り当てたい場合にはgh-pagesにCNAMEを置いても反映されず、あくまでmasterブランチでないと反映されません。config.rbに次のように設定しておきます。deployしてあげるとmasterブランチにdeployされます。まぎらわしいので本来のmasterブランチ的な役割はdevelopというブランチ名で作りました。Coiney開発者ブログを参考にしました。(coiney.github.io)。