「Ruby / Ruby on Rails ビギナーズ勉強会 第３回」で発表した内容です。 簡単に管理画面が作成できるActiveAdminについて発表しました。 他の管理画面系Gemの紹介や、導入を説明しています。 また、カスタマイズするに必要な知識のDSLについて概要を解説しています。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 「Ruby / Ruby on Rails ビギナーズ勉強会」は初心者が集まって発表したり、自主学習する勉強会です。定期開催しています。 開催の連絡は以下の方法で受け取ることができます。 ## DoorKeeperグループ イベント申し込みを受け付けている、DoorKeeper でのグループです。 http://ror-beginners.doorkeeper.jp/ ## Facebookグループ: イベント告知や技術情報をお互いにシェアしています。 https://www.facebook.com/groups/rorbeginners/ ## Twitterハッシュタグ ハッシュタグは、 #rubybg です。 Twitterにもイベント、勉強会の情報を流しています。

1. Ruby / Ruby on Railsビギナーズ倶楽部
ActiveAdminで作る管理画面
2015.03.28
超簡単!?

2. Self-Intoroduction
• WordPressもくもく倶楽部@Co-Edoも来てください。
• Swiftビギナーズ倶楽部@Co-Edoも開催しています( ́ ▽ ` )ﾉ
• Rubyで開発し始めた、アプリケーションエンジニア(LAMP/Java/Oracle）
http://wp-moku.doorkeeper.jp/
一緒に勉強しましょう( ́ ▽ ` )ﾉ
勉強会やってます！
http://swift-beginners.doorkeeper.jp/
徳島県出身です
(ó ｀o)

3. ActiveAdminに
初めて触れて
びっくりした話です:)
写真素材ぱくたそ
http://www.pakutaso.com

4. １）ActiveAdminって何？
Today's Agenda
２）他の管理画面系Gemってどんなのがある？
３）実際にやってみよう！
４）基本のDSLを学ぶ！

5. １）ActiveAdminって何？
公式サイト：http://activeadmin.info/index.html
• コマンドで管理画面を自動生成できるGem
• 比較的きれいなデザイン
• 簡単すぎて
• びっくりするよ！
• 管理者ログインの機能もデフォルト搭載！

6. ２）他の管理画面系Gemってどんなのがある？
demo site：http://rails-admin-tb.herokuapp.com/
１）RailsAdmin
２）typus
Github：http://github.com/typus/typus
・開発者向けの管理画面に向いている。
・カスタマイズが、大変らしい。
・管理画面生成gemの中で一番カスタマイズしやすい。
・初期画面のデザインは、他より劣る。
・モデルの自動検知はしないので、yaml追加が必要。

7. ３）実際にやってみよう！
gem 'activeadmin', github: 'gregbell/active_admin'
gem 'sass-rails'
gem 'devise' # ユーザー認証で必要
３­１）Gemfileに追記
３­２）インストール
bundle install
bundle exec rails g active_admin:install
３­３）モデルを生成
bundle exec rails g model book title:string color:string
bundle exec rake db:migrate

8. ３）実際にやってみよう！
bundle exec rails g active_admin:resource book
３­４）ActiveAdminでモデルを認識
３­５）app/admin/book.rbを実装
３­６）サーバー起動
bundle exec rails s
https://github.com/mustacheyork/admin_app
３­７）ブラウザにアクセス！！
http://localhost:3000/admin
ソースはこちら
Email:admin@example.com
Password:password
アカウント情報：

9. ３）実際にやってみよう！
DEMO

10. ４）基本のDSLを学ぶ！

11. DSLって何ですか？
その前に・・・

12. ４ー１）DSLとは
ドメイン固有言語
(domain-specific language：DSL）
・特定のタスク向けに設計されたコンピュータ言語。
どういうこと？？？

13. ４ー１）DSLとは
・Ruby、Swift、PHPなどは、汎用プログラミング言語。
・ShellScript、SQL、Makefileなどは、特定の目的を
達成する為に特化したプログラミング言語。
様々な広い方面に用いる
DSLは・・・
特定の目的を達成するための最小限の実装で良い。
利用者を限定できる為、その人達が分かる表現で良い。
故に、学習コストが高くなる。

14. ４ー１）DSLとは
ActiveAdmin、Rspec、ActiveRecode(migration)等は、
Rubyで作られた内部DSLなので、
Rubyの言語仕様で記述できる。
大きく分けて、外部DSLと内部DSLがある。
- XMLやyamlで書いたコードをRubyで
解析したりするのが外部DSLと呼ばれる。
- Rubyで実装したDSLが、内部DSLと呼ばれる。

15. ４）基本のDSLを学ぶ！
index do
column "ID", :id
column "タイトル", :title
column "色", :color
actions
end
一覧ページに表示する項目を
定義するパラメータ
column：
一覧ページを定義する
パラメータ
index：
一覧ページ、編集ページに
各アクションボタンを
表示するパラメータ
actions：
さっきのDEMOのコードが
理解できる(ó ｀o)

16. active_admin_comments：
４）基本のDSLを学ぶ！
show do ¦b¦
attributes_table do
row :id
row :title
row :color
end
active_admin_comments
end
詳細ページで表示する項目を
定義するパラメータ
attributes_table：
詳細ページを定義する
パラメータ
show：
これは、テーブル名です。

17. ま と め
・簡易的な管理画面をサクッと作るにはとても便利！
・カスタマイズしようと思うとDSLの理解が必要。
・ActiveAdminは、Rubyで書かれた内部DSL。
所感としては・・・
やっぱり超簡単だなんて
甘い話はないよね(͡-͡)

18. 参 照 情 報
http://qiita.com/baban@github/items/f751fb05c4d2367878aa
・rails管理画面系gem比較してみた
http://www.slideshare.net/yizawa/rubydsl-25541986
・RubyでDSL
http://www.nicovideo.jp/watch/sm11902338
・Rubyで作るDSLの基礎

19. Let's study together！
Thank you :)