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
1.9k
管理画面の高速開発を支えるツール 4 選
管理画面チラ見せナイト #7 の発表資料です
alea12
October 02, 2018
Tweet
Share
Other Decks in Technology
See All in Technology
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
データベース研修 DB基礎【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
210
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
AOAI Dev Day LLMシステム開発 Tips集
hirosatogamo
15
3.6k
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
420
Azure AI ことはじめ
tsubakimoto_s
0
130
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
Classmethod Odyssey 登壇資料
yamahiro
0
390
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
The Invisible Side of Design
smashingmag
294
50k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
YesSQL, Process and Tooling at Scale
rocio
166
14k
Speed Design
sergeychernyshev
9
270
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Git: the NoSQL Database
bkeepers
PRO
423
64k
Typedesign – Prime Four
hannesfritz
37
2.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
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!