Conversation
- インラインコード：rigchTextで指定していた。 #68 文字色対応にも通ずる筈。
- ToDoリスト内の改行を上構えに変更 - 改行時の行間を調整 このためglobals.cssに定義して専用の改行幅をRitchTextで指定した。応用すれば他のBlockTypeでも使える技。
- htmlのnl, ul, ol を学んだ。 - 箇条書きの "・文字" 間のスペースは詰められなかった - 4o と 4Turbo は歴然の差があると知った
- callout 余白調整 - SpeatchBuble ロボ、AI、U-icon 追加
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.0 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 89.49s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:6714a052ae59ca9b2bb85f49 Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:6714a052ae59ca9b2bb85f49 Website draft URL: https://6714a052ae59ca9b2bb85f49--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
- 数式パッケージインストールして新規作成 - 大文字小文字の区別が大事。
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.0 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 93.92s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:67150d08c3cb3c051f396314 Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:67150d08c3cb3c051f396314 Website draft URL: https://67150d08c3cb3c051f396314--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
- 縦横比から画像サイズを動的に変更 - センター構えに変更
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.0 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 88.47s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:6715f7d0ae59caf947b86115 Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:6715f7d0ae59caf947b86115 Website draft URL: https://6715f7d0ae59caf947b86115--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
- 縦横比から画像サイズを動的に変更 - captionに対応 - 大きさを調整 - TikTok Skeltonに対応
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.1 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 92.02s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:6716f759403ab80c27db72e7 Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:6716f759403ab80c27db72e7 Website draft URL: https://6716f759403ab80c27db72e7--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.1 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 92.75s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:6716fa537adbd01525eb0a37 Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:6716fa537adbd01525eb0a37 Website draft URL: https://6716fa537adbd01525eb0a37--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
- U-icon大文字間違いfix - ついでにyoutubeのcaption調整
u-ecmaker
force-pushed
the
fix/#91-各NotionBlockへの細かい対応
branch
from
b8faf42
to
cfc73f3
Compare
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.1 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 95.31s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:67173a693ddfed56744a0c81 Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:67173a693ddfed56744a0c81 Website draft URL: https://67173a693ddfed56744a0c81--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.1 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 94.63s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:6717a41b937432171d122e6d Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:6717a41b937432171d122e6d Website draft URL: https://6717a41b937432171d122e6d--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.1 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 101.06s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:67182f0b1c10d29567dab7ec Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:67182f0b1c10d29567dab7ec Website draft URL: https://67182f0b1c10d29567dab7ec--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
共通のフラグを使用して、複数の埋め込みがある場合でも リダイレクトを一度だけ行うように実装しました。 1. sessionStorageを使用して、リダイレクトが既に行われたかどうかを管理します。 2. 各埋め込みコンポーネントで、スケルトンが表示されている場合にtrigger-reloadイベントを発火させます。 3. Appコンポーネントでtrigger-reloadイベントをキャッチし、リダイレクトを一度だけ行うようにします。 これにより、複数の埋め込みがあってもリダイレクトが一度だけ行われるようになりました。
u-ecmaker
force-pushed
the
fix/#91-各NotionBlockへの細かい対応
branch
from
1a70252
to
038189e
Compare
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.1 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 93.05s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:6718415f52118e0599667a02 Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:6718415f52118e0599667a02 Website draft URL: https://6718415f52118e0599667a02--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
PostGridItemとPostListItemコンポーネントで画像取得失敗時に一度だけリダイレクトを行う処理を追加 - handleImageError関数を定義し、画像取得失敗時にtrigger-reloadイベントを発火 - sessionStorageを使用して、リダイレクトが一度だけ行われるように制御 - ImageコンポーネントのonErrorプロパティにhandleImageError関数を渡す - Appコンポーネントでtrigger-reloadイベントをキャッチしてリダイレクトを制御
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.1 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 90.40s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:671843132eaf3e0124f0ddfc Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:671843132eaf3e0124f0ddfc Website draft URL: https://671843132eaf3e0124f0ddfc--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
fix: ページネーションの状態をsessionStorageで保持し、ブラウザバック時に復元 - PostsTemplateコンポーネントを修正し、ページネーションの状態をsessionStorageに保存。 - コンポーネントの初回マウント時にsessionStorageからページ番号を復元するように変更。 - useEffectの依存配列を調整し、pagination.activeの変更がsessionStorageの更新に影響を与えないように修正。 - isInitialMountというuseRefを使用し、初回マウント時のみsessionStorageからページ番号を復元。 - 無限ループの問題を解決し、ユーザーが/posts/[slug]から戻ってきたときに前回のページネーションの状態が復元されるように改善。 - pagination.activeの変更がsessionStorageの更新に影響を与えないようにし、無限ループを防止。
Netlify Build Log Netlify Build ──────────────────────────────────────────────────────────────── ❯ Version @netlify/build 29.55.2 ❯ Flags accountId: 64825fd12059ab0e3dd39238 ❯ Current directory /home/runner/work/blog/blog ❯ Config file No config file was defined: using default values. ❯ Context production ❯ Using Next.js Runtime - v4.41.3 ❯ Outdated plugins - @netlify/plugin-nextjs@4.41.3: latest version is 5.8.1 To upgrade this plugin, please update its version in "package.json" No Next.js cache to restore. Build command from Netlify app ──────────────────────────────────────────────────────────────── $ yarn run build yarn run v1.22.22 $ next build info - Linting and checking validity of types..../src/server/utils/algolia.ts ./src/server/utils/ogp.ts ./src/utils/storage.ts info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules Route (pages) Size First Load JS
ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) Done in 98.52s.
Function logs: https://app.netlify.com/sites/blog-ecmaker/logs/functions?scope=deploy:6718a54afb455c5d48a57d2d Edge function Logs: https://app.netlify.com/sites/blog-ecmaker/logs/edge-functions?scope=deployid:6718a54afb455c5d48a57d2d Website draft URL: https://6718a54afb455c5d48a57d2d--blog-ecmaker.netlify.app If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. |
fix/#91 各NotionBlockへの細かい対応
このためglobals.cssに定義して専用の改行幅をRitchTextで指定した。応用すれば他のBlockTypeでも使える技。