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
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
Redirecting… Click here if you are not redirected.
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
カラーミーショップの「新しいショッピングカート」を開発しています、おいちゃん(@inouetakuya)です。 デザイナーの ほらお とタッグを組んで、この ペパボテックブログ をつくりました。先日、ようやく公開まで漕ぎ着けたので、制作段階で検討したこと・やったことをメモしておきたいと思います。 技術的にはとりわけ難しいことはやっていないので、何を検討してどのような理由で決定したか。あと運用フローあたりを中心に書きます。 「うちでも技術ブログをつくろうかと思ってるんだよねー」という方の参考になればと。 これは何で動いてるの? このブログは GitHub Pages という静的サイトのホスティングサービスで動いています。 Middleman という Ruby 製の静的サイトジェネレータを使っています。 記事を Markdown で書いて、Middleman で HTML & CSS をビルド
前提 GitHub Pages が構築できている Middleman でサイトが build できている 対象は Project site (branch [gh-pages]) つまりusername/username.github.io [master]ではない。 その場合は branch [source] とかにソース置いて [master] にビルドでいけそう 具体的な手順 syon/worksを例に記述しています。 Travis CI - Sign in with GitHub https://travis-ci.org GitHub の public repositories が表示される syon/worksのスイッチを ON GitHub / Account Settings / Applications / New personal access token Creati
先日 Middleman を使って sapporojs.org をリニューアルしました。 その際に得られた Middleman での web サイト運用の知見をご紹介します。 Middleman って?? 簡単に説明すると、静的 web サイトジェネレータです。 Jekyll をご存知の方であれば、似たようなものをイメージしていただけるとよさそうです。 Middleman の方が優れている点は、 Asset Pipeline や Template Helpers などの便利な機能を利用をすることができることです。 http://middlemanapp.com/ 逆に Jekyll の方が有利な点としては、 GitHub pages が使えるためデプロイが楽であるという点があります。 そこで今回は、 Jekyll と同じく Middleman を GitHub pages に簡単にデプロイ
MiddlemanとTravis CIでgh-pagesを運用したら身長が伸びた gh-pagesブランチの更新自動化がゴール。masterブランチにpushするだけで内容を動的に取得してgh-pagesブランチにpushする。今回もTravisの力を借りる。以下がポイント。 gh-pagesブランチの内容はmiddlemanによる出力 masterブランチにコミットしたあと、Travisからmiddlemanのビルドを実行 生成された内容をgh-pagesブランチへpush middlemanのインストール middlemanはrubyで動く静的サイトジェネジェネレータ。テンプレートをほぼHTMLで記述することが出来て、ブログ等の管理を非常に簡単にすることが可能。jekyll使ったことのある人なら学習コストはさらに低め。詳しくはこの辺りが参考になる。 まずはmiddlemanのインストー
Installation Install the gem and run middleman init my_project to create a new Middleman site from the command line. See full install instructions Customize Your Site Check out the directory cd my_project. Middleman works right out of the box. Start reading the docs to find out what each directory is doing and how to customize your site. See advanced customizations Build and Deploy Running one com
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く