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
管理画面の高速開発を支えるツール 4 選
Search
alea12
October 02, 2018
Technology
1
2.1k
管理画面の高速開発を支えるツール 4 選
管理画面チラ見せナイト #7 の発表資料です
alea12
October 02, 2018
Tweet
Share
Other Decks in Technology
See All in Technology
Lazy application authentication with Tailscale
bluehatbrit
0
170
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
390
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
210
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
230
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
0
100
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
3
12k
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
6.8k
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6.2k
生成AI開発案件におけるClineの業務活用事例とTips
shinya337
0
240
OSSのSNSツール「Misskey」をさわってみよう(右下ワイプで私のOSCの20年を振り返ります) / 20250705-osc2025-do
akkiesoft
0
140
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
910
OPENLOGI Company Profile for engineer
hr01
1
34k
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Designing for humans not robots
tammielis
253
25k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Making Projects Easy
brettharned
116
6.3k
Practical Orchestrator
shlominoach
188
11k
Transcript
管理画面の高速開発を支えるツール4選 限られた開発リソースで運用コストを最小化する 管理画面チラ見せ♥ナイト #07 / アカデミスト株式会社 森川公康
自己紹介 • https://alea12.net • イラク日報全文検索 • 株式会社ポップインサイト 取締役 • アカデミスト株式会社
CTO
自己紹介 • https://alea12.net • イラク日報全文検索 • 株式会社ポップインサイト 取締役 • アカデミスト株式会社
CTO
自己紹介 • https://alea12.net • イラク日報全文検索 • 株式会社ポップインサイト 取締役 • アカデミスト株式会社
CTO
アカデミストとは • 学術・研究資金の獲得に特化した クラウドファンディングサービス • https://academist-cf.com • 累計獲得資金: 1 億円弱
• のべ支援者数: 7,000 人超
Q. アカデミストは何名で運営しているでしょう? A. 1 - 5 名 B. 6 -
10 名 C. 11 - 50 名 D. 51 名以上
アカデミストの運営体制 A. 1 - 5 名 B. 6 - 10
名 C. 11 - 50 名 D. 51 名以上
アカデミストの運営体制 A. 1 - 5 名 B. 6 - 10
名 C. 11 - 50 名 D. 51 名以上 社長業
アカデミストの運営体制 A. 1 - 5 名 B. 6 - 10
名 C. 11 - 50 名 D. 51 名以上 社長業 エンジニア 他社兼務
アカデミストの運営体制 A. 1 - 5 名 B. 6 - 10
名 C. 11 - 50 名 D. 51 名以上 社長業 エンジニア 他社兼務 ライター 兼務
社長業 エンジニア 他社兼務 ライター 兼務 アカデミストの運営体制 A. 1 - 5
名 B. 6 - 10 名 C. 11 - 50 名 D. 51 名以上 …
優れた管理画面の高速開発が必要! 限られた開発リソースで運用コストを最小化する
管理画面の高速開発を支えるツール4選 限られた開発リソースで運用コストを最小化する 管理画面チラ見せ♥ナイト #07 / アカデミスト株式会社 森川公康
メニュー 通知 視覚化 データ管理 セキュリティ
メニュー 通知 視覚化 データ管理 セキュリティ DBであれ更新して! を撲滅しよう
Rails 使ってますか? • academist 本体は Rails • 2014 年リリース時は Scratch
PHP • 近年Rails へのフルリプレイスを実施
RailsAdmin gem • rails アプリに管理画面を追加する gem • モデルに対して自動的に 良い感じの管理画面を生成する •
対象とする table や field はカスタム可
DEMO
勘所 • 運用担当に DB 権限を与えたいが、 以下のような懸念があるケースに有用 ◦ 誤操作が心配 ◦ DB
ロールの発行・管理が大変 ◦ SQL 覚えてもらうのが大変 • 他言語 / FW でも同様のライブラリ有 ◦ NodeJS: express-admin ◦ Django: django-admin
メニュー 通知 視覚化 データ管理 セキュリティ DBであれ更新して! を撲滅しよう おすすめツール: RailsAdmin
メニュー 通知 視覚化 データ管理 セキュリティ DBであれ更新して! を撲滅しよう おすすめツール: RailsAdmin 大切な管理画面は
しっかり守ろう
管理画面 守ってますか? • /admin や admin.xxx へのアクセスで 認証画面に到達できてしまうことが… • 辞書型
/ Bruteforce を考慮すると 認証画面が露出すること自体がリスク
AWS WAF • https://aws.amazon.com/waf/ • セキュリティルールに基づいた WAF をクラウド上に構築可能 • IP
アドレス / HTTP ヘッダ 等で アクセスを制御可能
at academist • ほとんどのリソースを AWS に配置 • 最前段に CloudFront を置いており
そこに WAF Web ACL を設定 • CloudWatch でモニタリング
メニュー 通知 視覚化 セキュリティ 大切な管理画面は しっかり守ろう おすすめツール: AWS WAF データ管理
DBであれ更新して! を撲滅しよう おすすめツール: RailsAdmin
メニュー 通知 視覚化 定例 MTG の 資料作成工数を 0 に セキュリティ
大切な管理画面は しっかり守ろう おすすめツール: AWS WAF データ管理 DBであれ更新して! を撲滅しよう おすすめツール: RailsAdmin
HighCharts • 個人的 3 大グラフ描画ライブラリの一角 ◦ 他は Gruff, Google Charts
◦ chartkick も気になっています • サーバでデータを生成、ブラウザで描画 • 商用ライセンスが必要なケースもあり
HighCharts + Rails • サーバ側で HighCharts に 投げつけるデータを用意 • groupdate
gem 使いたい
at academist • 重要指標について HighCharts を使ったグラフを描画 ◦ 支援件数 ◦ 支援総額
◦ ユーザ数 • 資料の作成時間が 0 に! ◦ スクショを貼るだけ
メニュー 通知 視覚化 定例 MTG の 資料作成工数を 0 に おすすめツール:
HighCharts セキュリティ 大切な管理画面は しっかり守ろう おすすめツール: AWS WAF データ管理 DBであれ更新して! を撲滅しよう おすすめツール: RailsAdmin
メニュー 通知 視覚化 定例 MTG の 資料作成工数を 0 に おすすめツール:
HighCharts 通知 as a 管理画面 セキュリティ 大切な管理画面は しっかり守ろう おすすめツール: AWS WAF データ管理 DBであれ更新して! を撲滅しよう おすすめツール: RailsAdmin
Slack 使ってますか? • academist でもヘビーユース • 以下のような通知が日々流れます ◦ 新着の支援 ◦
問い合わせ ◦ ニュースレター登録 ◦ CloudWatch Metrics etc ...
message のカスタマイズ • Slack message にアクションを追加 • 当該通知に対する主要なアクションは 管理画面に行かずとも実施可能に
Slack Message Builder • ブラウザで Slack メッセージを シミュレート可能 • コードを書く
→ 通知を試す → コードを書く … のループが不要に!
メニュー セキュリティ データ管理 通知 視覚化 大切な管理画面は しっかり守ろう DBであれ更新して! はなくしましょう 定例
MTG の 資料作成工数を 0 に おすすめツール: AWS WAF おすすめツール: RailsAdmin おすすめツール: HighCharts 通知 as a 管理画面 おすすめツール: Slack as a 管理画面
優れた管理画面の高速開発が出来ます! 適切なツールを効果的に組み合わせることで
Questions? セキュリティ データ管理 通知 視覚化 大切な管理画面は しっかり守ろう DBであれ更新して! はなくしましょう 定例
MTG の 資料作成工数を 0 に おすすめツール: AWS WAF おすすめツール: RailsAdmin おすすめツール: HighCharts 通知 as a 管理画面 おすすめツール: Slack as a 管理画面
Thank you for listening!