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
240
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
150
Other Decks in Programming
See All in Programming
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
120
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
500
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
740
Open source software: how to live long and go far
gaelvaroquaux
0
630
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
Immutable ActiveRecord
megane42
0
130
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
250
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
210
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Six Lessons from altMBA
skipperchong
27
3.6k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Automating Front-end Workflow
addyosmani
1367
200k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Making Projects Easy
brettharned
116
6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Facilitating Awesome Meetings
lara
51
6.2k
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