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
なぜ Middleman Middlemanとは「スタティックサイトジェネレータ」と言われるものです。 競合?ではjekyll が有名ですね。 これからちょっと規模の大きい(とはいうものの数十ページのWebサイトですが)案件が始まりそうで、「ヘッダーとか共通部分どないしょう…」と悩んでおりましたとき、ちょうど下記の記事を見つけました。 静的サイト開発ツールとしてのMiddlemanとGrunt - Webtech Walker これは今後もしかしたら使えるかもしれないと思い、会社のマシンにいれることにしました。ちょうど暇だったしね。 こちらの解説もわかりやすそうで大変ありがたい。 [ Middlemanで超速プロトタイピング ] #01 Middleman の基礎を一気に学ぶ - Developers.IO 追記 4/12 Hamlを覚えていない人は、公式サイトのリファレンスもとてもわかり
このドメインを購入する。 pursu.es 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Middlemanがいい感じ。静的サイトをいい感じに作れるぞ。 今後、ちょっと静的サイトを作ることも多いだろうと思って、node.jsを使ったgrunt.jsとか調べてたり、sinatra使って、自分で色々テンプレート作ったりしてたんですが、 Middlemanでいいじゃん!という感じになったので、まとめておきます。 特徴 多彩なプリプロセッサ対応 ローカルサーバー起動して自動コンパイルの様な環境を作れる livereload対応 css,jsの自動minify YAMLなどでデータ構造を利用できる layout,partialなど、html関係の再利用などができる。 インストール gemを使ってのインストールになります。 gem install middleman 多分色々依存関係でインストールされるかなー 基本的な使い方 $ middleman init my-project-name
前回の記事初めてのMiddleman:パーシャルを使ったコンテンツのモジュール化でパーシャル機能を使って再利用可能なモジュールを作ることができました。今回はSCSSをコンパイルしてテンプレートフォーマットについて勉強してみます。 とりあえずコンパイルしてみる 何か設定が必要なのか迷ってしまいますが、何もいりません。config.rbをいじる必要もありません。 SCSSファイルを作る sourceディレクトリにstyle.css.scssを作って簡単なSCSSを書いてみます。 $color: #000; body { background: $color; } ビルド $ middleman buildを実行してみます。buildフォルダにstyle.cssができていれば成功です。 /* line 3, /Users/nukos/Projects/example.com/source/sty
Tokyo Middleman Meetup#2 を開催してきました。当日の様子: flickr。 昨年 11 月に第1回が行われてから2回目の開催は予定されていませんでした。 ある日, 開発者である @middlemanapp から「今度日本に行くから, 良かったら挨拶しようよ」といった連絡が Twitter であり, これはもう Meetup やるしかないだろう!!ということで p4d の方々に相談させていただいて開催することができました。 内容 2回目の開催にしてアメリカから開発者来ちゃったという素敵な Meetup でした。当日は開発者である @middlemanapp の中の人 Thoms Reynolds(@tdreyno) さんと同僚の Stefanie さんが来てくれました。 次のような内容でお送りしました。途中からお酒と寿司とピザを食べながらワイワイしながらやってみました
--- title: My First Fixture. description: This is my fixture Middleman article. ogp: og: image: '': http://mydomain.tld/path/to/fbimage.png secure_url: https://secure.mydomain.tld/path/to/fbimage.png type: image/png width: 400 height: 300 locale: '': en_us alternate: - ja_jp - zh_tw --- Hello ===== This is the __content__ <meta content='250606621791116' property='fb:app_id'> <meta content='http://
Middleman Advent Calendar 2013 の 10 日目の記事です。まだまだ先は長い。長いねぇ。 さて, 10 日目の本日は, Middleman ガイドを読んでもイマイチわからない サイトマップ を触ってみることにしましょう。正直なところプログラムを書かない人や Middleman を使って独自の機能を作らなくていい人は読む必要はないので, 一応プログラマ向けの内容ということにして細かい解説は抜きにして進めます。 サイトマップを理解するには参考になる Middleman プロジェクトが必要です。そこで本家の Middleman ガイド (middleman/middleman-guides) を clone して使ってみましょう。今回は後で gem を追加するので bundler も使います。 $ git clone git@github.com:middleman/
Ditch Sprockets and embrace the external pipeline I've hosted this site on Github Pages with the Middleman static site framework for several years now. To keep up with the most recent release of the framework, I decided to upgrade the site to Middleman version 4. There were some significant changes to the configuration options and helper methods, which are well documented on the Middleman blog. By
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
■ [ruby] middlemanをRackアプリとして(powで)動かす middlemanは静的サイトジェネレータですが、middleman serverコマンドを実行するとlocalhostでサーバが起動し、ブラウザで逐次出力結果を確認することができます。 で、それはいいのですが、いちいちmiddleman serverコマンドを叩くのも面倒になってきたため(怠惰)、pow経由で起動したいなと思いました。 powから起動するためにはconfig.ruを用意しなくてはなりません。適当に検索したところ、以下の2行でいけるようです。 require 'middleman' run Middleman.server 素晴らしいですね…と言おうとしたのですが、これだと自動リロードが動きませんでした。これはPaaSで動かすためのもののようです。 検索すると、middlemanの#540, #5
前提条件 VALUEDOMAINで独自ドメインを取得していること GitHubのアカウントを取得していること VALUEDOMAIN側の設定をする 1.メニューをクリック 2.取得済みドメイン一覧のDNSレコード/URL転送の変更をクリック 3.使用したい独自ドメインを選択 4.設定フィールドに a @ 204.232.175.78 と書き加える 5.保存する これでバリュードメイン側の設定は終わり。 ただ反映されるまで15分ほどかかるのでその間に次の作業を進めよう。 GitHubでリポジトリを作成する リポジトリを作成する。 Repository nameは username.github.io とする。usernameは各自のusernameを入れる。 READMEやLicenseはめんどくさくなるので設定しないほうがいいだろう。 というのも、READMEやLICENSEを置くとそこが
FRONTEND DEVELOPER TURNS DESIGN INTO REALITY VIA CODE They ensure that the page looks good on different devices and implement animations and other visual effects. They also ensure that the page is convenient and that everything works without delays. A frontender can create a landing page or even a web application that will work with an existing data source. Try Free Lesson
middleman-gemoji 実はすでに絵文字を実現できるらしい gem は公開されていたのですが, あまりメンテナンスされていないらしいこと, 絵文字画像のインストール処理をコマンドで追加したかったりといったところがあって新しく作ってみました。 絵文字の処理と絵文字画像については github の gemoji に依存しています。 使い方 bundler を使った作業方法を前提に書きます。まず新しいプロジェクトを作成。 $ middleman init gemoji-test 続いて Gemfile に追加。 gem "middleman-gemoji" インストールを実行。 $ bundle install --path vendor/bundle 次に config.rb で拡張を有効化。 activate :gemoji あとは適当にファイルを編集します。source/inde
@yu_suke1994 あなたとはてなスター、いますぐ設置 https://t.co/sihB5jvGDx — あそなす (@asonas) 2017年5月17日 ということがあり、つくりました。 Tokyo Middleman Meetup#3 - connpass というイベントを開催したのですが、そこでのLTでlive cordingをして、日曜から清書してできあがり、という経緯があったりします。 つかいかた はてなスターのトークンを取得する はてなスターをブログに設置するには - はてなスター日記 を参考に、トークンを取得してください。 middlemanの設定でhatenastarを有効にする これは例です。詳しくは はてなスターをブログに貼り付ける - はてなスター日記 を読んでください。 activate :hatenastar, token: 'your token',
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く