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
プレーリーカードを活用しよう❗❗デジタル名刺交換からはじまるイベント会場交流のススメ
tsukaman
0
190
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.8k
Wasmの気になる最新情報
askua
0
160
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
2
210
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
540
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3k
「使い方教えて」「事例教えて」じゃもう遅い! Microsoft 365 Copilot を触り倒そう!
taichinakamura
0
450
今この時代に技術とどう向き合うべきか
gree_tech
PRO
2
2.1k
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
bengo4com
1
2.7k
Implementing and Evaluating a High-Level Language with WasmGC and the Wasm Component Model: Scala’s Case
tanishiking
0
150
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
600
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Designing for Performance
lara
610
69k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
We Have a Design System, Now What?
morganepeng
53
7.8k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
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!