Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
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
230
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
120
Other Decks in Programming
See All in Programming
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
120
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
2k
RubyLSPのマルチバイト文字対応
notfounds
0
120
Jakarta EE meets AI
ivargrimstad
0
620
Realtime API 入門
riofujimon
0
150
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
4
1.5k
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.2k
cmp.Or に感動した
otakakot
3
200
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
350
CSC509 Lecture 13
javiergs
PRO
0
110
카카오페이는 어떻게 수천만 결제를 처리할까? 우아한 결제 분산락 노하우
kakao
PRO
0
110
watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編
oniak3ibm
PRO
1
150
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Intergalactic Javascript Robots from Outer Space
tanoku
269
27k
Building Adaptive Systems
keathley
38
2.3k
Designing for humans not robots
tammielis
250
25k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Practical Orchestrator
shlominoach
186
10k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Done Done
chrislema
181
16k
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