<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>AI | AYNiMac</title>
	<atom:link href="https://www.aynimac.com/tag/ai/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.aynimac.com</link>
	<description>All You Need is Mac.</description>
	<lastBuildDate>Sat, 23 May 2026 07:31:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.aynimac.com/wp/wp-content/uploads/2024/12/cropped-newFavicon-32x32.png</url>
	<title>AI | AYNiMac</title>
	<link>https://www.aynimac.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>固定メニューがあるWebページで頁スクロールがズレる問題を解消するChrome拡張機能</title>
		<link>https://www.aynimac.com/2026/05/23/2066/</link>
					<comments>https://www.aynimac.com/2026/05/23/2066/#respond</comments>
		
		<dc:creator><![CDATA[nakamuxu (管理人)]]></dc:creator>
		<pubDate>Sat, 23 May 2026 07:29:28 +0000</pubDate>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[Brave]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[拡張機能]]></category>
		<guid isPermaLink="false">https://www.aynimac.com/?p=2066</guid>

					<description><![CDATA[固定メニューのあるページでスペースキーを押すとページスクロールできるのだけれど、固定メニューの高さが考慮されずに余分にスクロールしてしまう…]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large is-resized"><img fetchpriority="high" decoding="async" width="1024" height="747" src="https://www.aynimac.com/wp/wp-content/uploads/2026/05/545e98ce99dcfce587fb410d0a79aea3-1024x747.png" alt="" class="wp-image-2067" style="aspect-ratio:1.3708340770584186;width:628px;height:auto" srcset="https://www.aynimac.com/wp/wp-content/uploads/2026/05/545e98ce99dcfce587fb410d0a79aea3-1024x747.png 1024w, https://www.aynimac.com/wp/wp-content/uploads/2026/05/545e98ce99dcfce587fb410d0a79aea3-300x219.png 300w, https://www.aynimac.com/wp/wp-content/uploads/2026/05/545e98ce99dcfce587fb410d0a79aea3-768x560.png 768w, https://www.aynimac.com/wp/wp-content/uploads/2026/05/545e98ce99dcfce587fb410d0a79aea3.png 1358w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>例えば<a rel="noopener" href="https://bunshun.jp/" target="_blank">文春オンライン</a>や<a rel="noopener" href="https://news.livedoor.com/" target="_blank">ライブドアニュース</a>の個別ページを開いてみると上部にメニューがあって、下に読み進めてスクロールしても常に上部に固定されている。この類のページで<kbd>スペース</kbd>キーを押すとページスクロールできるのだけれど、固定メニューの高さが考慮されずに余分にスクロールしてしまうことがあります。</p>



<p>この問題は閲覧者からすると結構ストレスでいつもスペースキー押下後に上矢印キーを数回叩くことで対応してきた（マウスのスクロールボタン逆回しもあり）。<br>もちろん作成者側でできる回避法もあってCSSの<code>scroll-padding-top</code>とかを使う、というもの。やってくれてるページもあるけれどそのままになってるところも少なくないわけです。<br>もう数年来「作成側がやってくれてないんだったら閲覧側でやればいいじゃん」と拡張機能を探したけれど見つからず、書こうと構想していたものの手がつけられないまま月日は流れ流れてしまいました。Claude.aiに聞いてみたら数分で書いてくれちゃって、俺の数年はなんだったのかって話ですよ。名付けて「Auto Scroll Padding」。いや、名付けてって言ってもClaudeが名付けてくれたんですが。ちなみに拡張機能ファイル名は「scroll-padding-extension」です。<br>1ヶ月くらい前に書いてもらってから気付いたところを伝えて、バージョンは1.2.1まで上がってます。そろそろ使用感もこなれてきたところです。</p>



<p>Claudeさんに公開について確認してみました。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>コードの著作権はあなたに帰属しますので、ブログでの公開は自由に行えます。</p>
</blockquote>



<p>わかりました〜。<br>ということで、公開します。</p>



<h3 class="wp-block-heading"><span id="toc1">Auto Scroll Padding（Chrome拡張機能）</span></h3>



<h4 class="wp-block-heading"><span id="toc2">ダウンロード: </span></h4>



<p>下記の各項目をご了承のうえご利用ください。</p>



<div class="wp-block-file"><a id="wp-block-file--media-39655fd7-b950-4a05-b7c4-24f527172439" href="https://www.aynimac.com/wp/wp-content/uploads/2026/05/scroll-padding-extension.zip">scroll-padding-extension</a><a href="https://www.aynimac.com/wp/wp-content/uploads/2026/05/scroll-padding-extension.zip" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-39655fd7-b950-4a05-b7c4-24f527172439">ダウンロード</a></div>



<h4 class="wp-block-heading"><span id="toc3">権利関係:</span></h4>



<ul class="wp-block-list">
<li>Copyright © 2026 nakamuxu All Rights Reserved.</li>



<li>ライセンス: MITライセンス（<a rel="noopener" href="https://opensource.org/license/mit" target="_blank">The MIT License – Open Source Initiative</a>）</li>
</ul>



<h4 class="wp-block-heading"><span id="toc4">留意事項:</span></h4>



<ul class="wp-block-list">
<li>わたくしことnakamuxuはコードを1文字も書いていません。全てClaude.ai（Sonnet 4.6）が作成したものですが便宜上権利者として公開します。</li>
</ul>



<h4 class="wp-block-heading"><span id="toc5">免責事項:</span></h4>



<ul class="wp-block-list">
<li>動作や正確性、将来の更新や不備不正の修正などは一切保証されません。</li>



<li>サイトによっては検出に失敗したり正確な数値が取得できないことがあります。</li>



<li>ご利用は自己責任でお願いします。</li>
</ul>



<h4 class="wp-block-heading"><span id="toc6">拡張機能情報:</span></h4>



<ul class="wp-block-list">
<li>対応言語: 日本語、英語</li>



<li>この拡張機能はデータ収集しません。</li>



<li>公式の拡張機能ストアには公開していません。</li>



<li>Chrome v148.0.7778.179およびBrave v1.90.124（いずれもmacOS Tahoe 26.5）で動作確認しました。</li>
</ul>



<h4 class="wp-block-heading"><span id="toc7">インストール方法:</span></h4>



<ol class="wp-block-list">
<li>ZIPを解凍して <code>scroll-padding-extension</code> フォルダを取り出す</li>



<li>Chromeで <code>chrome://extensions</code> を開く</li>



<li>右上の「デベロッパーモード」をオンにする</li>



<li>「パッケージ化されていない拡張機能を読み込む」をクリック</li>



<li>解凍した <code>scroll-padding-extension</code> フォルダを選択</li>
</ol>



<p>ちょっとスクロールしないと固定メニューの高さが取得できないページ（<a rel="noopener" href="https://www.buzzfeed.com/jp" target="_blank">BuzzFeed &#8211; バズフィードジャパン</a>など）もあるので要注意です。</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.aynimac.com/2026/05/23/2066/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
