search

monosus / super-static

0 stars 0 forks source link

third-party.js及び遅延読み込みロジックの投入 #38

Closed github-actions[bot] closed 8 months ago

github-actions[bot] commented 8 months ago

This is a draft PR for branch feature_issue-26 related to the issue #26.

結構ハック感なくていいかも

Summary by CodeRabbit

- New Feature: Google Tag ManagerとGoogle Analyticsの非同期スクリプトを追加しました。
- New Feature: 遅延ロードと視野内表示のロジックを用いた背景画像の更新機能を追加しました。
- Refactor: CSSのレイヤー順序を変更し、新たなスタイルルールを追加しました。
- New Feature: ページに新たなスタイルシートとスクリプトを追加しました。
- Refactor: ページのレイアウトを更新し、新たなReactコンポーネントを追加しました。
github-actions[bot] commented 8 months ago

Image description CodeRabbit

ウォークスルー: この変更セットでは、Google Tag ManagerとGoogle Analyticsの非同期読み込み、遅延ロードされた背景画像の更新、CSSのレイヤー順序の変更と新規スタイルルールの追加、ビューポート内に見える要素のdata-bg属性の更新、新しいReactコンポーネントの作成とページレイアウトの描画などが行われています。

ファイル 変更点
public/assets/ga.js, src/assets/entry.ts Google Tag ManagerとGoogle Analyticsの非同期読み込み、遅延ロードされた背景画像の更新、htmxモジュールのインポートを追加。
src/assets/base.css, src/assets/page.css, src/assets/state.css CSSのレイヤー順序の変更と新規スタイルルールの追加。
src/assets/modules/background-image-lazy-load.ts 要素のdata-bg属性をその要素がビューポート内に見えるかどうかに基づいて更新するupdateDataBg関数を追加。
src/pages/_global.tsx, src/pages/about.tsx, src/pages/index.tsx スタイルシートとスクリプトの追加、新しいReactコンポーネントの作成とページレイアウトの描画、hx-boost="true"属性の追加。
Uplevel your code reviews with CodeRabbit Pro ### CodeRabbit Pro If you like this project, please support us by purchasing the [Pro version](https://coderabbit.ai). The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.