Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Active Admin と JS と 私 / Active Admin and JS and me
Search
Kotaro Nishioka
November 29, 2018
Programming
310
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Active Admin と JS と 私 / Active Admin and JS and me
ebisu.rb #20 で登壇したときの資料です。
https://ebisurb.connpass.com/event/106935/
Kotaro Nishioka
November 29, 2018
More Decks by Kotaro Nishioka
See All by Kotaro Nishioka
ペンディングプロジェクトでの学び / What I learned from the Pending Project
kotaro0522
0
230
Other Decks in Programming
See All in Programming
Kiroで創り、AgentCoreで繋ぐ!AWSで実践する「AI-DLC」から「AIエージェント統合」までの最新地図
licux
4
750
Java 27新機能 / Java 27 new features
kishida
2
160
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
300
FreeBSDでZabbixを動かす
kenkino
0
320
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ! ~
po3rin
1
2.7k
AI × TiDD / 2026.09.05 Redmine 大阪
tokudiro
1
180
変化を抱擁するドキュメントの作り方 - ビジネスルール駆動開発がもたらす、コードとの新しい関係
ioki
2
220
Verilogで学ぶCPU自作入門.pdf
uyuki234
2
870
JRuby: Past, Present, and Future
headius
0
180
巨大モノリシックアプリ モダン化大作戦
ktcryomm
1
1.1k
【高い買い物LT会】初任給で話題の国産フィジカルAIを買った話
akagami
PRO
0
170
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
240
Featured
See All Featured
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
500
What does AI have to do with Human Rights?
axbom
PRO
1
2.4k
Product Roadmaps are Hard
iamctodd
55
13k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
770
The Spectacular Lies of Maps
axbom
PRO
1
1k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
830
Believing is Seeing
oripsolob
1
220
A Modern Web Designer's Workflow
chriscoyier
699
190k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
300
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
480
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
2
280
Transcript
Active Admin JS Nov 29, 2018 Nishioka
Kotaro Rakuma Service Development Group Rakuten, Inc.
2 Agenda • • Active Admin • Pros &
Cons • Rails JS • View • Gon • Patch • before_action • •
3 .2( 4'& "+5 3*0 -! /%
/%, 1 • Design Thinking • Media Art • VR 2017 42018 3 • )$ • React.js • # 2018 4 • Ruby on Rails • #
4 Active Admin https://activeadmin.info/ https://github.com/activeadmin/activeadmin
5 Active Admin Pros & Cons Pros • $"
! • (View + Controller) -> Resource Cons • # • Active Admin
6 Active Admin JS Rails JS #!$
1. View " JS 1. View " 2. Gem # (https://github.com/gazay/gon) 2. API JS %
7 View
8 Gon
9 Active Admin layout Layout
10 Active Admin layout
11 Active Admin Active Admin Layout gem
https://stackoverflow.com/questions/7452418/how-can-i-customize-the-active- admin-layout
12 Patch lib/active_admin/views/pages/base.rb
13 Patch config/initializers/active_admin_header_override.rb
14 before_action
15 Result
16 • Active Admin "&#!( • Gon
gem " JS % '$ • Patch gem
17 Active Admin https://activeadmin.info/ https://github.com/activeadmin/activeadmin Gon https://github.com/gazay/gon https://qiita.com/mosa_siru/items/e69eee47a183b13cfb62
https://qiita.com/taquaki-satwo/items/b2206e67f37fa878d909 https://stackoverflow.com/questions/7452418/how-can-i-customize-the-active- admin-layout
None