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
130
Other Decks in Programming
See All in Programming
Stackless и stackful? Корутины и асинхронность в Go
lamodatech
0
920
テスト自動化失敗から再挑戦しチームにオーナーシップを委譲した話/STAC2024 macho
ma_cho29
1
1.3k
今年一番支援させていただいたのは認証系サービスでした
satoshi256kbyte
1
260
開発者とQAの越境で自動テストが増える開発プロセスを実現する
92thunder
1
200
PHPで学ぶプログラミングの教訓 / Lessons in Programming Learned through PHP
nrslib
4
380
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
360
Mermaid x AST x 生成AI = コードとドキュメントの完全同期への道
shibuyamizuho
0
210
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
140
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
tidymodelsによるtidyな生存時間解析 / Japan.R2024
dropout009
1
810
テストケースの名前はどうつけるべきか?
orgachem
PRO
0
150
フロントエンドのディレクトリ構成どうしてる? Feature-Sliced Design 導入体験談
osakatechlab
8
4.1k
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Navigating Team Friction
lara
183
15k
Thoughts on Productivity
jonyablonski
68
4.4k
Fireside Chat
paigeccino
34
3.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
The Language of Interfaces
destraynor
154
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Music & Morning Musume
bryan
46
6.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
1
110
Scaling GitHub
holman
459
140k
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