はじめに esaには、書いた記事をGitHubにPushするwebhookがあります(今はまだβ)。 その機能を使い、 esaで記事を書いて Middlemanでビルドして Werckerで自動デプロイして GitHub Pagesでブログとして公開する までの手順を紹介します。 全体像を雑に図にするとこんな感じです。 esaやMiddlemanやGithub Pages、CIについてはいくらか知識がある人を対象とします。 esaのGitHub webhook esaのGitHub webhookは、esaの特定ディレクトリ以下に記事を書いたらGitHubの特定のリポジトリにpushしてくれる機能です。 次のような特徴があります。 esaの特定のディレクトリだけを対象とできる 任意のブランチをpush先に指定できる 保存先ディレクトリを指定できる 保存するファイルのパスは${保存先ディレク
Middleman + S3 + Fastly で作るブログ付きスタティックサイトのススメ
どうもこんにちは、僕です。働クリッカーが大盛況につき、 zeny.io へのアクセスが急増しまして、気がついたら AWS から出てきた Data Transfer の今月の請求額がちょっとヤバそうな感じになっていました。バズるの怖いっすね。 それでも Internal Server Error など出さず、粛々と(トロくても)動き続けていたのは、種も仕掛けもなく、純粋に S3 の上に HTML を配置しただけの簡単設計だったのがよかったのですが、さすがに .zip とか .app とか配布するとなると、転送量もばかにならないし、なにより遅い。 ということで、 Fastly を導入してもうちょい早くしたよ☆というのが今日のお題です。やったね！ Middleman は静的サイトのジェネレータです。普通に HTML を書くのはだるいけど、Rails とか Sinatra とか引っ張りだすほどじゃ
Photo by @yterajima 2014/05/16 に恵比寿の Engine Yard さんで行われた、Tokyo Middleman Meetup #2 で、KAIZEN platform で開発している、planBCD GUI Editor と類似記事プラグインについて発表してきました。 当たり前ですが、みんな Middleman 好きで楽しい Meetup でした。(当日の様子) その 1. planBCD GUI Editor demo は こちら から。 途中リンクされている naoya さんのエントリー。 その 2. middleman-blog-similar ~> 1.0 middleman-blog-similar について、話しました。 集合写真 Photo by @yterajima
Middleman ガイド日本語化の作業を代わってくれる方を探しています。 2014/02/03以降の Middlemanガイド日本語版の日本語化管理者を探す · Issue #29 · middlemanJP/middlemanjp.github.io 2013/02/03 に日本語版として公開したので, キリよく 1 年経過した時点で私個人としては Middleman ガイドの日本語化から手を引きたいと考えています。そこで, 代わりにこの作業をしていただける方, または管理してくれる方を探しています。 現状の作業内容 大体 2 週間に 1 度くらいのペースで upstream (本家) を merge 本家の変更箇所が CONFLICT するので該当部分を確認し修正または日本語化する commit し push する github pages に反映するために middleman bu
昨今の開発ではHTMLをそのまま記述するのではなく、簡潔に記述する為のテンプレートエンジンを利用することが多いと思います。今回はHamlとSlimというテンプレートエンジンを、Middlemanという開発サーバーツールを利用して比較していきます。 HamlとSlimとは？ Haml と Slim はHTMLを生成するためのテンプレートエンジンです。 HTMLをそのまま記述するのと比べ、インデントや簡略構文によって簡潔な記述が行えるのが特徴です。 HamlはRuby On Railsなどのプロジェクトで利用している方も多いと思いますが、Slimは聞きなれない方もいるのではないでしょうか？ ※Ruby On Railsで利用するにはそれぞれ、 haml-rails 、 slim-rails というgemを追加する必要があります 以下でHamlとSlimについて、サンプルコードを用いて比較し
gh-pagesブランチの更新自動化がゴール masterにpushするだけで内容を動的に取得してgh-pagesブランチにpushをします。 今回もTravisのお力を借ります。以下がポイントになります。 gh-pagesブランチの内容はmiddlemanによる出力 masterブランチにコミットしたあと、Travisからmiddlemanのビルドを実行 生成された内容をgh-pagesブランチへpush middlemanのインストール middlemanはrubyで動く静的サイトジェネジェネレータです。 テンプレートをほぼhtmlで記述することが出来て、ブログ等の管理を非常に簡単にすることが出来ます。 jekyll使ったことのある人なら学習コストはさらに低めです。詳しくはこの辺り。 middleman - web サイトの開発をシンプルに まずはmiddlemanのインスト
最近自分の周りを見ると、フロントエンドの開発ツールといえばGruntをみんな使ってるんだけど、Middlemanを使うのもけっこういいんじゃないかと思ったので比較してみる。 実現したいこと 例えば次のようなものをつくりたいとする。 HTMLは数ページ〜十数ページくらい（ヘッダ・フッタくらいは共通化したい） JSはconcatしてminifyしたい CSSはSassを使いたい 開発時はwatchしたり動的サーバーなりでJSやCSSは動的にビルドしたい 最終的には成果物として静的ファイルを出力したい まあ、フロントエンドの開発ではいたって普通な要件だと思う。普段サーバーサイドの開発してたり、サーバーサイドと一緒にフロントエンドも開発してる人にとっては、静的ファイルだけ成果物としてあればいいとかあるの？と思うかもしれないけど自分の周りではけっこうよくある。 Gruntとの比較について このような
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
