https://b.hatena.ne.jp/sekt2o/javascript/ javascriptに関するsekt2oのはてなブックマーク (11) https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816 sekt2o 2016-05-31T00:59:01Z CSS あとで読む javascript Elm 266 <blockquote cite="https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816" title="CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjinjor-labo.hatenablog.com%2Fentry%2F2016%2F05%2F30%2F165816" alt="" /> <a href="https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816">CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室</a></cite><p><a href="https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e08cec2f6b4057a382fe9e4376ffbb1a3fe2cb1a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F847ab724bf2d435f8223855a9c914ac463ea082f%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fj%252Fjinjor%252F20160530%252F20160530165006.png" alt="CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室" title="CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室" class="entry-image" /></a></p><p>追記 最新の感想も合わせてご覧ください。 jinjor-labo.hatenablog.com React界隈では結構前から「CSS in JS」と言って、雑に言うと「CSSはイケてないからJSでインラインスタイルを書いてしまえ」という話がある。（ちゃんと知りたい人はこちら） 自分も前々からCSSは変数が使えないとか名前が被るとか諸々イケてないの...</p><p><a href="https://b.hatena.ne.jp/entry/s/jinjor-labo.hatenablog.com/entry/2016/05/30/165816"><img src="https://b.hatena.ne.jp/entry/image/https://jinjor-labo.hatenablog.com/entry/2016/05/30/165816" alt="はてなブックマーク - CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室" title="はてなブックマーク - CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jinjor-labo.hatenablog.com/entry/2016/05/30/165816"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kachibito.net/web-design/timeline.html sekt2o 2012-10-17T17:40:22Z jquery javascript 年表 162 <blockquote cite="https://kachibito.net/web-design/timeline.html" title="様々なフォーマットにも対応可能な、美しい年表コンテンツを実装できるjQueryプラグイン・Timeline - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fweb-design%2Ftimeline.html" alt="" /> <a href="https://kachibito.net/web-design/timeline.html">様々なフォーマットにも対応可能な、美しい年表コンテンツを実装できるjQueryプラグイン・Timeline - かちびと.net</a></cite><p><a href="https://kachibito.net/web-design/timeline.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/342e46419a96af7b52ceab6f17663787b5ab22bd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2012%2F03%2F9999999999.jpg" alt="様々なフォーマットにも対応可能な、美しい年表コンテンツを実装できるjQueryプラグイン・Timeline - かちびと.net" title="様々なフォーマットにも対応可能な、美しい年表コンテンツを実装できるjQueryプラグイン・Timeline - かちびと.net" class="entry-image" /></a></p><p>珍しいので一応メモ。年表を作れる jQueryプラグインです。見た目も 綺麗なんですが、スプレッドシート や、JSON形式にも対応出来るので どこかで使えるかも、と思いました。 機能も申し分ありません。 多用するようなものでもありませんが、スプレッドシートの情報を読み込むのは面白いですね。 綺麗です。上にコンテン...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/timeline.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/web-design/timeline.html" alt="はてなブックマーク - 様々なフォーマットにも対応可能な、美しい年表コンテンツを実装できるjQueryプラグイン・Timeline - かちびと.net" title="はてなブックマーク - 様々なフォーマットにも対応可能な、美しい年表コンテンツを実装できるjQueryプラグイン・Timeline - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/timeline.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.webcreator-net.com/information/topics/20120309-topics11 sekt2o 2012-10-11T02:07:52Z HTML5 CSS JavaScript HTML5.js IE9.js 28 <blockquote cite="https://www.webcreator-net.com/information/topics/20120309-topics11" title="maintenance"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webcreator-net.com%2Finformation%2Ftopics%2F20120309-topics11" alt="" /> <a href="https://www.webcreator-net.com/information/topics/20120309-topics11">maintenance</a></cite><p><a href="https://www.webcreator-net.com/information/topics/20120309-topics11"><img src="" alt="maintenance" title="maintenance" class="entry-image" /></a></p><p>maintenance</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webcreator-net.com/information/topics/20120309-topics11"><img src="https://b.hatena.ne.jp/entry/image/https://www.webcreator-net.com/information/topics/20120309-topics11" alt="はてなブックマーク - maintenance" title="はてなブックマーク - maintenance" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webcreator-net.com/information/topics/20120309-topics11"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/ 　HTML5のVideoタグで使用できるDOM一覧。これは抑えておきたい！ sekt2o 2012-09-20T06:10:17Z video HTML5 DOM javascript 2 <blockquote cite="https://www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/" title="HTML 5 Video – DOM Attributes and Events – chipwreck"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.chipwreck.de%2Fblog%2F2010%2F03%2F01%2Fhtml-5-video-dom-attributes-and-events%2F" alt="" /> <a href="https://www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/">HTML 5 Video – DOM Attributes and Events – chipwreck</a></cite><p><a href="https://www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/"><img src="" alt="HTML 5 Video – DOM Attributes and Events – chipwreck" title="HTML 5 Video – DOM Attributes and Events – chipwreck" class="entry-image" /></a></p><p>The last last post was about the HTML 5 video tag, now we’ll have a look at the DOM side of things: Attributes and Events. Additional to the standard attributes (like width, height, id…) there are some attributes specific to the video-tag. To be precise: These attributes are not all specific to t...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/"><img src="https://b.hatena.ne.jp/entry/image/https://www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/" alt="はてなブックマーク - HTML 5 Video – DOM Attributes and Events – chipwreck" title="はてなブックマーク - HTML 5 Video – DOM Attributes and Events – chipwreck" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://javascript.webcreativepark.net/library/modernizr ブラウザ環境に対応するのに便利。 sekt2o 2012-09-18T06:44:32Z javascript CSS HTML5 Modernizr 96 <blockquote cite="http://javascript.webcreativepark.net/library/modernizr" title="様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjavascript.webcreativepark.net%2Flibrary%2Fmodernizr" alt="" /> <a href="http://javascript.webcreativepark.net/library/modernizr">様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」</a></cite><p><a href="http://javascript.webcreativepark.net/library/modernizr"><img src="" alt="様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」" title="様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」" class="entry-image" /></a></p><p>配布元：Modernizr ライセンス：MIT &amp; BSD licenses. ModernizrはTwitterなどの大手サイトでも採用されているブラウザの機能の実装状況を調査するためのJavaScriptライブラリです。 たとえばModernizrを読み込んだサイトではhtml要素が次のように書き換えられます。 &lt;html lang=&quot;ja&quot; class=&quot;no-js&quot;&gt; ↓ &lt;html lang=&quot;ja&quot; c...</p><p><a href="https://b.hatena.ne.jp/entry/javascript.webcreativepark.net/library/modernizr"><img src="https://b.hatena.ne.jp/entry/image/http://javascript.webcreativepark.net/library/modernizr" alt="はてなブックマーク - 様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」" title="はてなブックマーク - 様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/javascript.webcreativepark.net/library/modernizr"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ascii.jp/elem/000/000/534/534533/ sekt2o 2012-09-18T03:40:24Z HTML5 video javascript 動画 デジタルサイネージ 53 <blockquote cite="https://ascii.jp/elem/000/000/534/534533/" title="HTML5 VideoでiPadがデジタルサイネージに！ (1/6)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F000%2F534%2F534533%2F" alt="" /> <a href="https://ascii.jp/elem/000/000/534/534533/">HTML5 VideoでiPadがデジタルサイネージに！ (1/6)</a></cite><p><a href="https://ascii.jp/elem/000/000/534/534533/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f2d25b44d2c65eadd355635458af4163fa5bd5cc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F08%2F25%2F243916%2Fl%2F76e30c100a8d42ea.jpg" alt="HTML5 VideoでiPadがデジタルサイネージに！ (1/6)" title="HTML5 VideoでiPadがデジタルサイネージに！ (1/6)" class="entry-image" /></a></p><p>iPadと外部ディスプレイを接続してデジタルサイネージに使う。HTML Videoを再生すると、動画だけがディスプレイに出力される。画像クリックでサンプルページを表示します（iPad専用） iPadが日本で発売されてから1か月ほど経ちました。購入された方はどのように使っているでしょうか。 iPadの魅力は、発売前から話題の電...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/534/534533/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/000/534/534533/" alt="はてなブックマーク - HTML5 VideoでiPadがデジタルサイネージに！ (1/6)" title="はてなブックマーク - HTML5 VideoでiPadがデジタルサイネージに！ (1/6)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/534/534533/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.htmq.com/tech/video/ sekt2o 2012-09-17T05:35:18Z video javascript html5 movie 69 <blockquote cite="https://www.htmq.com/tech/video/" title="オンラインカジノ おすすめ｜初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.htmq.com%2Ftech%2Fvideo%2F" alt="" /> <a href="https://www.htmq.com/tech/video/">オンラインカジノ おすすめ｜初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】</a></cite><p><a href="https://www.htmq.com/tech/video/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2af6023f30991ef4cb51ee74e60acbb1de7ef29e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.htmq.com%2Fwp-content%2Fuploads%2F2025%2F04%2Fhtmq-onlinecasino-osusume5.jpg" alt="オンラインカジノ おすすめ｜初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】" title="オンラインカジノ おすすめ｜初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】" class="entry-image" /></a></p><p>{&quot;is_any_tile&quot;:false,&quot;sources&quot;:[{&quot;source&quot;:&quot;bmc_bonus_type&quot;,&quot;table_games&quot;:false,&quot;bonus_types&quot;:false,&quot;game_providers&quot;:false,&quot;slots&quot;:false,&quot;live_games&quot;:false,&quot;is_live_dealer&quot;:false,&quot;payment_methods&quot;:false,&quot;sport_types&quot;:false,&quot;live_streaming&quot;:false,&quot;cash_out&quot;:false}]} ウェルカムボーナス {&quot;is_any_tile...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.htmq.com/tech/video/"><img src="https://b.hatena.ne.jp/entry/image/https://www.htmq.com/tech/video/" alt="はてなブックマーク - オンラインカジノ おすすめ｜初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】" title="はてなブックマーク - オンラインカジノ おすすめ｜初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.htmq.com/tech/video/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mindcat.hatenadiary.org/entry/20110504/1304489987 sekt2o 2012-09-17T05:00:26Z video javascript HTML5 4 <blockquote cite="https://mindcat.hatenadiary.org/entry/20110504/1304489987" title="HTML5 Videoの対話的実行ツールを作ってみた。 - 風と宇宙とプログラム"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmindcat.hatenadiary.org%2Fentry%2F20110504%2F1304489987" alt="" /> <a href="https://mindcat.hatenadiary.org/entry/20110504/1304489987">HTML5 Videoの対話的実行ツールを作ってみた。 - 風と宇宙とプログラム</a></cite><p><a href="https://mindcat.hatenadiary.org/entry/20110504/1304489987"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0e94ea84eb7128032274913fbb0daadb81534222/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fef7dcca9031297bedfb6ff59dc85f840c1b39726%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmindcat%252F20110501%252F20110501211740.png" alt="HTML5 Videoの対話的実行ツールを作ってみた。 - 風と宇宙とプログラム" title="HTML5 Videoの対話的実行ツールを作ってみた。 - 風と宇宙とプログラム" class="entry-image" /></a></p><p>新しいことを覚えて自分のものにする最も確実な方法は、自分の手を動かして実際に確かめることと思っています。新しいプログラミング言語を覚えるときも、ただ単に本を読んでいるだけではなかなか身につきませんが、実際にキーボードを叩いて結果を確認するだけでも、すごく身近に感じられるようになります。恐らく、実...</p><p><a href="https://b.hatena.ne.jp/entry/s/mindcat.hatenadiary.org/entry/20110504/1304489987"><img src="https://b.hatena.ne.jp/entry/image/https://mindcat.hatenadiary.org/entry/20110504/1304489987" alt="はてなブックマーク - HTML5 Videoの対話的実行ツールを作ってみた。 - 風と宇宙とプログラム" title="はてなブックマーク - HTML5 Videoの対話的実行ツールを作ってみた。 - 風と宇宙とプログラム" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mindcat.hatenadiary.org/entry/20110504/1304489987"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://goodpic.com/mt/archives2/2008/06/jqueryjqueryval.html sekt2o 2012-09-03T08:51:46Z jquery javascript バリデート 入力チェック 7 <blockquote cite="https://goodpic.com/mt/archives2/2008/06/jqueryjqueryval.html" title="Bridge Word"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgoodpic.com%2Fmt%2Farchives2%2F2008%2F06%2Fjqueryjqueryval.html" alt="" /> <a href="https://goodpic.com/mt/archives2/2008/06/jqueryjqueryval.html">Bridge Word</a></cite><p><a href="https://goodpic.com/mt/archives2/2008/06/jqueryjqueryval.html"><img src="" alt="Bridge Word" title="Bridge Word" class="entry-image" /></a></p><p>This shop will be powered by Are you the store owner? Log in here</p><p><a href="https://b.hatena.ne.jp/entry/s/goodpic.com/mt/archives2/2008/06/jqueryjqueryval.html"><img src="https://b.hatena.ne.jp/entry/image/https://goodpic.com/mt/archives2/2008/06/jqueryjqueryval.html" alt="はてなブックマーク - Bridge Word" title="はてなブックマーク - Bridge Word" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/goodpic.com/mt/archives2/2008/06/jqueryjqueryval.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://html5.ononolab.com/?p=99 sekt2o 2012-08-22T11:10:14Z javascript video html5 2 <blockquote cite="http://html5.ononolab.com/?p=99" title="05. メディア再生に関するJavascript API » HTML5 -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhtml5.ononolab.com%2F%3Fp%3D99" alt="" /> <a href="http://html5.ononolab.com/?p=99">05. メディア再生に関するJavascript API » HTML5 -</a></cite><p><a href="http://html5.ononolab.com/?p=99"><img src="" alt="05. メディア再生に関するJavascript API » HTML5 -" title="05. メディア再生に関するJavascript API » HTML5 -" class="entry-image" /></a></p><p>video／audio要素は、単にタグを貼りつけて再生を行えるだけでなく、Javascriptを用いて細かい制御を行うことも可能である。再生や一時停止、再生速度の変更などは当然ながら、再生位置を変更したり、ダウンロードや再生の進捗状況などをイベントとして補足し、処理を行うこともできる。Javascript APIを用いることで、...</p><p><a href="https://b.hatena.ne.jp/entry/html5.ononolab.com/?p=99"><img src="https://b.hatena.ne.jp/entry/image/http://html5.ononolab.com/?p=99" alt="はてなブックマーク - 05. メディア再生に関するJavascript API » HTML5 -" title="はてなブックマーク - 05. メディア再生に関するJavascript API » HTML5 -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/html5.ononolab.com/?p=99"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://detelu.com/blog/2008/09/jquery%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/ sekt2o 2012-08-10T00:32:43Z jquery javascript *webデザイン scroll 48 <blockquote cite="http://detelu.com/blog/2008/09/jquery%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/" title="jQueryでページ内スムーズスクロール | 1：n – DETELU Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdetelu.com%2Fblog%2F2008%2F09%2Fjquery%25E3%2581%25A7%25E3%2583%259A%25E3%2583%25BC%25E3%2582%25B8%25E5%2586%2585%25E3%2582%25B9%25E3%2583%25A0%25E3%2583%25BC%25E3%2582%25BA%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AD%25E3%2583%25BC%25E3%2583%25AB%2F" alt="" /> <a href="http://detelu.com/blog/2008/09/jquery%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/">jQueryでページ内スムーズスクロール | 1：n – DETELU Blog</a></cite><p><a href="http://detelu.com/blog/2008/09/jquery%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/"><img src="" alt="jQueryでページ内スムーズスクロール | 1：n – DETELU Blog" title="jQueryでページ内スムーズスクロール | 1：n – DETELU Blog" class="entry-image" /></a></p><p>jQueryでページ内リンクをスムーズに移動（ページトップへ等）するものを作ろうと思いいろいろ調べていたら、いいページを見つけたので早速試してみました。 We Ain’t Seen Nothin’ Yet. : [Rails meets jQuery] jQueryで作るページ内目次とスムーススクロール 上記の記事では「Interface.js」を利用しているようなので...</p><p><a href="https://b.hatena.ne.jp/entry/detelu.com/blog/2008/09/jquery%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/"><img src="https://b.hatena.ne.jp/entry/image/http://detelu.com/blog/2008/09/jquery%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/" alt="はてなブックマーク - jQueryでページ内スムーズスクロール | 1：n – DETELU Blog" title="はてなブックマーク - jQueryでページ内スムーズスクロール | 1：n – DETELU Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/detelu.com/blog/2008/09/jquery%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>