街撮りchの中のひとのブログ

GitHub Pagesでサイト作ってみる(Middlemanで)

目次

  1. 1. Middleman
  2. 2. GitHub Pages

フロントエンドエンジニアがどうやって作ってる?って話になるとだいたいGrunt使ってる?Gulpどう?ってなる。
SassだのCoffeescriptをコンパイルしてローカルサーバーたてながら自動でリロードして確認しながら作れるのが効率いいというか余分なこと考えなくて済むというかで前はどうやって作ってたっけ?

でも最近のお気に入りはMiddlemanだったりする。

Middleman

screencapture-middlemanapp-com-jp

でMiddlemanの何がいいっていうとこれらのことを自動でやってくれるか、もしくは少しのコードを書くことでできるようになる。

  • Sass、Compassのコンパイルと複数ファイルの結合と圧縮
  • CoffeeScriptのコンパイルと複数ファイルの結合と圧縮
  • Livereload
  • ローカルサーバー
  • slimやerb、hamlの変換
  • 共通部分のインクルード
  • GitHubへのコミットとGitHub Pagesへのデプロイ
  • Amazon S3へのファイルアップロード

GruntやGulpってJavaScriptですがMiddlemanはRubyで記述すればいい。
JavaScriptよりもずっと簡潔なコードで設定できるのが気に入っている。

これまでブログをずっとWordpressでやってきたんだけどSass、CompassやCoffeeScriptなんかでさくっとデザイン変えたりしたいんだけどあんまり相性がよくない。
ならどんな環境がいいんだろうと調べたらGitHub PagesをMiddlemanで運用するのが良さそうってなってざくっと変えたわけです。

GitHub Pages

screencapture-pages-github-com

実際にどうやってかというのは次回以降に書こうと思う。

いつもvブログを読んでいただきありがとうございます。
YouTubeチャンネルの運用を続けていくために機材購入、資料購入などで困っております。
よろしければAmazonの欲しいものリストから応援いただけると助かります。

街撮りchの欲しいものリスト

管理人:タケグチシゲキ

フロントエンドエンジニアとして働く55歳のジジイです。
首都圏を中心に散歩動画を撮影してYouTubeで配信してます。現在は夜の街のネオンや光が作り出す陰影が好きで撮影することが多いです。

YouTbueチャンネル

YouTubeチャンネルもぜひご覧ください。思い出の街や気になる街の風景を楽しんでいただければと思います

X(旧Twiiter)

X(旧Twiiter)でも情報発信しております。よろしければフォローいただけると嬉しいです

記事や動画について知っている情報を教えていただけると幸いです。どんなささいなことでも大丈夫です。

また、仕事依頼、コラボ依頼、著作物の提供などについてのお問い合わせは下記のお問い合わせフォーム、X(旧Twiiter)のDMでお待ちしております

お問い合わせ

ブログ記事やYouTubeチャンネルの動画に関するコメント、お仕事依頼、コラボ依頼、著作物の提供についてなどなどお問い合わせにて随時募集中です。
情報提供などもお待ちしております。

お問い合わせはこちらのGoogleフォームからお願いいたします