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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
HikaruMaruyama
November 24, 2022
Programming
390
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
310
非エンジニアから開発者まで!DrupalPodを使用したDrupal環境の作成
hmaruyama
1
370
Drupal認定試験にチャレンジしよう!アクイア認定プログラムのご紹介 / introduction of Acquia Drupal Certification Program
hmaruyama
0
1k
「Docker/Kubernetes実践コンテナ開発入門」学習のポイント #dockerbg / 20191108
hmaruyama
0
180
enebularでobnizを Lチカ してみた #enebular / 20181122
hmaruyama
0
620
駅すぱあとWebサービス連携ハンズオンパート ノンプログラミングでClovaスキルハンズオン&お茶会 #linebootawards #Clova_CEK / 20180919
hmaruyama
1
670
Agent Friends Xperia Ear Duoで誰でも コミュニケーションにコミット #linebootawards / 20180826
hmaruyama
0
150
kintoneで楽々交通費精算!駅すぱあとWebサービス連携ハンズオン #kintonedevcamp / 20180802
hmaruyama
0
930
Other Decks in Programming
See All in Programming
音楽のための関数型プログラミング言語mimiumにおける多段階計算の活用
tomoyanonymous
1
350
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
1.6k
言語を使う側から、作る側へ。 自作 Lisp で得た新たな気づき。
andpad
0
130
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
160
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
thasu0123
0
140
act2-costs.pdf
sumedhbala
0
120
The Bowling Game- From Imperative to Functional Programming - Part 1
philipschwarz
PRO
0
340
作るコストが小さくなった時代 幸せに働くために改めて考えたいこと 〜エンジニアとして価値を出し続けるために注視している二分野〜
yuppeeng
0
120
コーディングルールの鮮度を保ちたい for SRE NEXT 2026 / keep-fresh-go-internal-conventions-sre-next-2026
handlename
0
150
광주소프트웨어마이스터고등학교 DevFest 특강 - 바이브 코딩 시대에서 주니어 개발자로 살아남는 방법
utilforever
1
150
ITヒヤリハットを整理してみた ~ライフサイクルと原因から考える再発防止策~
koukimiura
1
110
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
panda728
PRO
2
280
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
So, you think you're a good person
axbom
PRO
2
2.1k
Site-Speed That Sticks
csswizardry
13
1.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.5k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
340
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
190
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
910
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!