The definitive listing of Static Site Generators — all 460 of them!Stars Name License Language Created Updated
middleman-sync だと、手元の環境では dot を含むバケット名に sync できなかったので調査していて、たまたま middleman-s3_sync gem を見つけました。config.rb で s3_sync.path_style = true にしておけば、dot を含んでいてもアップロードします。ついでに標題の問題にも対応していました。 ;;https://github.com/fredjean/middleman-s3_sync#why-not-middleman-sync Why not Middleman Sync? Middleman Sync does af great job to push Middleman generated websites to S3. The only issue I have with it is that it pushe
Middleman - Makes developing websites simple Middleman is a static site generator using all the shortcuts and tools in modern web development. Check out middlemanapp.com for detailed tutorials, including a getting started guide. Why Middleman? These days, many websites are built with an API in mind. Rather than package the frontend and the backend together, both can be built and deployed independe
サイトをリニューアルしていました。 WordPressからmiddleman-blogに乗り換えました。 ホスティングもロリポップからgithub-pagesに乗り換え。 理由は普段使っているエディタでmarkdownでブログを書いてgitでデプロイする流れがやりたかったから。 static site generatorは数あれど、慣れたmiddlemanでやってしまおうと思っていました。 haml と sassでコーディングしています。コードはここに置いてあります→camuro.github.io 今回リニューアルするのにとった流れか下記の通りです。 WordPressからデータをmarkdown形式でブッコ抜く Pureを少し使ってmiddleman-blogでコーディング githubにorganizationアカウントを作る middleman-deployでdeploy トップレ
最近自分の周りを見ると、フロントエンドの開発ツールといえばGruntをみんな使ってるんだけど、Middlemanを使うのもけっこういいんじゃないかと思ったので比較してみる。 実現したいこと 例えば次のようなものをつくりたいとする。 HTMLは数ページ〜十数ページくらい(ヘッダ・フッタくらいは共通化したい) JSはconcatしてminifyしたい CSSはSassを使いたい 開発時はwatchしたり動的サーバーなりでJSやCSSは動的にビルドしたい 最終的には成果物として静的ファイルを出力したい まあ、フロントエンドの開発ではいたって普通な要件だと思う。普段サーバーサイドの開発してたり、サーバーサイドと一緒にフロントエンドも開発してる人にとっては、静的ファイルだけ成果物としてあればいいとかあるの?と思うかもしれないけど自分の周りではけっこうよくある。 Gruntとの比較について このような
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のインスト
ポール・ラザースフェルトという社会学者が提唱した概念。 「専門家」は難しいことを考える。しかしそれは「難しい」がゆえに、一般大衆には届かない。→ 専門家たちの難しい議論に目を通した上で、それをわかりやすく説明したりイメージ化したりできる人、それが「ミドルマン」。世論形成に重大な役を担うとされる。 なお、無数のメディア情報を受け取ってそれを要約し、自分の属する小集団に伝える存在(オピニオンリーダー)もミドルマンと言える。 このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
I love the idea of building an “interactive style guide” for a website design. I really do. However, working in Agencyland, it can be extremely difficult to budget enough time for this kind of tool when seemingly higher-priority tasks pile up. Right or wrong, the utopian vision of a living style guide often becomes a foregone luxury in the throes of looming deadlines. Assumes the reader understand
よく、要素につけるidやclassを動的にしたい時とかに、Hamlだとこんな感じの書き方をする %li{class: "item #{item.name}"}この書き方がSlimだとダメっぽくてつまずいた。 Slimだとこんな感じの書き方になるらしい li[class="item #{item.name}"]こういうのもいけるっぽい。割と素のHTMLに近い感じで書けるのですね。 li class="item #{item.name}"そして条件つけるとこうなるっぽい li class=(if item.present? ? "#{item.name}" : 'no-item') li class=("#{item.name}" if item.present?)classを複数付け、かつ1つのclassにのみ条件を付加する場合はこのように入れ子にすればよいみたい。 li class="it
この記事は2013年6月21日にatsuyaによってCoiney Developer Blogに書かれた記事の転載です。 最近は色々魅力的なブログサービスが沢山ありますが、自分の書いた記事が手元にファイルとして残るのは嬉しい事です。このブログは、middleman (とmiddleman-blog) を使って作成し、記事を含んだ全てのデータをgithubで管理しています。middlemanは、最終的にhtmlファイルを出力するので、それらのhtmlファイルを公開したい場合は、どこかでホストする必要があります。既にgithubを使ってデータを管理しているので、ここではgithubでmiddlemanで作成したブログをホストする方法を解説します。 github pages githubには、github pagesという、静的なコンテンツをホスト出来る機能があります。githubのユーザかor
github の middleman/middleman の CHANGELOG の中で気になるものを列挙して確認してみる。 3.1.0 ハイライト 新しい config システム 拡張API v4 ‘__middleman’ インスペクタ Ruby 2.0 サポート jRuby 1.9 で完全にテストされてる build コマンドのデフォルト挙動が –clean になった config については後述でパラパラでてきますが、layouts_dir オプションとか。インスペクタは localhost:4567/__middleman/ にアクセスすると設定情報とか Sitemap とか見れるようになったっていう。 3.1.0.rc4 Ruby 1.8 ユーザは gem の “ruby18_source_location” が必要になった この gem は middleman を 3.1 に
先日 Middleman を使って sapporojs.org をリニューアルしました。 その際に得られた Middleman での web サイト運用の知見をご紹介します。 Middleman って?? 簡単に説明すると、静的 web サイトジェネレータです。 Jekyll をご存知の方であれば、似たようなものをイメージしていただけるとよさそうです。 Middleman の方が優れている点は、 Asset Pipeline や Template Helpers などの便利な機能を利用をすることができることです。 http://middlemanapp.com/ 逆に Jekyll の方が有利な点としては、 GitHub pages が使えるためデプロイが楽であるという点があります。 そこで今回は、 Jekyll と同じく Middleman を GitHub pages に簡単にデプロイ
おぐらです。 このブログは、Middlemanを使って生成した静的コンテンツをAmazon S3にアップロードし、S3 Static Website Hosting機能を使ってWebサイトとして配信しています。 今回は、この構成を実現するための手順として、 コンテンツをS3にアップロードするmiddleman-syncの導入 S3 Static Website Hostingの設定 について解説します。 既にMiddlemanでサイトを運用している場合、1時間ほどでS3での独自ドメイン運用ができるようになると思います。 S3 Static Website Hostingとは何か S3には静的なサイトをホスティングする「Static Website Hosting」という機能があり、Bucket毎のWebsite Hosting設定を行うことで、Bucket内にアップロードしたファイルに以下
以前, QiitaにMiddlemanのデフォルトファイルのslim版という投稿をしたところ, @udzuraさんから「これを元にslimのtemplateを作ってgemにできるとよさそうですね……」といったご意見をいたきました。 長らく放置していましたが, GW何もコード書いてない感もありサクッとやってみました。尚, Gemを作ること自体が初めてだった為, かなり右往左往した次第で。 middleman-slim | RubyGems.org yterajima/middleman-slim · GitHu でき上がったものとしては, デフォルトのERbのテンプレートの代わりにSlimの同内容のテンプレートを用意するというものです。 参考にしたもの・記事 middleman-ratchet middleman-blog 【gemの作り方】 Rubyのオブジェクトをグンマー県が制圧するge
Middleman にはブログ機能拡張の middleman-blog があります。 このブログも使っています。 ブログの記事には日付を設定できますが、実は middleman-blog は未来の記事を生成対象から外します。 基本的に便利な挙動なのですが、時々困ることがあります。 未来の日付の記事を途中まで書いておくことがありますが、生成されないので確認できないのです。 もちろん、記事の日付を過去にすることで生成されるのですが、面倒ですし、変更し忘れてそのまま公開しそうです。 調べたところ、記事自体は変更せずに、未来の記事を生成することができました。 Middleman で未来の記事を生成する方法 config.rb に以下の記述を追加します。 activate :blog do |blog| ... blog.publish_future_dated = true ... end なお、
Update 2016: This tutorial is out-of-date. See the repository for alexpeattie.com and the associated README to see how I do it now. A few people have asked me how I do the Github-style syntax highlighting on this site. Here’s an example Ruby script with highlighting: class A < B; def self.create(object = User) object end end class Zebra; def inspect; "X#{2 + self.object_id}" end end module ABC::DE
前回まで、構築の流れをご紹介しましたが、 今回は、出力する際に便利な機能をいくつかピックアップしてご紹介していきます。 アジェンダ 設定ファイルについて ファイルサイズの最適化 HTMLの圧縮 CSS・JavaScriptの圧縮 画像圧縮 GZIPで圧縮 ローカルデータ LiveReload 設定ファイルについて プロジェクファイルを作成するとルート階層に、以下の2つのファイルがあります。 各ファイルに、プロジェクトの各設定していきます。 Gemfile config.rb Gemfile # If you have OpenSSL installed, we recommend updating # the following line to use "https" source 'http://rubygems.org' gem "middleman", "~>3.0.12" conf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く