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
190
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
98
Other Decks in Programming
See All in Programming
Ruby GitHub Packages
bkuhlmann
0
640
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
300
見た目から始める生産性向上
ikumatadokoro
10
1.3k
AppRouter Panel Talk
yosuke_furukawa
PRO
1
450
Elm 0.19.0 Changes
bkuhlmann
0
500
What We Can Learn From OSS
inouehi
0
430
Ruby Function Composition
bkuhlmann
1
340
Try creating your own orderedmap
kazamori
1
170
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
680
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
860
TCAとKMPを用いた新規動画配信アプリ 「ABEMA Live」の設計
tomu28
2
120
Node.js v22 で変わること
yosuke_furukawa
PRO
11
3.9k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
GitHub's CSS Performance
jonrohan
1025
450k
GraphQLとの向き合い方2022年版
quramy
33
12k
Product Roadmaps are Hard
iamctodd
45
9.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Making Projects Easy
brettharned
109
5.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Designing for humans not robots
tammielis
248
25k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Ruby is Unlike a Banana
tanoku
96
10k
We Have a Design System, Now What?
morganepeng
44
6.8k
Code Review Best Practice
trishagee
56
15k
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