Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
DrupalのWeb Profiler #drupal_haneda
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
HikaruMaruyama
November 24, 2022
Programming
400
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
DrupalのWeb Profiler #drupal_haneda
https://drupal-meetup-haneda.connpass.com/event/264534/
HikaruMaruyama
November 24, 2022
More Decks by HikaruMaruyama
See All by HikaruMaruyama
OSS CMS「Drupal 10」 エッセンシャル:最新版でのWeb開発の魅力を探る #oscnagoya
hmaruyama
0
290
スタイリッシュでモダンな「Gin」管理テーマの紹介 #drupal_haneda
hmaruyama
0
320
非エンジニアから開発者まで!DrupalPodを使用したDrupal環境の作成
hmaruyama
1
380
Drupal認定試験にチャレンジしよう!アクイア認定プログラムのご紹介 / introduction of Acquia Drupal Certification Program
hmaruyama
0
1.1k
「Docker/Kubernetes実践コンテナ開発入門」学習のポイント #dockerbg / 20191108
hmaruyama
0
180
enebularでobnizを Lチカ してみた #enebular / 20181122
hmaruyama
0
620
駅すぱあとWebサービス連携ハンズオンパート ノンプログラミングでClovaスキルハンズオン&お茶会 #linebootawards #Clova_CEK / 20180919
hmaruyama
1
680
Agent Friends Xperia Ear Duoで誰でも コミュニケーションにコミット #linebootawards / 20180826
hmaruyama
0
150
kintoneで楽々交通費精算!駅すぱあとWebサービス連携ハンズオン #kintonedevcamp / 20180802
hmaruyama
0
940
Other Decks in Programming
See All in Programming
LL言語やWebフレームワークのPostgreSQL対応 〜DBの機能がユーザーに届くまで〜
kentaroutakeda
0
150
Seeing Through Serverless: Observability for AWS Lambda with ADOT and CloudWatch Application Signals
seike460
PRO
1
130
PyO3 で既存 Python 評価器を Rust core 化する ー wasm-bindgen でブラウザにも配るための設計
kdash
1
560
Deep dive into the select statement (GopherCon UK)
jespino
0
170
XHTMLが残したもの
yosuke_furukawa
PRO
2
470
DroidKaigi 2026 「個人開発という実験場: Android エンジニアが手にする4つの自由」
slashnephy
0
230
【DroidKaigi 2026】「アクセシビリティを利用するとき、 アクセシビリティもまたこちらを利用している」 〜マルウェアによる攻撃と防衛について〜
halunoyo
0
420
変化を抱擁するドキュメントの作り方 - ビジネスルール駆動開発がもたらす、コードとの新しい関係
ioki
2
130
フロントエンドUIフレームワークのこれまでとこれから
ssssota
3
1.5k
PyConJP2026_wat_Python × Signal Processing: How to Draw Pictures with Sound Using Spectrogram Art
wat
0
680
iOS開発×AI駆動開発 〜最近使って便利だったスキルの話〜
nogu66
0
140
Foundry Localでエージェント開発
seosoft
0
160
Featured
See All Featured
Navigating Weather and Climate Data
rabernat
0
510
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
820
The Curious Case for Waylosing
cassininazir
1
500
So, you think you're a good person
axbom
PRO
2
2.1k
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.1k
Designing for humans not robots
tammielis
254
26k
A better future with KSS
kneath
240
18k
Designing Powerful Visuals for Engaging Learning
tmiket
1
530
Paper Plane (Part 1)
katiecoart
PRO
1
11k
Balancing Empowerment & Direction
lara
6
1.3k
Making Projects Easy
brettharned
120
6.7k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
Transcript
Drupalの WebProfiler まるやま ひかる Drupal Meetup Haneda #46 (2022-11-24)
自己紹介 丸山 ひかる アクイアジャパン テクニカルトランスレーター • 1991年10月29日 生まれ • 独立系ソフトウェア開発会社でソフトウェアエンジ
ニア • のちエバンジェリストとしてプロダクトの啓蒙活動 • 2019年8月 アクイアにジョイン • ウェブサイトのコンテンツの技術翻訳やローカライ ズを担当 Ruby / Rails / Web API / Docker / AWS ラーメン / スイーツ / キャンプ飯 / 登山
最近のトピック① DrupalCamp DEN 2023 Iwakuni 開催決定!参加申込、登壇申込、スポン サー各種受付中 https://drupal-camp2023.den-japan.org/
最近のトピック② アドベントカレンダーの季節になりました!今 年こそは全部埋めたいですね https://qiita.com/advent-calendar/2022/drupal
仕事の話 Drupalに関するウェビナーを 定期開催中!次回は12/7(水) https://www.acquia.com/jp/events
DrupalのWeb Profiler
• DrupalのWeb Profilerとは • 導入方法 • デモ アジェンダ
DrupalのWeb Profilerとは
こういう時どうしますか? • ページの実行時間を計測したい • デバッグしたい ◦ どんな外部リクエストが発生しているか ◦ どんなDBクエリが実行されたのか ◦
どのイベントが発火したか
DrupalのWeb Profiler • サイトのリクエスト実⾒に関する詳細情報を 提供する開発ツール • Drupalのコントリビュートモジュールとして 提供される • ページで実⾒されたルーティング情報や実
⾒時間、データベースのクエリ数などデバッ グに役⾒つ情報をグラフィカルに⾒ることが できる
Symfonyにも似たようなものが DrupalのWeb Profiler SymfonyのProfiler
SymfonyのProfiler • Symfony では Profilerと呼ばれるツールが存在 • DrupalのWeb Profilerが後発 • どちらもSymfonyのHttpKernelやRoutingなどのコン
ポーネントに依存している
Web Profilerの導入
インストール方法 Devel 5系 を利用して いる 使用中のDevelモジュールのバージョン によって、インストール方法が異なる composerで drupal/webprofiler をインストール
Yes No Devel 4系 を利用して いる Yes Develに同梱されてい るWeb Profilerモ ジュールを利用 Web Profilerモジュールを有効化する
Web Profilerが有効化されると • Web Profiler モジュールを有効化すれば、ページ下部にデ バッグツールバーが表示されるようになる • 追加の設定無しにすぐに使い始めることができる
デモ
Web Profilerの主な機能 • デバッグツールバー • プロファイラダッシュボード • 保存済みのプロファイラ一覧
Web Profilerで取得可能な情報① 名前 説明 PHP config PHPの設定情報。 Request リクエストのルート情報やリクエスト /レスポンスヘッダなど。
Timeline 処理時間のタイムライングラフ。 Performance Timing DNS参照にかかった時間や初期レスポンスの待機にかかった時間 (Time to first byte)など。 Database ページで実行されたクエリ数、クエリ実行時間などデータベースに関する情報。 User リクエストを実行している Drupalのユーザー情報。 Views ページで読み込まれた Drupal Viewの一覧。 Block ページで読み込まれたブロックの一覧。 Forms ページで読み込まれたフォームの情報。 Extensions サイトで有効化されている全てのモジュール /テーマの一覧。 Cache キャッシュヒット/キャッシュミスの一覧。 Assets ページで読み込まれた CSS/JSファイルの一覧。 これらの項目は デフォルトの状態で 取得可能です
Web Profilerで取得可能な情報② 名前 説明 Config ページで呼び出された Configデータの一覧。 Events ページで呼び出された /呼び出されなかったイベントリスナーの一覧。
Http ページで呼び出された外部 HTTPリクエストの一覧。 Mail ページを介して実行されたメール送信の一覧。 Routing サイトに登録されている全てのルート一覧。 Services ページで初期化された /されなかったサービスの一覧。 State ページで読み込まれた State情報の一覧。 Theme サイトでデフォルトにしているテーマに関する情報。 Translations ページで読み込まれたユーザーインターフェースの翻訳文字列の一覧。 これらの項目は デフォルトの状態では 見れませんが設定で 追加が可能です
もっと詳しく 知りたい方は・・ 「Drupal 9 おいしいレシピ集 3」 Amazonで好評発売中! https://www.amazon.co.jp/dp/B0BDGFDWDR
Thank you!