シーンから、日々の取り組みを裏表なく発信します。シーンから、日々の取り組みを裏表なく発信します。シーンから、日々の取り組みを裏表なく発信します。2015.10.02人×技術4009の裏っかわはじめまして。普段はフロントエンドを担当しているR&Dで一番若いshinyaです。4009サイトがオープンしてはや、2ヶ月。先日SPA化して個人的には一段落した感じです。このサイトの制作をやらせていただいたので、今回はこのサイトの裏っかわで使っているものの紹介です。pagesでも使われているので、その界隈では有名なruby製の静的blogサイトジェネレータ。今回は後述するgulpで吐き出したファイルからblog仕様に生成する際に利用。めんどうくさい管理画面もなくauthorがmarkdownで記事を作成しbuildすればすぐに完成。なにはともあれ、動かす。redcarpetで必要なやつを、全部install。まで完了するとこんな、構成ができている。buildすれば、とりあえず、形になる。あとは、目指すものに向けごにょごにょやれば、blogができてしまう。jekyllが構築したファイルがdeployされます。超簡単、お手軽、らくちん。それの導入方法をご紹介。使って好きなようにできる。超簡単、お手軽、らくちん、便利。放り込めば、簡単に機能追加できる模様(未だ試してない)。当サイトも、今後フィルター機能などを盛り込んでいく予定。詳しくは、https://jekyllrb.com/gulpnodejs製のビルドシステム。弊社では、普段の制作から使用させていただいております。感謝感謝このタイプの子が使えない環境では、もう制作できないといっても過言じゃございません。#記事用の素材を格納_config.ymlfavicon.icofeed.xmlindex.htmlsitemap.xmlファイル構成はこんな感じhtmlはjade、cssはsass、jsはes6で制作。以下に記事以外の公開される全ファイルを格納し、基本的には、そこのみで作業。そこから、gulpで変換して_appの外に吐き出し。コマンドを叩いてサイトを再構築しながらサイト制作。buildが走ってrsync。本当は各自ブランチ切ってstg?でマージしてみたいな流れにしないと、記事のリリースの管理だったり機能追加のpreviewとかが、むつかしい。みたいな問題があるんだなぁと、なんとなく思った。うまく説明できないjekyllは便利だけど、弊社の通常業務に落とすケースはあんまりないなと思います。使用できなくもないけど、まあいらない位の温度感。次回は4009の表っかわの背景でごにょごにょしてるのとか、SPA化の祭に使用したものを紹介をしまっす。CORPORATION.。