しばらく前に僕のサイトをWordpressによる動的生成からMiddlemanによる静的生成に変えたのですが、その際に調べたMiddlemanの便利なプラグインについて紹介します。 middleman-blogいわずとしれたMiddlemanにブログ機能を追加するプラグイン。詳細はこちらを参照。 詳細はMiddlemanのサイトに詳しく載っているのでそちらを参照すればすぐにブログを作れると思います。 僕のサイトの場合は、もともと使っていたWordpressとURLを同じにして移行したので、ページのpermalinkにカスタム属性である{id}を使っている点が通常の使い方と異なる点です。 activate :blog do |blog| blog.prefix = "contents/blog" blog.permalink = "{id}" blog.taglink = "tags/{ta
Middlemanの勉強
ジキラーだったがMiddlemanを少し調べてみたところなかなか便利そうな印象を受けた。MiddlemanはRubyで作られた静的サイトジェネレータでJekyllとよく似ている。設定ファイルやテンプレートを事前に作成しておいて、別にコンテンツ用のテキストファイルを用意してコマンドを打つとひと通りのhtmlファイルが作成されるのであとはウェブサーバにファイルをアップロードすればサイトを公開できる。 ローカルで作成すればウェブサーバ側にRubyをインストールしておく必要はない。サーバ側にウェブサーバしか要求しないのでGihtub PageやAmazon S3などで公開することができるし、自前でレンタルサーバやVPSを契約していてもサーバ側にあまり負荷をかけないのでメリットはある。 Middlemanはまず日本語のドキュメントが存在するのが良い点。アセットパイプライン、LiveReload、デプ
Rubyで作られた静的サイトジェネレーターとして人気があるMiddlemanのミートアップがEngine Yardオフィスで開催されました。 私自身は当日参加できませんでしたが、ストリーミングと録画を仕掛けておいたので簡単にレポートしようと思います。 Tokyo Middleman Meetup #2 - connpass Tokyo Middleman Meetup#2 - an album on Flickr Tokyo Middleman Meetup #2 で発表してきた - ja.ngs.io 【Middleman】Tokyo Middleman Meetup #2 でLTさせていただきました。 ｜ Developers.IO Thomas さんによる講演 "Middleman Past, Present & Future" 今回、来日したThomasさんによる講演はMiddle
Windows 7 にRuby をインストールするところからMiddlemanを動かすまで。 はじめに：ハマるポイント 64bit版のRubyでは現状、Middlemanは動かない。 なぜならNokogiriのインストールがうまくいかないため。 詳細はこちらを参照のこと。 このIssueが解決すれば64bit版RubyでもMiddlemanが動くであろう。 また、Ruby と DevKit で同じ環境向けのインストーラを使うこと。 32bit版のRubyをインストールしたら、32bit版のDevKitをインストールすること。 当たり前だけど、とても重要。 目次 Ruby 2.0.0-p353 をインストール DevKit をインストール Middlemanをインストール Bundlerをインストール Middleman 1. Ruby 2.0.0-p353 をインストール 上記のサイトから
Purchase License Middleman Blog Editor Middleman Blog Editor is a paid extension to Middleman which adds WYSIWYG article editing and a blog organization interface. This extension makes it possible to host a Middleman Blog and give the editor URL to a client so they can add content. Files are modified in-place, so committing those changes to source control or deploying new builds is up to you. The
お知らせ 【重要なお知らせ】iOSアプリの運用および提供を2024年6月3日(月)を以て終了いたします。詳細は お知らせをご覧ください。 お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用申請及び審査がございます。詳細はヘルプページをご確認ください。
Wordpressで始めたブログを管理画面がいらないという理由で静的サイトジェネレータのmiddlemanに乗り換えて早3ヶ月。CMS案件やWebアプリケーションのHTML/CSS制作にmiddlemanを使っていたのですが、ブログ機能はこの移行で初めて取り組みました。今回はこのブログ機能に絞って書いていきます。 というわけで、以下のような方におすすめの内容でお届けします。 middlemanを使ったことがある方middlemanでブログを作りたい方middlemanでのブログ初期設定をやろうとしている方なんとなく見てしまっているという奇特な方 ← どうもありがとうmiddlemanを初めて使う方は、まずは過去記事をご覧ください。 インストールからサーバーの起動まで ブログサイト制作するには、上記ページ内のmiddlemanを起動してみようのスケルトン作成の箇所に補足として記載している、$
Articles tagged 'middleman' Middleman + Foundation + Amazon S3 でのBlogサイト構築(8)Syntax Highlightの機能の追加 Mar 9 Middleman + Foundation + Amazon S3 でのBlogサイト構築(7)Blog記事の検索機能とコメント機能の追加 Feb 23 Middleman + Foundation + Amazon S3 でのBlogサイト構築(6)Blogサイトのデザイン Feb 13 Middleman + Foundation + Amazon S3 でのBlogサイト構築(5)テンプレートヘルパの確認 Feb 2 Middleman + Foundation + Amazon S3 でのBlogサイト構築(4)Blogサイトの設定 Jan 24 Middleman +
Route 477(2014-07-08)
■ [ruby] Rails使いが静的サイト作るならmiddlemanがいいよ〜という話をした 最近middlemanを少し触っていたので、社内勉強会でその話をした。 middlemanとは Ruby製の静的サイトジェネレータ。erbとかmarkdownとかsassとかを書くと、HTMLやCSSにコンパイルしてくれるやつ。 (競合はJekyllとかNanocとかだけどあまり詳しくないので省略) RubyKaigi 2013のサイトでも使われていたりした。https://github.com/ruby-no-kai/rubykaigi2013 Railsとの親和性 普段Railsのビューを書いてると素のHTMLを書くのが辛くなるけど、middlemanならRailsの便利なあれこれがそのまま使えるので、Railsのビューを書くような感じで静的サイトが作れる。 layoutが使える parti
BLOG | CAMURO
Railsアプリでフロント側にカンタンなvue.jsの実装を追加した為、jsもテストすることに。 feature specを書く時に js: true を追加が必要になる。 feature "sample", js: true do background { visit "/sample" } scenario "アクセスできる" do expect(page).to have_content("ページタイトル") end end
⚠️ This article is outdated, please see the Middleman on Heroku – 2017 edition post for a more up to date guide on how to deploy Middleman sites to Heroku. In case you haven’t heard of it yet, Middleman is a Rack-based static site generator built in Ruby. It’s super nice to use, but deploying it to Heroku can bit of a black art. This guide assumes a few things: You already have Ruby, RubyGems, and
Middleman Blog を Bourbon, Neat, and Bitters で styling したテンプレートを作りました - Qiita
Middleman Blog を Bourbon, Neat, and Bitters で styling したテンプレートを作りましたRubySassslimmiddleman middleman-blog-bourbon-template Thoughtbot の Styling a Middleman Blog with Bourbon, Neat, and Bitters という記事を読んでみて試しに作ったものです。 公開してみたものの、ぶっちゃけ自分ではブログを書かないので、優しいどなたかが試してくれることに淡い期待を抱いております。 スクリーンショット ふぃーちゃー テンプレートエンジンは Slim middleman-syntax を使ったシンタックスハイライト (ハイライトは rouge による) Neat のグリッドシステムを使ったレスポンジブデザイン など。 インストー
Route 477(2013-12-11)
■ [ruby] Middleman用のHikiDocプラグインを作りました この記事はMiddleman Advent Calendar 2013の11日目の記事です。 Ruby製の静的サイトジェネレータMiddlemanをHikiDocに対応させるgemを作りました。 HikiDocって？ HikiDocはHikiというWikiエンジンで使われているマークアップ書式です。最近はマークアップというとMarkdownが人気で、HikiDocでできることもMarkdownとそんなに変わらないのですが、わりと複雑な表が書けるところが地味に便利だったりします (Markdownだと自分でhtmlタグを書かないといけない)。 Hikiからmiddlemanへの移行 昔はメモ置き場用CMSとしてHikiを使っていたのですが、静的な記事を公開するだけならMiddlemanでいいじゃんということで、Mi
このブログはGitHub Pages＋CircleCIで運用しています | feedforce Engineers' blog
前回の記事 からだいぶ間が開いてしまいましたが、再びこのブログの移行のお話です。 WordPress から Middleman への移行に伴って、記事の構成管理やホスティング、デプロイについても検討して、現在は以下のようなものを使って運用しています。 GitHub Pages CircleCI Heroku（staging 環境として利用） 記事の執筆とレビュは、GitHub の Pull Request 機能を使うようになりました。これまでは WordPress 上の慣れないエディタで書くのが嫌だったり、書いた記事を非公開の状態でレビュしてもらうのに地味〜に手間がかかったりと、執筆のモチベーションを下げる要因がいろいろあったのですが、普段から開発で利用しているPRのしくみを取り入れたことで、開発チームではやりやすい方法に向かえたのではないかと思っています。まぁその割に記事数は増えていませ
http://kyanny.me/ というポートフォリオページを Middleman で作り直した。 元々 Jekyll を使っていたがどうもうまく使いこなせなくて、見栄えも悪いままだった。 Middleman は一度使ってみたいと思っていたので、ちょうどいい題材になった。 Middleman に特有の便利な機能は一切使っていないので、 Jekyll でも他の static site generator でも事足りたはずだし、そもそも一枚ペラのページなのでツールを導入するまでもないんだけど、 Middleman はなんとなく使いやすくてようやく多少は見栄えのするページを作れた。 Middleman はサイト作成時にテンプレートを選ぶことができ、 HTML5 Boilerplate を選んでみたのだけど、 CSS を自分で書いてデザインできる気がしなかったので結局 Bootstrap を入れ
静的サイトを構築する時に、 いちいちDocumentRootかえるのめんどくさいなぁ・・・ テンプレートエンジンが使えたらなぁ・・・ coffeescriptが使えたらなぁ・・・ scssが使えたらなぁ・・・ minifyまで自動でやってくれたらなぁ・・・ 煩悩にまみれてます。 そんなことを解決してくれるのがMiddleManです。 インストール #=>よく使う $ middleman init #=> サイト構造を作成します $ middleman server #=> サーバーを起動します $ middleman build #=> 最終出力します $ middleman --help middleman build [options] # Builds the static site for deployment middleman extension NAME [options]
middleman-minify-html Official Tooling Optimization Minifies whitespace around HTML via Htmlcompressor. https://github.com/middleman/middleman-minify-html
今まで惰性でWordPressを使い続けてきたが、ふと思い立ってMiddlemanで全面的に作り直すことにした。折角作り直すのだからブログのデザインもたまには自分でやってみようと思い、数年ぶりにHTMLやCSSを超時間触ることに。最近はネイティブアプリの案件が多く、JSONを吐く仕事ばかりだったので中々刺激的だった。 Middleman# MiddlemanはJekyllやOctopress同様、静的サイト生成ツールの類いだ。個人的にはMakrdownで記事が書けてGitで管理出来るのが条件だったのでJekyllやOctopressでも良かったのだが、それぞれをローカル環境で試用してみたらMiddlemanが一番しっくりきた。 用意されているヘルパーなどはRailsに共通しているところが多いし、Asset Pipelineなどの同様の機能もあるので、Railsに慣れ親しんでいる人なら簡単に
Posted on Mar 9 前回は記事の検索機能とコメント機能を追加する方法について書きました。今回Syntax Highlightの機能を追加して、Blogサイトは完成です。 Syntax Highlightの追加 middleman-syntaxというmiddleman公式の拡張があるので、これを使います。 Gemfileにmiddleman-syntaxを追加して、bundle installを実行します。 source 'http://rubygems.org' gem "middleman", "~> 3.2.1" gem "middleman-blog", "~> 3.5.1" gem "middleman-livereload" gem "nokogiri" gem "redcarpet" gem "html2haml" gem "middleman-disqus" ge
I’m going to make a bold statement — static sites are cool. Jekyll has been one of the libraries at the core of this movement, which has given rise to static site generators made in nearly every language you can think of. Static websites have the benefit of simplicity; they don’t need complex server-side technologies to host, they just need something that can serve HTML. The purpose of any static
开云平台(会员认证)-App Store
开云平台(会员认证)-App Store 错误提示 很抱歉！您访问的页面不存在... 10秒之后页面自动跳转首页 XML 地图
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
Tumblr1人でカフェにいるとき、近くにイケメソがいたりすると アヒル口でななめ上を見たりして自分史上最高に可愛い顔で物思いにふけってる感を演出してみるが、やはり全く見ていない。 しかし、その状態を都合よく 『人知れず咲く花』と呼ぶことにしている 眞鍋かをりのツイッタークソワロタｗｗｗｗｗ：アンダーワールド (via fyfyfy)10/27/13これはもう本当に何度言っても言い足りないくらいなんだけど、落ち込んだりしちゃってる時はまずは体調的な原因を疑うのがいい。腹減ってるとか飲み過ぎとか。原因がわかったら、チョコでも食べながら好きな音楽聴いたりクスッと笑える何かを観たりして嵐が過ぎ去るのを安全な場所で待っていればいい。@fta7’s (F太) most faved tweets (via raitu) 2011-02-13 (via gkojax-text)10/27/13 Cate
Posted on Mar 26 前回まででBlogサイトの作成は完了したので、 今回はmiddlemanシリーズの最終回として作成したBlogサイトをAmazon S3のStatic Website Hostingでホストする方法を書きます。 S3 Static Website Hosting イントロダクションでも触れましたが、Amazon S3はStatic Website Hostingの機能を使うことでS3が持つ堅牢性やスケーラビリティをそのままに、S3に保存したファイルを簡単にWebサイトとして公開することができます。 当サイトもこのStatic Website Hostingを使用して運用しています。 ネイキッドドメインでの運用 当サイトは「www」などのサブドメインを含まないネイキッドドメイン(nmbr8.com)で運用しています。 S3のStatic Website Ho
The document demonstrates how to customize Middleman templates by adding CSS and JavaScript files. It shows a layout template that yields content and includes CSS and JS files. The CSS and JS files included are based on data from the page being rendered. This allows individual pages to specify additional CSS and JS files to load for that page.Read less
GitHub - fredjean/middleman-s3_sync: The gem that tries really hard not to push files to S3.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
HTML書いてて以下のようにしたい場合がある。 <a href="hoge.html"> <h2 class="title">タイトル</h2> <img class="thumbnail" src="img/gazou.png" height="100" width="50" alt="タイトル"> </a> Middleman(というかRuby on Rails)にはlink_toというヘルパーっていうのがあって、リンクとか貼ってくれる構文みたいなやつ(曖昧)。link_to、普通に書くと、 == link_to 'タイトル', 'hoge.html' とかになる。「タイトル」という文字列はまぁ普通にいける。じゃあ上のHTMLみたいにh2タグとimgタグはどうやって囲えばいいんだろうとなる。ググったらあった。 Rails3のlink_toヘルパーで、画像と文字列にリンクを貼る - b6
ミドルマンとは 一般の人気・最新記事を集めました - はてな
ポール・ラザースフェルトという社会学者が提唱した概念。 「専門家」は難しいことを考える。しかしそれは「難しい」がゆえに、一般大衆には届かない。→ 専門家たちの難しい議論に目を通した上で、それをわかりやすく説明したりイメージ化したりできる人、それが「ミドルマン」。世論形成に重大な役を担うとされる。 なお、無数のメディア情報を受け取ってそれを要約し、自分の属する小集団に伝える存在（オピニオンリーダー）もミドルマンと言える。 このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Help us understand the problem. What is going on with this article?
以前, 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
GitHub - fujimogn/middleman-bootstrap: A simple Middleman starting point
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
We recently rewrote the code that powers this blog. Previously, the blog ran as a Middleman app. The new system is tailored to our preferred authoring workflow (Markdown + GitHub) and takes advantage of webhooks to automate tasks that are not writing or reviewing a post. Splitting content from engine The idea to rebuild the blog stemmed from a conversation about publishing new blog posts. We love
开云平台(会员认证)-App Store
开云平台(会员认证)-App Store 错误提示 很抱歉！您访问的页面不存在... 10秒之后页面自动跳转首页 XML 地图
⚠️ This article is outdated, please see the Middleman on Heroku – 2017 edition post for a more up to date guide on how to deploy Middleman sites to Heroku. In my last blog post about Middleman on Heroku, Middleman was configured to be served via the Puma application server. By following this guide, you can setup your middleman site to be served by Nginx, which should be a lot more robust for stati
CoffeeScirpt, Sass, Slim ファイルを生成する Middleman のテンプレート Gem を作った - Qiita
CoffeeScirpt, Sass, Slim ファイルを生成する Middleman のテンプレート Gem を作ったCoffeeScriptSassGemslimmiddleman
I am not able to install eventmachine Ok I know this has been asked quite a lot, but no solutions I found has helped me so far.So I posted here as a last resort. I use windows 8 x64 using ruby 2.0.0p195 (x64) (installed throught Ruby Installer for Windows with the apropriate Devkit) So the Error is Gem::Installer::ExtensionBuildError: ERROR: Failed to build gem native extension C:/Ruby200-x64/bin/
リモートインターン ｜ MIddleman 事始め
first-middleman ├── .bundle/ │ └── config ├── .gitignore ├── Gemfile ├── Gemfile.lock ├── config.rb └── source/ ├── images/ │ ├── background.png │ └── middleman.png ├── index.html.erb ├── javascripts/ │ └── all.js ├── layouts/ │ └── layout.erb └── stylesheets/ ├── all.css └── normalize.css
このブログは Middleman と GitHub Pages で構築しています。 GitHub Pages は静的な資材をホスティングする機能しかないため、Movable Type でいうところの、mt-search.cgi みたいな、動的な検索画面は作れない制約があります。 そこで、GitHub API v3 を使って JavaScript で実装することにしました。 実際の動作は、サイドバー (モバイル画面では下部) にある、検索窓から、適当な文字列で検索してみて下さい。(例: Hubot) 実装コード たった 34 行です。 search.slim on ngs/sources.ngs.io 個人ブログで、規模が小さいので、多少富豪的な実装になっています。 Search Code API 検索には GitHub の Search Code API を使っています。検索に使える修飾子
っていうのをやりたい。 items: - name: hoge subitems: - subname: a - subname: b - name: hoge2 ... こんなYAMLがあるとする。ファイル名はtest.ymlとかにしよう。このsubnameの値を取得したい。 <ul> <li> hoge <ul> <li>a</li> <li>b</li> </ul> </li> <li> hoge2 ... </li> </ul> こんな感じのHTMLになるようにしたい。というのがどうやっても出来なくて、弱音吐いてたら@hatch2さんが教えてくださいました!!!ありがとうございます!!!! @ryo_dg こんな感じでしょうか https://t.co/Ml7ud15M12 2014, 3月 23ul - data.test.items.each do |item| li = it
今日は万葉さんで Rails の勉強会が開かれていたようで, そんな中でこんなツイートを見かけました。(どうでもいい話ですが, その頃私は群馬で C# を書いていました。) #railstokyo "Rails Assets" https://t.co/GwLymYFexV — 櫻井達生 (@tatsuoSakurai) 2014, 2月 22 Rails Assets とは, どうやら Bower で提供されているパッケージを Bundler 経由でよしなにしてくれるツールらしいですね。12月中に話題になっており, その記事を見かけた記憶があります。 Rails Assets に関しては @joker1007 さんの Qiita の記事が詳しいようです。 JavaScript – bowerパッケージをbundlerで管理するRails Assetsを使ってみた – Qiita Rai
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Middlemanで使うと便利なプラグインの一覧 | Ryuzee.com
Tokyo Middleman Meetup #2 が開催されました
Getting Started Middleman on Windows 7 - Qiita
Middleman Blog Editor « Thomas Reynolds
Tokyo Middleman Meetup #2 (2014/05/16 19:00〜)
middlemanでブログを作ろう。インストールから初期設定まで（slimも少々）
Blog Nmbr8
Middleman on Heroku – 2013 edition
ポートフォリオページを Middleman で作り直した - @kyanny's blog
静的サイトの構築に便利:MiddleMan - Qiita
Middleman Extension Directory
WordPressからMiddlemanに移行してGitHub Pagesで運用することにした
Middleman + Foundation + Amazon S3 でのBlogサイト構築(8)Syntax Highlightの機能の追加
Building static websites with Middleman
KSS and Middleman - The Tude Abides
Middlemanで作ったサイトをS3でホスティング | ぼくのインターネッツ
Middleman + Foundation + Amazon S3 でのBlogサイト構築(9)Amazon S3へのデプロイ
Middleman Usecase / TokyouMiddlemanMeetup#1
Middleman + Slimのlink_toヘルパーでブロックとか画像とかを囲む
CentOS6.5環境にMiddlemanをインストール - Qiita
Middlemanのプロジェクトテンプレートを作ってgemにした | e2esound.com業務日誌
Blog in Markdown, Deploy with Webhooks
Middleman on Heroku (with Nginx)
Eventmachine gem install fail
Middleman+GitHub で構築したサイトの検索画面を作る
Middleman + SlimでネストされたYAMLのデータを取得する
Middleman で rails-assets.org を使う | e2esound.com業務日誌