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
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
一参加者から『中の人』へ 〜全通PHPerがブースに立って学んだ、カンファレンスを100倍楽しむコツ〜
wp_daisuke
0
110
[PyCon KR 2026] More Variants, More Diversity for AI Accelerators
achimnol
0
130
Flow は今どうなっているか
mizdra
PRO
0
880
自分的「カンファレンスの楽しみ方」
syumai
0
180
不幸な GC
chencmd
0
870
20260828_品質と開発生産性を両立させる、AI時代のE2Eテストの考え方
magicpod
0
120
FDEとは、何者なのか?
masapyon1212
0
130
書籍「プロフェッショナルAI駆動開発」紹介スライド
juntaromatsumoto
0
960
My Marp Sample
sinoue0108
0
140
PHPプロジェクトの結合バランスを可視化する #php_night
kajitack
0
200
新卒PdEのリアル
ryu1013
1
230
KotlinConf Extended South Korea 2026 Keynote
l2hyunwoo
0
130
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
A designer walks into a library…
pauljervisheath
211
24k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
260
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
42k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
510
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Building Flexible Design Systems
yeseniaperezcruz
330
41k
Utilizing Notion as your number one productivity tool
mfonobong
4
570
エンジニアに許された特別な時間の終わり
watany
108
250k
WCS-LA-2024
lcolladotor
0
820
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
760
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
290
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!