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
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
700
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
0
450
セキュアな認可付きリモートMCPサーバーをAWSマネージドサービスでつくろう! / Let's build an OAuth protected remote MCP server based on AWS managed services
kaminashi
3
270
職種別ミートアップで社内から盛り上げる アウトプット文化の醸成と関係強化/ #DevRelKaigi
nishiuma
2
160
Geospatialの世界最前線を探る [2025年版]
dayjournal
1
190
Developer Advocate / Community Managerなるには?
tsho
0
110
防災デジタル分野での官民共創の取り組み (2)DIT/CCとD-CERTについて
ditccsugii
0
130
OpenAI gpt-oss ファインチューニング入門
kmotohas
2
1.1k
能登半島災害現場エンジニアクロストーク 【JAWS FESTA 2025 in 金沢】
ditccsugii
0
230
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
2
940
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
maimyyym
6
3.9k
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.1k
Featured
See All Featured
Practical Orchestrator
shlominoach
190
11k
Site-Speed That Sticks
csswizardry
11
890
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
Done Done
chrislema
185
16k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.7k
How to train your dragon (web standard)
notwaldorf
96
6.3k
It's Worth the Effort
3n
187
28k
Mobile First: as difficult as doing things right
swwweet
224
10k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.3k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
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!