Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Active Admin と JS と 私 / Active Admin and JS and me
Search
Kotaro Nishioka
November 29, 2018
Programming
0
280
Active Admin と JS と 私 / Active Admin and JS and me
ebisu.rb #20 で登壇したときの資料です。
https://ebisurb.connpass.com/event/106935/
Kotaro Nishioka
November 29, 2018
Tweet
Share
More Decks by Kotaro Nishioka
See All by Kotaro Nishioka
ペンディングプロジェクトでの学び / What I learned from the Pending Project
kotaro0522
0
190
Other Decks in Programming
See All in Programming
令和最新版Android Studioで化石デバイス向けアプリを作る
arkw
0
400
How Software Deployment tools have changed in the past 20 years
geshan
0
29k
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
11
11k
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
shmokmt
5
2.3k
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
hasibirok0
0
240
Github Copilotのチャット履歴ビューワーを作りました~WPF、dotnet10もあるよ~ #clrh111
katsuyuzu
0
110
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
160
React Native New Architecture 移行実践報告
taminif
1
150
AIコーディングエージェント(Gemini)
kondai24
0
220
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
160
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
itsmedreamwalker
1
110
新卒エンジニアのプルリクエスト with AI駆動
fukunaga2025
0
220
Featured
See All Featured
Fireside Chat
paigeccino
41
3.7k
KATA
mclloyd
PRO
32
15k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
The Cost Of JavaScript in 2023
addyosmani
55
9.3k
How GitHub (no longer) Works
holman
316
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
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