rabbit-slide-myokoym-sinatrasapporo-20150919 2015.9.19.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 943c740a924d8aebf18a9a7a3321503870484346
+  data.tar.gz: 6b34961d5abeaad39c5fc1fb5aaa86d23bf0172b
+SHA512:
+  metadata.gz: 51a35e7fff4992fbe07afcd79b775866ce6a8faffd25817d7d11f458326c32d5c6b4b53e331391639054f192ffb16fad4dc15204af1b31fa5d25703646cb6f74
+  data.tar.gz: fd62806bf563ac61bd36b8e56516289dba3ccee45817ea1184be3d5cbb4fad382a11ac319dbcbca498bca0db0082905375623a2383756c1e31c5ff75698caa3e

data/.rabbit

@@ -0,0 +1 @@
+sinatra-with-bower.rab

data/README.rd

@@ -0,0 +1,25 @@
+= Sinatra w/ Bower
+
+Sinatraアプリのフロントエンド用パッケージ（JavaScriptやCSSなど）の
+管理を楽にするためにBowerやアセットパイプラインを使う話。
+
+== 作者向け
+
+=== 表示
+
+  rake
+
+=== 公開
+
+  rake publish
+
+== 閲覧者向け
+
+=== インストール
+
+  gem install rabbit-slide-myokoym-sinatrasapporo-20150919
+
+=== 表示
+
+  rabbit rabbit-slide-myokoym-sinatrasapporo-20150919.gem
+

data/Rakefile

@@ -0,0 +1,17 @@
+require "rabbit/task/slide"
+
+# Edit ./config.yaml to customize meta data
+
+spec = nil
+Rabbit::Task::Slide.new do |task|
+  spec = task.spec
+  # spec.files += Dir.glob("doc/**/*.*")
+  # spec.files -= Dir.glob("private/**/*.*")
+  spec.add_runtime_dependency("rabbit-theme-nyankosakana")
+end
+
+desc "Tag #{spec.version}"
+task :tag do
+  sh("git", "tag", "-a", spec.version.to_s, "-m", "Publish #{spec.version}")
+  sh("git", "push", "--tags")
+end

data/config.yaml

@@ -0,0 +1,23 @@
+---
+id: sinatrasapporo-20150919
+base_name: sinatra-with-bower
+tags:
+- rabbit
+- sinatra
+- javascript
+presentation_date: 2015-09-19
+version: 2015.9.19.0
+licenses:
+- CC BY 4.0
+slideshare_id: 
+speaker_deck_id: 
+ustream_id: 
+vimeo_id: 
+youtube_id: 
+author:
+  markup_language: :rd
+  name: Masafumi Yokoyama
+  email: myokoym@gmail.com
+  rubygems_user: myokoym
+  slideshare_user: myokoym
+  speaker_deck_user: myokoym

data/sinatra-with-bower.rab

@@ -0,0 +1,245 @@
+= Sinatra w/ Bower
+
+# : subtitle
+#    サブタイトル
+: author
+   Masafumi Yokoyama
+# : institution
+#    所属
+: content-source
+   勉強会＠Sinatra札幌
+: date
+   2015-09-19
+: allotted-time
+   50m
+: theme
+   nyankosakana
+
+= 自己紹介
+
+  * @myokoym
+  * 江別→札幌→東京
+  * 将棋（明日から大会！）
+
+= よろしくお願いします。\n\nm(_ _)m
+
+= 話すこと
+
+(('tag:center'))
+((*Sinatra*))を使ったWebアプリの\n
+JavaScript((*パッケージ管理*))
+
+= きっかけ
+
+  * RubyGemsっぽくJavaScriptのライブラリを管理したい
+    * 手動ダウンロードつらい
+    * dependency hell
+
+= きっかけ
+
+  * Bowerを使うといいらしい
+  * Sinatraと一緒に使いたい
+
+= アジェンダ
+
+  * Bowerとは
+  * Sinatraと一緒に使うには
+
+= アジェンダ
+
+  * ((*Bowerとは*))
+  * Sinatraと一緒に使うには
+
+= RubyとJavaScriptの\nパッケージ管理の対比
+
+= おさらい
+
+  * RubyGems
+  * Bundler
+  * Rake
+
+= RubyGems
+
+  * Rubyのパッケージ管理のしくみ
+    * APTやHomebrewなどのRuby版
+  * ライブラリなどをコマンド一発でインストールできる
+
+= Bundler
+
+  * プロジェクトで使うgemを管理するしくみ
+  * バージョンを指定できる
+    * 開発環境と本番環境でずれるのを防げる　
+
+= Rake
+
+  * タスク管理ツール
+    * MakeのRuby版
+  * ビルドやパッケージングなどを自動化
+
+= JavaScript
+
+  * npm
+  * Bower
+  * Grunt/gulp
+
+= npm
+
+  * JavaScript（Node.js）のパッケージマネージャ
+
+= npm
+
+  * パッケージ作成や登録
+    * RubyGemsの機能
+  * プロジェクトで使うバージョンの指定や依存関係の管理
+    * Bundlerの機能
+
+= npm
+
+  * パッケージ情報や依存関係はpackage.jsonに記述
+    * RubyGemsでいう.gemspec
+    * BundlerでいうGemfile
+
+= npm
+
+  * デフォルトでローカルディレクトリにインストール
+    * node_modulesディレクトリ
+  * -gオプションでシステムのグローバルに
+    * gem installのデフォルトはこちら
+
+= Bower
+
+  * Twitter社製のフロントエンド用パッケージマネージャ
+  * パッケージ情報や依存関係はbower.jsonに記述
+  * 機能はほぼnpmと同じ
+
+= Bower
+
+  * デフォルトでローカルディレクトリにインストール
+    * bower_componentsディレクトリ
+  * システムのグローバルにインストールすることはない
+
+= npmとBower
+
+  * 似ている
+    * Bowerはnpmを元に作られた
+  * 棲み分け
+    * npmはサーバーサイド（開発用ツールなど）
+    * Bowerはフロントエンド（ブラウザに配信するもの）
+
+= Grunt/gulp
+
+  * タスク管理ツール
+    * Rake
+  * フロントエンドでは結構重要
+
+= なぜ重要か
+
+  * 配信する必要があるため
+    * 必要なファイルだけ取り出したり
+    * 圧縮したり
+
+= 対比表
+
+  # RT
+
+  JavaScript, Ruby
+
+  npm -g, RubyGems
+  npm, RubyGems+Bundler
+  Bower, RubyGems+Bundler
+  Grunt/gulp, Rake
+
+= ハーフタイム
+
+  * 進捗どうですか？
+
+= アジェンダ
+
+  * (('del:Bowerとは'))
+  * ((*Sinatraと一緒に使うには*))
+
+= やり方
+
+  * 生のbower.jsonを使う
+  * Rails Assetsを使う
+    * アセットパイプライン
+  * 別のアプリケーション
+
+= 生のbower.jsonを使う
+
+  * 1. bower_componentsにインストール
+  * 2. publicにコピー
+    * Rakeタスクに組み込むなど
+
+= 生のbower.jsonを使う
+
+  * メリット
+    * Bowerの機能をそのまま使える
+  * デメリット
+    * パッケージ管理のしくみが複数できてしまうので複雑になる
+
+= Rails Assetsを使う
+
+  * Rails向けのアセット管理手法
+    * (('note:https://rails-assets.org/'))
+    * アセットパイプライン対応
+    * 内部でBowerを使っている
+
+= アセット
+
+  * ブラウザに配信するファイル
+  * JavaScript、CSS、画像など
+  * publicに配置するもの
+
+= アセットパイプライン
+
+  * アセットを配信用に変換
+    * コンパイル（.sass、.coffeeなど）
+    * 結合
+      * (('note:通信回数を減らす'))
+    * 圧縮（minify）
+      * (('note:通信量を減らす'))
+
+= Sinatra×\nアセットパイプライン
+
+  * Sinatra AssetPack
+    * (('note:https://github.com/rstacruz/sinatra-assetpack'))
+  * Sinatra Asset Pipeline
+    * (('note:https://github.com/kalasjocke/sinatra-asset-pipeline'))
+
+= Sinatra×\nRails Assets
+
+  * rails-assets-sinatra
+    * (('note:https://github.com/rails-assets/rails-assets-sinatra'))
+    * Sinatra Asset Pipelineを使用
+
+= rails-assets-sinatra
+
+  # blockquote
+  how to easily integrate Sinatra with Bower. Node.js is not required.
+
+= rails-assets-sinatra
+
+  # blockquote
+  how to easily integrate ((*Sinatra with Bower*)). Node.js is not required.
+
+= ｷﾀ━(ﾟ∀ﾟ)━!!
+
+= デモ
+
+== property
+
+: as_large_as_possible
+   true
+
+= 別のアプリケーション
+
+  * SinatraはWeb APIとして使う
+  * フロントエンドはMVCフレームワークなどを使う
+    * Bowerでパッケージ管理
+
+= まとめ
+
+  * Bowerを使うとフロントエンドのパッケージ管理が楽になる
+  * Sinatraと使うならrails-assets-sinatraのやり方がおすすめ
+  * 別アプリも有力な選択肢

data/theme.rb

@@ -0,0 +1,31 @@
+@slide_footer_info_left_text ||= canvas.title.gsub(/\n/, " ")
+
+include_theme("nyankosakana")
+
+match(TitleSlide, "*") do |elements|
+  elements.horizontal_centering = true
+end
+
+match(TitleSlide, Author) do |authors|
+  authors.horizontal_centering = false
+  authors.align = :left
+  authors.prop_set("size", @normal_font_size)
+  authors.prop_set("style", "italic")
+
+  #authors.margin_top = @space * 2
+
+  authors.add_post_draw_proc do |author, canvas, x, y, w, h, simulation|
+    cancel_height = author.height + author.margin_bottom
+    [x, y - cancel_height, w, h + cancel_height]
+  end
+end
+
+match(TitleSlide, Date) do |dates|
+  dates.horizontal_centering = false
+  dates.align = :right
+end
+
+match(TitleSlide, ContentSource) do |sources|
+  sources.horizontal_centering = false
+  sources.align = :right
+end

metadata

@@ -0,0 +1,81 @@
+--- !ruby/object:Gem::Specification
+name: rabbit-slide-myokoym-sinatrasapporo-20150919
+version: !ruby/object:Gem::Version
+  version: 2015.9.19.0
+platform: ruby
+authors:
+- Masafumi Yokoyama
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-09-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rabbit
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.0.2
+- !ruby/object:Gem::Dependency
+  name: rabbit-theme-nyankosakana
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: |-
+  Sinatraアプリのフロントエンド用パッケージ（JavaScriptやCSSなど）の
+  管理を楽にするためにBowerやアセットパイプラインを使う話。
+email:
+- myokoym@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".rabbit"
+- README.rd
+- Rakefile
+- config.yaml
+- pdf/sinatrasapporo-20150919-sinatra-with-bower.pdf
+- sinatra-with-bower.rab
+- theme.rb
+homepage: http://slide.rabbit-shocker.org/authors/myokoym/sinatrasapporo-20150919/
+licenses:
+- CC BY 4.0
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Sinatra w/ Bower
+test_files: []