外部APIを用いてMiddlemanで動的にページ生成する | e2esound.com業務日誌
Middleman には 動的ページ と呼ばれる機能があります。この機能は非常にパワフルでデータを元にして動的にページを生成することができます。 今回はこの機能を用いて外部 API からデータを取得しつつページを生成してみます。 外部 API を用意する Lumenで簡単なAPI作ってみた で作成した API 機能を用いてテストしてみます。難しいことはなく単に次の画像のようなデータを JSON で返すだけです。データ自体は faker で作られています。 この API をローカルの Vagrant 上で動作させています。 middleman-data_source を使って API からデータを取得する API のレスポンスが YAML または JSON の場合, middleman-data_source が便利です。data.api_name のように データファイル で扱えるようにし
Github Pagesでブログ構築ができる静的サイトジェネレーター総まとめ - Qiita
概要 Github Pagesでブログ構築ができる静的サイトジェネレーターの総まとめです。 もともと使っていたOctpressからの移行で、HugoとHexoで迷い、デプロイのしやすさや、Node.jsで完結できることなどからHexoに決めました。なので、Hexoの情報は多めになっています。 Assembleも、Grunt・Yeomanでがりがり動かすことができそうで、いつか試してみたいです。 リプレース要件 以下を満たすもの。 Markdownでブログ記事を記述できる(Githubとかで管理したいから) Octopressから移行が可能(最悪手動でもOK) デザインがモダンであること(スマートフォン対応していること) イケてること(色んな意味で) Jekyll｜Rails｜Github Star 18848 メリット Github Star数No1と人気。 日本語の記事も多い なんでもで
How to know in what environment the code runs?
In the layout file of haml I would like to determine whether we are in our development and build environments. We're using Middleman. I would like to do something like this: - if environment == 'development' / Development Code = javascript_include_tag "Dev.js" I tried to access Ruby's environment variable, as well as define a custom variable in the config.rb file with no success.
VALUEDOMAIN+Middleman+github pagesでブログを作ろう - Qiita
前提条件 VALUEDOMAINで独自ドメインを取得していること GitHubのアカウントを取得していること VALUEDOMAIN側の設定をする 1.メニューをクリック 2.取得済みドメイン一覧のDNSレコード/URL転送の変更をクリック 3.使用したい独自ドメインを選択 4.設定フィールドに a @ 204.232.175.78 と書き加える 5.保存する これでバリュードメイン側の設定は終わり。 ただ反映されるまで１５分ほどかかるのでその間に次の作業を進めよう。 GitHubでリポジトリを作成する リポジトリを作成する。 Repository nameは username.github.io とする。usernameは各自のusernameを入れる。 READMEやLicenseはめんどくさくなるので設定しないほうがいいだろう。 というのも、READMEやLICENSEを置くとそこが
middleman で構築したサイトを GitHub Pages で公開するまでの流れをまとめてみた - C++でゲームプログラミング
@supermomonga さんに教えてもらいながら middleman で構築したサイトを GitHub Pages で公開する事ができたので、その手順をまとめておきます。 デプロイとかめんどくさいと思っていたんですが、実際やってみたらめちゃくちゃ簡単でした。 [必要なもの] git github のアカウント gem middleman [middleman の生成] まずはローカルに middleman のプロジェクトを作成します。 middleman は gem からインストールする事ができます。 $ gem install middleman $ middleman version Middleman 3.2.2 これで、middleman のコマンドを使用できるようになったので次のようにして middleman でプロジェクトを生成します。 $ middleman init t
How to set bootstrap active class
I have a standard bootstrap navbar in a partials/_header.erb partial Bootstrap Navbar Gist I’m confused about how I should set bootstrap’s class=“active” in the navigation for a relevant page. My thinking in psuedo-code is that I want <li <% if(middleman.obj.for.current.url = this.articles.url) print 'class="active"' %> ><a href="page1.html">Page 1</a></li> What middleman properties do I want to c
Middleman + Slimのlink_toヘルパーでブロックとか画像とかを囲む
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
Middleman + Foundation + Amazon S3 でのBlogサイト構築(7)Blog記事の検索機能とコメント機能の追加
Posted on Feb 23 前回はFoundationを使ってBlogサイトのレイアウトを作成する方法について書きました。Blogサイトとしては記事の検索機能とコメント機能も欲しいところなので、今回はこれらの追加方法について書いていきます。 検索と言えば、、、ということで、今回はGoogleカスタム検索を使うことにしました。これを使うと非常に簡単にサイト内検索機能を導入することができます。(要Googleアカウント) まず、Googleカスタム検索のページにアクセスします。 ▼ [Add]をクリックします。 ▼ 検索対象のサイトの情報を入力して、[作成]をクリックします。 検索対象サイトのURL 言語 検索エンジンに付ける名前 ▼ [コードを取得]をクリックするとjavascriptのコードが表示されるので、これを<body>の中の検索ボックスを表示したい場所に貼り付ければ完了です。
Middleman + Foundation + Amazon S3 でのBlogサイト構築(8)Syntax Highlightの機能の追加
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
Wantedly開発チームブログの書き方 - Wantedly Engineer Blog
(※この記事はWantedlyのエンジニアメンバー向けのサンプル記事です) こんにちは！ このブログはMiddlemanを使って生成され、GitHub Pages上にホストされています。 MiddlemanはRubyで書かれた静的サイト生成のフレームワークで、gemとして提供されています。 記事を書くには 手元の環境で動かすには以下のようにします。 初回はまずレポジトリをcloneしてとってきましょう。 ちなみに、developブランチに元原稿が存在し、masterブランチに公開するHTMLが自動的に生成されます。 $ git clone git@github.com:wantedly/wantedly.github.io.git $ cd wantedly.github.io $ git checkout develop $ bundle install $ bundle exec mi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Middlemanの入れ子レイアウトでエラー undefined method `safe_concat' for "":String - 仙台 Ruby Vim JavaScript フリーランスプログラマ
Automatic navigation with i18n and custom paths · Issue #609 · middleman/middleman
Refactor i18n · Issue #924 · middleman/middleman
Localization (i18n) not work at local web server · Issue #628 · middleman/middleman
Middleman - how do I access Locale / Localization / lang variable
i18n + directory_indexes: Failing partials · Issue #1095 · middleman/middleman
Middleman - Localizing data/yaml files
Understanding Middleman – the static site generator for faster prototyping
HAML, Add class to image_tag
Using heading from page as title