SlideShare a Scribd company logo
1 of 17
Download to read offline
モノグサ万歳!Webデザイナーが
湊川あい@llminatoll
Webデザイナー/マンガ家/技術書執筆
みなとがわ
esa → GitHub → Travis CI → Hexoで
ポートフォリオのビルドを
自動化した話
湊川あい – マンガと図解で物事をわかりやすく
フリーランスWebデザイナー
技術書執筆
マンガ家
イラストレーター
書籍 Web連載
・わかばちゃんと学ぶ
Webサイト制作の基本
・わかばちゃんと学ぶ
Git使い方入門
・マンガでわかるGit
・マンガでわかる
Googleアナリティクス
・わかばちゃんが行く
オフィス訪問マンガ
みなとがわ
旧ポートフォリオサイト
更新が面倒
自動化
しようぜ
esaブランチに
更新があれば
GitHub Webhook
TravisCI内で
HEXOでビルドし
masterへプッシュ
GitHub pagesに
デプロイ
TravisCI 設定ファイル(.travis.yml)
esaブランチだけを
監視
使う言語を
指定
Hexoを
インストール
GitHubの
masterブランチを
TravisCIへクローン
してくる
generateして
push
リポジトリ
公開してます
https://github.com/llminatoll/llminatoll.github.io
告知:新刊出ます
書籍・Web連載の更新情報は
@llminatoll をフォロー!

More Related Content

What's hot

王道的な使い方 Android Wear
王道的な使い方 Android Wear王道的な使い方 Android Wear
王道的な使い方 Android WearMima Yuki
 
プログラミングに恋する方法
プログラミングに恋する方法プログラミングに恋する方法
プログラミングに恋する方法Reimi Kuramochi Chiba
 
knitrBootstrapを使ってHTMLレポートをかわいくする
knitrBootstrapを使ってHTMLレポートをかわいくするknitrBootstrapを使ってHTMLレポートをかわいくする
knitrBootstrapを使ってHTMLレポートをかわいくするimuyaoti
 
デ部会 女子部 20170329
デ部会 女子部 20170329デ部会 女子部 20170329
デ部会 女子部 20170329Masami Kanemoto
 
Realtime database、Clean Architectureを組み合わせた導入事例
Realtime database、Clean Architectureを組み合わせた導入事例Realtime database、Clean Architectureを組み合わせた導入事例
Realtime database、Clean Architectureを組み合わせた導入事例Tatsuya Kikuchi
 
Yokohama.vim
Yokohama.vimYokohama.vim
Yokohama.vimgu4
 

What's hot (7)

王道的な使い方 Android Wear
王道的な使い方 Android Wear王道的な使い方 Android Wear
王道的な使い方 Android Wear
 
プログラミングに恋する方法
プログラミングに恋する方法プログラミングに恋する方法
プログラミングに恋する方法
 
knitrBootstrapを使ってHTMLレポートをかわいくする
knitrBootstrapを使ってHTMLレポートをかわいくするknitrBootstrapを使ってHTMLレポートをかわいくする
knitrBootstrapを使ってHTMLレポートをかわいくする
 
はじめてのgit
はじめてのgitはじめてのgit
はじめてのgit
 
デ部会 女子部 20170329
デ部会 女子部 20170329デ部会 女子部 20170329
デ部会 女子部 20170329
 
Realtime database、Clean Architectureを組み合わせた導入事例
Realtime database、Clean Architectureを組み合わせた導入事例Realtime database、Clean Architectureを組み合わせた導入事例
Realtime database、Clean Architectureを組み合わせた導入事例
 
Yokohama.vim
Yokohama.vimYokohama.vim
Yokohama.vim