weblog.walk-life.me サイト解析まとめ

基本情報

サイトトップhttps://weblog.walk-life.me

HTMLサイズ

1ページ平均HTML(バイト)21811.39

内部リンク集計

リンク総数170

外部リンク集計

リンク総数170

メタ情報

meta description平均長109.86
OGPありページ数38
Twitterカードありページ数38

HTML言語 分布

キー割合
ja100.00%

文字コード 分布

キー割合
utf-8100.00%

内部リンク分析(Internal)

ユニーク内部リンク数170
ページあたり内部リンク平均67.47

内部リンク 深さヒストグラム

キー
038
1790
21729
47

内部リンク 上位URL

URLリンク総数
https://weblog.walk-life.me/category/js/136
https://weblog.walk-life.me/category/php/128
https://weblog.walk-life.me/category/server/111
https://weblog.walk-life.me/category/css/89
https://weblog.walk-life.me/category/html/81
https://weblog.walk-life.me/category/others/80
https://weblog.walk-life.me/category/design/77
https://weblog.walk-life.me/about76
https://weblog.walk-life.me/archive76
https://weblog.walk-life.me/docker_lamp_wp/49
https://weblog.walk-life.me/js_nottarget_click/47
https://weblog.walk-life.me/mt_archive_year/46
https://weblog.walk-life.me/wp_post_widget/45
https://weblog.walk-life.me/react_slide/44
https://weblog.walk-life.me/tag/jamstack/42
https://weblog.walk-life.me/tag/aws/42
https://weblog.walk-life.me/tag/wordpress/41
https://weblog.walk-life.me/tag/microcms/41
https://weblog.walk-life.me/tag/astro/41
https://weblog.walk-life.me/tag/react/40

連絡先候補(Contacts)

このデータの閲覧には会員登録が必要になります。会員登録

キーワード分析(KeywordMap)

ワードクラウド上位

重み
JavaScript1
Program0.976545
CSS0.904328
Server0.717321
HTML0.588449
Others0.380761
php0.351341
Design0.316905
astro0.316905
AWS0.311837
Messaging0.279648
Next0.273265
TTL0.271633
Cache0.271633
function0.226361
CloudFront0.226361
LINE0.223718
Route0.223718
の記事0.214381
おしまい0.197376
cloudfront0.195189
http0.181088
localhost0.181088
docker0.181088
compose0.181088
yml0.181088
HTTP0.181088
すべて0.181088
example0.181088
com0.181088
URL0.167789
Adobe0.167789
ブラウザに表示されるタイトルは0.167789
ブログ名0.167789
となります0.167789
お名前0.167789
Let0.167789
Encrypt0.167789
まず0.156152
Movable0.156152
Type0.156152
nginx0.156152
Astro0.156152
さらに0.138459
env0.138459
Jamstack0.138459
WordPress0.138459
環境は以下の通り0.135816
Google0.135816
microcms0.135816

共起語上位

語1語2スコア共起ページ数
JavaScriptProgram2.945805167
httplocalhost2.55490716
composedocker2.55490716
composeyml2.55490716
MovableType2.55317915
となりますブログ名2.32799912
functionphp2.31578420
cookieすべて2.23695810
HTTPHTTPS2.17308910
HTTP許可された2.17308910
JamstackmicroCMS2.14409210
CSSJavaScript2.14370782
comexample2.13439612
TTL最大2.11675310
TTLデフォルト2.11675310
AstroJamstack2.10880312
URL関数2.0897729
Nodenpm2.0541718
dockeryml2.02251612
Cachecloudfront2.01386914
JavaScriptのコードは以下の通り予め画像を用意しておきそれを1枚ずつ切り替える想定です2.0099618
class属性の有無で表示予め画像を用意しておきそれを1枚ずつ切り替える想定です2.0099618
class属性の有無で表示非表示を切り替えます2.0099618
CSSは以下の通りで画像の表示制御をします非表示を切り替えます2.0099618
CSSは以下の通りで画像の表示制御をしますtransition2.0099618
transitionプロパティで透明度のスピードなどを制御します2.0099618
プロパティで透明度のスピードなどを制御します標準では画像の透明度の2.0099618
opacity標準では画像の透明度の2.0099618
opacityプロパティを0で不可視にしておき2.0099618
アクティブになったらclass属性を付与し可視させますプロパティを0で不可視にしておき2.0099618
アクティブになったらclass属性を付与し可視させますコンポーネント化して任意の位置に埋め込むのがいいでしょう2.0099618
Webページで特定の要素をクリックした時とそれ以外の要素をクリックした時とで処理を分岐したい2.0099618
それ以外の要素をクリックした時とで処理を分岐したい例えば親以上の要素にイベントハンドラを設定してしまうと2.0099618
closest例えば親以上の要素にイベントハンドラを設定してしまうと2.0099618
closestメソッドを使うと指定したセレクタ自身2.0099618
または最も近い親要素を取得できますメソッドを使うと指定したセレクタ自身2.0099618
targetまたは最も近い親要素を取得できます2.0099618
targetと組み合わせて指定したセレクタが含まれなかったら2.0099618
で判別しますと組み合わせて指定したセレクタが含まれなかったら2.0099618
HTMLの例は以下の通りで判別します2.0099618
useRefを使うことで2.0099618
DOMを使うことで2.0099618
DOMを参照し2.0099618
を参照しイベントハンドラを実行できるようにします2.0099618
これを使うことで例えばイベントハンドラを実行できるようにします2.0099618
これを使うことで例えばなど実現できます2.0099618
で以下のように年度ごとで見出しを分け月ごとのアーカイブリストを作成する場合の実装方法2.0099618
マークアップやデザインはサイトに合わせて調整すること実装するため2.0099618
8を動かしたときのメモDockerでLAMPを構築しWordPress2.0099618
8を動かしたときのメモあらかじめDockerの環境をインストールしている前提で2.0099618

類似サイトはこちら