ブログる

Post on 13-Jul-2015

988 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

ブログる

13年10月22日火曜日

きっかけ

はてな記法慣れない

Web上での編集面倒

AtomPubあるけどね

自分で色々使ってみたい

13年10月22日火曜日

!13年10月22日火曜日

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

ブログを書こう作ろう

13年10月22日火曜日

開発ツール

Middleman(Middleman-blog)

HTML Starter

Github Pages

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

RSpec / Capybara / Wraith

13年10月22日火曜日

MiddlemanMiddleman-blog

13年10月22日火曜日

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

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

HTML - Markdown / haml / Slim ...

CSS - Sass / Compass / LESS ...

Blog用の機能拡張Middleman-blog

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

Middleman

13年10月22日火曜日

middleman init各種ファイルを生成

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

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

middleman serverローカルサーバ起動

middleman-livereload便利

Middleman

13年10月22日火曜日

CSSフレームワーク

Twitter Bootstrapみたいなもの

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

HTML Kickstart

13年10月22日火曜日

Github Pages

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

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

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

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

13年10月22日火曜日

13年10月22日火曜日

ワークフロー

13年10月22日火曜日

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

13年10月22日火曜日

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

13年10月22日火曜日

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

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

TravisCI13年10月22日火曜日

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日火曜日

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

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

language: rubyrvm:- 1.9.3- 2.0.0

env: global: - GIT_COMMITTER_NAME=hogehoge - GIT_COMMITTER_EMAIL=hogehoge@example.com - GIT_AUTHOR_NAME=hogehoge - GIT_AUTHOR_EMAIL=hogehoge@example.com - 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://$GH_TOKEN@github.com/kaakaa/middleman-blog-slim-sample.git gh-pages'

バージョン指定

ビルドコマンド

プッシュ

言語指定.travis.yml

13年10月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日火曜日

ワークフロー

13年10月22日火曜日

という感じで...

13年10月22日火曜日

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

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

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

13年10月22日火曜日

Web Services

Travis CI

Coveralls

Gemnasium

Code Climate

Coderwall

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

13年10月22日火曜日

Coveralls13年10月22日火曜日

カバレッジ測定ツール

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日火曜日

13年10月22日火曜日

Gemnasium13年10月22日火曜日

Gemのバージョンチェック

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

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

Node.jsのnpmにも対応

Gemnasium is an online tool to monitor your project dependencies.

13年10月22日火曜日

13年10月22日火曜日

Code Climate13年10月22日火曜日

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

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日火曜日

13年10月22日火曜日

Coderwall13年10月22日火曜日

Githubの活動内容をバッジ化

13年10月22日火曜日

他にも...

New Relic

サーバー監視

Semaphore

Codeship

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

13年10月22日火曜日

注意点

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

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

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

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

13年10月22日火曜日

思ったこと

新しいビジネスモデル

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

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

他サービスと容易に連携

13年10月22日火曜日

思ったこと

大艦巨砲主義は古い

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

扱いやすさ・スピード感

テキスト

13年10月22日火曜日

13年10月22日火曜日

top related