ブログる

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日火...
Middleman
Middleman-blog
13年10月22日火曜日
Middleman
Sinatraベースの静的HTML生成ツール
様々なテンプレートエンジンが利用可能
HTML - Markdown / haml / Slim ...
CSS - Sass / Compass / LESS ...
Blog...
Middleman
middleman init
各種ファイルを生成
テンプレートの指定も可能

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

middleman server
ローカルサーバ起動
middleman-liverel...
HTML Kickstart
CSSフレームワーク
Twitter Bootstrapみたいなもの
なんとなくビビビッときた

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日火曜日
TravisCI
13年10月22日火曜日
Travis CI is a hosted continuous integration service for the
open source community.

Webサービス・CIツール
.travis.ymlにビルド設定を記述
Ru...
https://travis-ci.org/
13年10月22日火曜日
http://tricknotes.hateblo.jp/entry/2013/06/17/020229
13年10月22日火曜日
.travis.yml
language: ruby
rvm:
- 1.9.3
- 2.0.0

言語指定
バージョン指定

env:
global:
- GIT_COMMITTER_NAME=hogehoge
- GIT_COMMITTER_...
Java
language: java
script: gradle build
jdk:
- oraclejdk7
- openjdk6
branches:
only:
- master

Groovy
language: groovy
sc...
ワークフロー

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日火曜日
Coveralls
13年10月22日火曜日
Coveralls is a web service to help you track your code
coverage over time, and ensure that all your new code is
fully cove...
13年10月22日火曜日
Gemnasium
13年10月22日火曜日
Gemnasium is an online tool to monitor your project
dependencies.

Gemのバージョンチェック
Bundlerによって多数のGemを使いがち
Rubyの後方互換を無視したアップデ...
13年10月22日火曜日
Code Climate
13年10月22日火曜日
Code Climate consolidates the results from a suite of static
analysis tools into a single, real-time report, giving your
t...
13年10月22日火曜日
Coderwall
13年10月22日火曜日
Githubの活動内容をバッジ化

13年10月22日火曜日
他にも...
New Relic
サーバー監視
Semaphore
Codeship
CI & デプロイ ワークフロー作成

13年10月22日火曜日
注意点
Travisで成果物をマージする際、手動マージが必要な
場合はgit pushでエラーとなる
レイアウト変更で発生しがち
ローカルで処理してあげる
今回紹介したWebサービス群は”OSSプロジェクトな
ら”無料 & “Github”と連...
思ったこと
新しいビジネスモデル
オープンに利用する場合は無料(宣伝?)
非公開であることに価値を持たせる(著作権?)
他サービスと容易に連携

13年10月22日火曜日
思ったこと

大艦巨砲主義は古い

テキスト

コアとなる機能とcontrib ( plugin )の組み合わせ
扱いやすさ・スピード感

13年10月22日火曜日
終

13年10月22日火曜日
Upcoming SlideShare
Loading in …5
×

ブログる

1,186 views

Published on

勉強会用資料

Middleman-blogで作ったブログをGithub Pagesでホスティングするまで。(未完成)
と、Githubと連携するWebサービスとか。

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,186
On SlideShare
0
From Embeds
0
Number of Embeds
501
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

ブログる

  1. 1. ブログる 13年10月22日火曜日
  2. 2. きっかけ はてな記法慣れない Web上での編集面倒 AtomPubあるけどね 自分で色々使ってみたい 13年10月22日火曜日
  3. 3. ! 13年10月22日火曜日
  4. 4. 13年10月22日火曜日 !!!
  5. 5. ブログを書こう 作ろう 13年10月22日火曜日
  6. 6. 開発ツール Middleman(Middleman-blog) HTML Starter Github Pages Testing Tools (間に合いませんでした) RSpec / Capybara / Wraith 13年10月22日火曜日
  7. 7. Middleman Middleman-blog 13年10月22日火曜日
  8. 8. Middleman Sinatraベースの静的HTML生成ツール 様々なテンプレートエンジンが利用可能 HTML - Markdown / haml / Slim ... CSS - Sass / Compass / LESS ... Blog用の機能拡張Middleman-blog 同様ツール Yeoman / Jekyll + Octopress など 13年10月22日火曜日
  9. 9. Middleman middleman init 各種ファイルを生成 テンプレートの指定も可能 middleman build 各テンプレートをビルド middleman server ローカルサーバ起動 middleman-livereload便利 13年10月22日火曜日
  10. 10. HTML Kickstart CSSフレームワーク Twitter Bootstrapみたいなもの なんとなくビビビッときた 13年10月22日火曜日
  11. 11. Github Pages 静的ページホスティングサービス gh-pagesブランチにあるWebページ {$USERNAME}.github.ioプロジェクトのメインブランチ 設定画面から作成することも出来る 13年10月22日火曜日
  12. 12. 13年10月22日火曜日
  13. 13. ワークフロー 13年10月22日火曜日
  14. 14. ? 誰が新しい記事を誰がビルドするの? 13年10月22日火曜日
  15. 15. ? 誰が新しい記事を誰がビルドするの? 13年10月22日火曜日
  16. 16. ? 誰が新しい記事を誰がビルドするの? A. 彼です 13年10月22日火曜日
  17. 17. TravisCI 13年10月22日火曜日
  18. 18. Travis CI is a hosted continuous integration service for the open source community. Webサービス・CIツール .travis.ymlにビルド設定を記述 Ruby / Java / Javascript / C / Haskell / Erlang / Go / etc ... GithubへのpushをHookしてビルドする 成果物を再びGithubへpushとか出来る 同様サービスにDrone.io / Circle CIなど 13年10月22日火曜日
  19. 19. https://travis-ci.org/ 13年10月22日火曜日
  20. 20. http://tricknotes.hateblo.jp/entry/2013/06/17/020229 13年10月22日火曜日
  21. 21. .travis.yml language: ruby rvm: - 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-slimsample.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' プッシュ 13年10月22日火曜日
  22. 22. Java language: java script: gradle build jdk: - oraclejdk7 - openjdk6 branches: only: - master Groovy language: groovy script: gradle build サンプルを参考に http://about.travis-ci.org/docs/user/languages/java/#Examples 13年10月22日火曜日
  23. 23. ワークフロー 13年10月22日火曜日
  24. 24. という感じで... 13年10月22日火曜日
  25. 25. 製作中 13年10月22日火曜日
  26. 26. もうちょっと調べる TravisCIのようにGithubから使えるWebサービス http://techlife.cookpad.com/2013/04/10/chanko200/ 13年10月22日火曜日
  27. 27. Web Services Travis CI Coveralls Gemnasium Code Climate Coderwall ※すべてオープンソースプロジェクトなら無料で利用可 13年10月22日火曜日
  28. 28. Coveralls 13年10月22日火曜日
  29. 29. Coveralls is a web service to help you track your code coverage over time, and ensure that all your new code is fully covered. カバレッジ測定ツール TravisCIと連携可能 Ruby / Java / Javascript / C / Scala / PHP / etc... 13年10月22日火曜日
  30. 30. 13年10月22日火曜日
  31. 31. Gemnasium 13年10月22日火曜日
  32. 32. Gemnasium is an online tool to monitor your project dependencies. Gemのバージョンチェック Bundlerによって多数のGemを使いがち Rubyの後方互換を無視したアップデート Node.jsのnpmにも対応 13年10月22日火曜日
  33. 33. 13年10月22日火曜日
  34. 34. Code Climate 13年10月22日火曜日
  35. 35. 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. ソースコード静的解析ツール Ruby 1.8/1.9のみサポート Rubistがいない時の学習用? 13年10月22日火曜日
  36. 36. 13年10月22日火曜日
  37. 37. Coderwall 13年10月22日火曜日
  38. 38. Githubの活動内容をバッジ化 13年10月22日火曜日
  39. 39. 他にも... New Relic サーバー監視 Semaphore Codeship CI & デプロイ ワークフロー作成 13年10月22日火曜日
  40. 40. 注意点 Travisで成果物をマージする際、手動マージが必要な 場合はgit pushでエラーとなる レイアウト変更で発生しがち ローカルで処理してあげる 今回紹介したWebサービス群は”OSSプロジェクトな ら”無料 & “Github”と連携 13年10月22日火曜日
  41. 41. 思ったこと 新しいビジネスモデル オープンに利用する場合は無料(宣伝?) 非公開であることに価値を持たせる(著作権?) 他サービスと容易に連携 13年10月22日火曜日
  42. 42. 思ったこと 大艦巨砲主義は古い テキスト コアとなる機能とcontrib ( plugin )の組み合わせ 扱いやすさ・スピード感 13年10月22日火曜日
  43. 43. 終 13年10月22日火曜日

×