ブログる

43
ブログる 131022日火曜日

Upload: nemoto-yusuke

Post on 13-Jul-2015

988 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ブログる

ブログる

13年10月22日火曜日

Page 2: ブログる

きっかけ

はてな記法慣れない

Web上での編集面倒

AtomPubあるけどね

自分で色々使ってみたい

13年10月22日火曜日

Page 3: ブログる

!13年10月22日火曜日

Page 4: ブログる

!!!13年10月22日火曜日

Page 5: ブログる

ブログを書こう作ろう

13年10月22日火曜日

Page 6: ブログる

開発ツール

Middleman(Middleman-blog)

HTML Starter

Github Pages

Testing Tools (間に合いませんでした)

RSpec / Capybara / Wraith

13年10月22日火曜日

Page 7: ブログる

MiddlemanMiddleman-blog

13年10月22日火曜日

Page 8: ブログる

Sinatraベースの静的HTML生成ツール

様々なテンプレートエンジンが利用可能

HTML - Markdown / haml / Slim ...

CSS - Sass / Compass / LESS ...

Blog用の機能拡張Middleman-blog

同様ツール Yeoman / Jekyll + Octopress など

Middleman

13年10月22日火曜日

Page 9: ブログる

middleman init各種ファイルを生成

テンプレートの指定も可能

middleman build各テンプレートをビルド

middleman serverローカルサーバ起動

middleman-livereload便利

Middleman

13年10月22日火曜日

Page 10: ブログる

CSSフレームワーク

Twitter Bootstrapみたいなもの

なんとなくビビビッときた

HTML Kickstart

13年10月22日火曜日

Page 11: ブログる

Github Pages

静的ページホスティングサービス

gh-pagesブランチにあるWebページ

{$USERNAME}.github.ioプロジェクトのメインブランチ

設定画面から作成することも出来る

13年10月22日火曜日

Page 12: ブログる

13年10月22日火曜日

Page 13: ブログる

ワークフロー

13年10月22日火曜日

Page 14: ブログる

?誰が新しい記事を誰がビルドするの?

13年10月22日火曜日

Page 15: ブログる

?誰が新しい記事を誰がビルドするの?

13年10月22日火曜日

Page 16: ブログる

?誰が新しい記事を誰がビルドするの?

A. 彼です13年10月22日火曜日

Page 17: ブログる

TravisCI13年10月22日火曜日

Page 18: ブログる

Webサービス・CIツール

.travis.ymlにビルド設定を記述

Ruby / Java / Javascript / C / Haskell / Erlang / Go / etc ...

GithubへのpushをHookしてビルドする

成果物を再びGithubへpushとか出来る

同様サービスにDrone.io / Circle CIなど

Travis CI is a hosted continuous integration service for the open source community.

13年10月22日火曜日

Page 19: ブログる

https://travis-ci.org/13年10月22日火曜日

Page 20: ブログる

http://tricknotes.hateblo.jp/entry/2013/06/17/02022913年10月22日火曜日

Page 21: ブログる

language: rubyrvm:- 1.9.3- 2.0.0

env: global: - GIT_COMMITTER_NAME=hogehoge - [email protected] - GIT_AUTHOR_NAME=hogehoge - [email protected] - secure: "hogehogehoge"before_script: - git clone --quiet https://github.com/kaakaa/middleman-blog-slim-sample.git build - pushd build - git checkout -b gh-pages - popd

script: bundle exec middleman build

after_success: - cd build - git add -A - git commit -m 'Update' - git remote remove origin - git remote add origin https://github.com/kaakaa/kaakaa.github.io.git - git pull origin master - '[ "$TRAVIS_BRANCH" == "master" ] && [ $GH_TOKEN ] && git push --quiet -f https://[email protected]/kaakaa/middleman-blog-slim-sample.git gh-pages'

バージョン指定

ビルドコマンド

プッシュ

言語指定.travis.yml

13年10月22日火曜日

Page 22: ブログる

Javalanguage: javascript: gradle buildjdk: - oraclejdk7 - openjdk6branches: only: - master

Groovylanguage: groovyscript: gradle build

http://about.travis-ci.org/docs/user/languages/java/#Examples

サンプルを参考に

13年10月22日火曜日

Page 23: ブログる

ワークフロー

13年10月22日火曜日

Page 24: ブログる

という感じで...

13年10月22日火曜日

Page 25: ブログる

製作中13年10月22日火曜日

Page 26: ブログる

もうちょっと調べるTravisCIのようにGithubから使えるWebサービス

http://techlife.cookpad.com/2013/04/10/chanko200/

13年10月22日火曜日

Page 27: ブログる

Web Services

Travis CI

Coveralls

Gemnasium

Code Climate

Coderwall

※すべてオープンソースプロジェクトなら無料で利用可

13年10月22日火曜日

Page 28: ブログる

Coveralls13年10月22日火曜日

Page 29: ブログる

カバレッジ測定ツール

TravisCIと連携可能

Ruby / Java / Javascript / C / Scala / PHP / etc...

Coveralls is a web service to help you track your code coverage over time, and ensure that all your new code is fully covered.

13年10月22日火曜日

Page 30: ブログる

13年10月22日火曜日

Page 31: ブログる

Gemnasium13年10月22日火曜日

Page 32: ブログる

Gemのバージョンチェック

Bundlerによって多数のGemを使いがち

Rubyの後方互換を無視したアップデート

Node.jsのnpmにも対応

Gemnasium is an online tool to monitor your project dependencies.

13年10月22日火曜日

Page 33: ブログる

13年10月22日火曜日

Page 34: ブログる

Code Climate13年10月22日火曜日

Page 35: ブログる

ソースコード静的解析ツール

Ruby 1.8/1.9のみサポート

Rubistがいない時の学習用?

Code Climate consolidates the results from a suite of static analysis tools into a single, real-time report, giving your team the information it needs to identify hotspots, evaluate new approaches, and improve code quality.

13年10月22日火曜日

Page 36: ブログる

13年10月22日火曜日

Page 37: ブログる

Coderwall13年10月22日火曜日

Page 38: ブログる

Githubの活動内容をバッジ化

13年10月22日火曜日

Page 39: ブログる

他にも...

New Relic

サーバー監視

Semaphore

Codeship

CI & デプロイ ワークフロー作成

13年10月22日火曜日

Page 40: ブログる

注意点

Travisで成果物をマージする際、手動マージが必要な場合はgit pushでエラーとなる

レイアウト変更で発生しがち

ローカルで処理してあげる

今回紹介したWebサービス群は”OSSプロジェクトなら”無料 & “Github”と連携

13年10月22日火曜日

Page 41: ブログる

思ったこと

新しいビジネスモデル

オープンに利用する場合は無料(宣伝?)

非公開であることに価値を持たせる(著作権?)

他サービスと容易に連携

13年10月22日火曜日

Page 42: ブログる

思ったこと

大艦巨砲主義は古い

コアとなる機能とcontrib ( plugin )の組み合わせ

扱いやすさ・スピード感

テキスト

13年10月22日火曜日

Page 43: ブログる

13年10月22日火曜日