https://b.hatena.ne.jp/f503kk/javascript/ javascriptに関するf503kkのはてなブックマーク (136) https://crocro.com/write/manga_javascript/wiki.cgi f503kk 2019-02-06T13:44:33Z javascript マンガ <blockquote cite="https://crocro.com/write/manga_javascript/wiki.cgi" title="マンガで分かる JavaScriptプログラミング講座"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcrocro.com%2Fwrite%2Fmanga_javascript%2Fwiki.cgi" alt="" /> <a href="https://crocro.com/write/manga_javascript/wiki.cgi">マンガで分かる JavaScriptプログラミング講座</a></cite><p><a href="https://crocro.com/write/manga_javascript/wiki.cgi"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0e07389e80a6f3235e958c53afef4fc28af45176/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcrocro.com%2Fwrite%2Fmanga_javascript%2Fd%2Fpic%2Fogp.jpg" alt="マンガで分かる JavaScriptプログラミング講座" title="マンガで分かる JavaScriptプログラミング講座" class="entry-image" /></a></p><p>はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていき...</p><p><a href="https://b.hatena.ne.jp/entry/s/crocro.com/write/manga_javascript/wiki.cgi"><img src="https://b.hatena.ne.jp/entry/image/https://crocro.com/write/manga_javascript/wiki.cgi" alt="はてなブックマーク - マンガで分かる JavaScriptプログラミング講座" title="はてなブックマーク - マンガで分かる JavaScriptプログラミング講座" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/crocro.com/write/manga_javascript/wiki.cgi"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 43 https://jsprimer.net/ f503kk 2019-02-06T12:38:33Z javascript 入門 <blockquote cite="https://jsprimer.net/" title="JavaScript Primer - 迷わないための入門書 #jsprimer"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjsprimer.net%2F" alt="" /> <a href="https://jsprimer.net/">JavaScript Primer - 迷わないための入門書 #jsprimer</a></cite><p><a href="https://jsprimer.net/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/90d1d67d015144d8763795cc3df612370958b601/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fjsprimer.net%2Flanding%2Fimg%2Fcover-optimized.jpg" alt="JavaScript Primer - 迷わないための入門書 #jsprimer" title="JavaScript Primer - 迷わないための入門書 #jsprimer" class="entry-image" /></a></p><p>JavaScript Primer 迷わないための入門書 Tweet Watch Star Xのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことはあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを...</p><p><a href="https://b.hatena.ne.jp/entry/s/jsprimer.net/"><img src="https://b.hatena.ne.jp/entry/image/https://jsprimer.net/" alt="はてなブックマーク - JavaScript Primer - 迷わないための入門書 #jsprimer" title="はてなブックマーク - JavaScript Primer - 迷わないための入門書 #jsprimer" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jsprimer.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1044 https://speakerdeck.com/akoarum/du-ndanei-rong-matometelthui-inkurusibuhtml-plus-css-and-javascript f503kk 2018-10-12T10:20:02Z javascript accessibility css html <blockquote cite="https://speakerdeck.com/akoarum/du-ndanei-rong-matometelthui-inkurusibuhtml-plus-css-and-javascript" title="読んだ内容まとめてLT会「インクルーシブHTML+CSS&amp;JavaScript」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fspeakerdeck.com%2Fakoarum%2Fdu-ndanei-rong-matometelthui-inkurusibuhtml-plus-css-and-javascript" alt="" /> <a href="https://speakerdeck.com/akoarum/du-ndanei-rong-matometelthui-inkurusibuhtml-plus-css-and-javascript">読んだ内容まとめてLT会「インクルーシブHTML+CSS&amp;JavaScript」</a></cite><p><a href="https://speakerdeck.com/akoarum/du-ndanei-rong-matometelthui-inkurusibuhtml-plus-css-and-javascript"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/90927823cdeb6bf23865ce667041751f93f3a724/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F952335afd01547dfa7f44a534be4dc75%2Fslide_0.jpg%3F10942463" alt="読んだ内容まとめてLT会「インクルーシブHTML+CSS&amp;JavaScript」" title="読んだ内容まとめてLT会「インクルーシブHTML+CSS&amp;JavaScript」" class="entry-image" /></a></p><p>2018.10.11の「読んだ内容まとめてLT会」の発表資料です。</p><p><a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/akoarum/du-ndanei-rong-matometelthui-inkurusibuhtml-plus-css-and-javascript"><img src="https://b.hatena.ne.jp/entry/image/https://speakerdeck.com/akoarum/du-ndanei-rong-matometelthui-inkurusibuhtml-plus-css-and-javascript" alt="はてなブックマーク - 読んだ内容まとめてLT会「インクルーシブHTML+CSS&amp;JavaScript」" title="はてなブックマーク - 読んだ内容まとめてLT会「インクルーシブHTML+CSS&amp;JavaScript」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/speakerdeck.com/akoarum/du-ndanei-rong-matometelthui-inkurusibuhtml-plus-css-and-javascript"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 http://www.cyber-concierge.co.jp/pc_tama/js/js.html f503kk 2018-03-22T09:03:59Z javascript <blockquote cite="http://www.cyber-concierge.co.jp/pc_tama/js/js.html" title="JavaScript（ジャバスクリプト）とは"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.cyber-concierge.co.jp%2Fpc_tama%2Fjs%2Fjs.html" alt="" /> <a href="http://www.cyber-concierge.co.jp/pc_tama/js/js.html">JavaScript（ジャバスクリプト）とは</a></cite><p><a href="http://www.cyber-concierge.co.jp/pc_tama/js/js.html"><img src="" alt="JavaScript（ジャバスクリプト）とは" title="JavaScript（ジャバスクリプト）とは" class="entry-image" /></a></p><p>姉妹サイト Woman玉手箱（08.03.03-OPEN） 全ての女性を応援します。 HAPPYサイト-Woman玉手箱。 WEB・デザイン制作 WEB制作を作成しております。 詳細はこちらを御覧下さい。 お問い合わせ・ご質問 お問い合わせやご質問等は こちらからお気軽にご連絡下さい。 ご掲載・リンク希望者様へ ご掲載やリンクをご希望の方は...</p><p><a href="https://b.hatena.ne.jp/entry/www.cyber-concierge.co.jp/pc_tama/js/js.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.cyber-concierge.co.jp/pc_tama/js/js.html" alt="はてなブックマーク - JavaScript（ジャバスクリプト）とは" title="はてなブックマーク - JavaScript（ジャバスクリプト）とは" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.cyber-concierge.co.jp/pc_tama/js/js.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 8 https://blog.mismithportfolio.com/web/20150826ios841failure iOS8.4.1でhoverの設定がされていると2回タップ f503kk 2017-09-22T14:41:01Z css javascript <blockquote cite="https://blog.mismithportfolio.com/web/20150826ios841failure" title="https://blog.mismithportfolio.com/web/20150826ios841failure"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.mismithportfolio.com%2Fweb%2F20150826ios841failure" alt="" /> <a href="https://blog.mismithportfolio.com/web/20150826ios841failure">https://blog.mismithportfolio.com/web/20150826ios841failure</a></cite><p><a href="https://blog.mismithportfolio.com/web/20150826ios841failure"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d2a32449e23b6ab68a3b354419452d7ce4e82ddb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.mismithportfolio.com%2Fwp-content%2Fuploads%2F2015%2F08%2Fbug.png" alt="https://blog.mismithportfolio.com/web/20150826ios841failure" title="https://blog.mismithportfolio.com/web/20150826ios841failure" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/blog.mismithportfolio.com/web/20150826ios841failure"><img src="https://b.hatena.ne.jp/entry/image/https://blog.mismithportfolio.com/web/20150826ios841failure" alt="はてなブックマーク - https://blog.mismithportfolio.com/web/20150826ios841failure" title="はてなブックマーク - https://blog.mismithportfolio.com/web/20150826ios841failure" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.mismithportfolio.com/web/20150826ios841failure"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://qiita.com/tsunet111/items/65017dc0187473ec8186 f503kk 2017-02-16T11:54:28Z Animate CC javascript <blockquote cite="https://qiita.com/tsunet111/items/65017dc0187473ec8186" title="Flash使いのためのAdobe Animate CC でCanvas作成　JavaScript記述の備忘録 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ftsunet111%2Fitems%2F65017dc0187473ec8186" alt="" /> <a href="https://qiita.com/tsunet111/items/65017dc0187473ec8186">Flash使いのためのAdobe Animate CC でCanvas作成　JavaScript記述の備忘録 - Qiita</a></cite><p><a href="https://qiita.com/tsunet111/items/65017dc0187473ec8186"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/68c005488faf6f1877e27acf4c39c27ba1c7dc94/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjQ0MjAlMkZwcm9maWxlLWltYWdlcyUyRjE1ODQzODk1ODk_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTAzNjY1MWQwODI1ODU2ZGYxNDBkZWMxNGEzZjVkMjU3%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc241663b125a3a532eadec27758f8694%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9Rmxhc2glRTQlQkQlQkYlRTMlODElODQlRTMlODElQUUlRTMlODElOUYlRTMlODIlODElRTMlODElQUVBZG9iZSUyMEFuaW1hdGUlMjBDQyUyMCVFMyU4MSVBN0NhbnZhcyVFNCVCRCU5QyVFNiU4OCU5MCVFMyU4MCU4MEphdmFTY3JpcHQlRTglQTglOTglRTglQkYlQjAlRTMlODElQUUlRTUlODIlOTklRTUlQkYlOTglRTklOEMlQjImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0wNWY4MzE5NjM5ODFmZTQ3YzZiNDY0YjVhY2JjM2ViZA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0c3VuZXQxMTEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz03Mzg5YzRkNTdmYmY2NzRkM2NiZjQxOTE3Y2RiYWYwOA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3De1c45aa4581e993084706ff48adcb6d8" alt="Flash使いのためのAdobe Animate CC でCanvas作成　JavaScript記述の備忘録 - Qiita" title="Flash使いのためのAdobe Animate CC でCanvas作成　JavaScript記述の備忘録 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/tsunet111/items/65017dc0187473ec8186"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/tsunet111/items/65017dc0187473ec8186" alt="はてなブックマーク - Flash使いのためのAdobe Animate CC でCanvas作成　JavaScript記述の備忘録 - Qiita" title="はてなブックマーク - Flash使いのためのAdobe Animate CC でCanvas作成　JavaScript記述の備忘録 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/tsunet111/items/65017dc0187473ec8186"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 https://github.com/js-cookie/js-cookie f503kk 2017-01-27T07:01:45Z javascript cookie <blockquote cite="https://github.com/js-cookie/js-cookie" title="GitHub - js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fjs-cookie%2Fjs-cookie" alt="" /> <a href="https://github.com/js-cookie/js-cookie">GitHub - js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies</a></cite><p><a href="https://github.com/js-cookie/js-cookie"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4b800c335b185b5932e4ac9e9874235564433774/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Fc909e10079f57f97b31d828e2f7706141b9165cc7349c8376647ff7974eff90f%2Fjs-cookie%2Fjs-cookie" alt="GitHub - js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies" title="GitHub - js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/js-cookie/js-cookie"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/js-cookie/js-cookie" alt="はてなブックマーク - GitHub - js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies" title="はてなブックマーク - GitHub - js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/js-cookie/js-cookie"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 49 https://www.nxworld.net/wp-custom-css-and-custom-js.html f503kk 2017-01-20T08:01:28Z javascript css functions web制作 <blockquote cite="https://www.nxworld.net/wp-custom-css-and-custom-js.html" title="WordPress：ページや記事ごとに個別のCSSやJavaScriptを追加する方法 - NxWorld"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.nxworld.net%2Fwp-custom-css-and-custom-js.html" alt="" /> <a href="https://www.nxworld.net/wp-custom-css-and-custom-js.html">WordPress：ページや記事ごとに個別のCSSやJavaScriptを追加する方法 - NxWorld</a></cite><p><a href="https://www.nxworld.net/wp-custom-css-and-custom-js.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4b198ff500deacfa1f1f133427327faa331c9f52/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fwp-custom-css-and-custom-js.png" alt="WordPress：ページや記事ごとに個別のCSSやJavaScriptを追加する方法 - NxWorld" title="WordPress：ページや記事ごとに個別のCSSやJavaScriptを追加する方法 - NxWorld" class="entry-image" /></a></p><p>WordPressでページや記事ごとに個別のCSSやJavaScriptを追加したいときに役立つカスタマイズを紹介します。 他のページでも使うような共通のスタイルだったり、かなり長くなってしまうような場合はもちろん外部で読み込む方が良いと思いますが、何かちょっとしたスタイルを指定するぐらいであれば結構便利なカスタマイズ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.nxworld.net/wp-custom-css-and-custom-js.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.nxworld.net/wp-custom-css-and-custom-js.html" alt="はてなブックマーク - WordPress：ページや記事ごとに個別のCSSやJavaScriptを追加する方法 - NxWorld" title="はてなブックマーク - WordPress：ページや記事ごとに個別のCSSやJavaScriptを追加する方法 - NxWorld" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.nxworld.net/wp-custom-css-and-custom-js.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 40 https://www.sejuku.net/blog/651 f503kk 2017-01-17T00:52:56Z javascript 本 <blockquote cite="https://www.sejuku.net/blog/651" title="初心者脱却！JavaScriptおすすめ学習本中級、上級厳選5冊 | 侍エンジニアブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.sejuku.net%2Fblog%2F651" alt="" /> <a href="https://www.sejuku.net/blog/651">初心者脱却！JavaScriptおすすめ学習本中級、上級厳選5冊 | 侍エンジニアブログ</a></cite><p><a href="https://www.sejuku.net/blog/651"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fd6b85f7f762347790b5d9885aeb2afee779ef09/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.sejuku.net%2Fblog%2Fwp-content%2Fuploads%2F2018%2F08%2F5ddfffca9227c57f6e4f2058f749e0a5.jpg" alt="初心者脱却！JavaScriptおすすめ学習本中級、上級厳選5冊 | 侍エンジニアブログ" title="初心者脱却！JavaScriptおすすめ学習本中級、上級厳選5冊 | 侍エンジニアブログ" class="entry-image" /></a></p><p>こんにちは！侍ブログ編集部（@samuraijuku）です。プログラミング学習者にとって、「今の自分に合ったレベルの学習書籍」を探し出すのって意外と面倒で、難しかったりしますよね。 すでにある程度使いこなせるけど実務の上でもう一歩ステップしたいというのに、本当に基礎的な説明で知りたいことが説明されてなくて役に...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.sejuku.net/blog/651"><img src="https://b.hatena.ne.jp/entry/image/https://www.sejuku.net/blog/651" alt="はてなブックマーク - 初心者脱却！JavaScriptおすすめ学習本中級、上級厳選5冊 | 侍エンジニアブログ" title="はてなブックマーク - 初心者脱却！JavaScriptおすすめ学習本中級、上級厳選5冊 | 侍エンジニアブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.sejuku.net/blog/651"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 14 http://unitopi.com/jquery-parent-child-3/ f503kk 2017-01-13T22:07:10Z javascript JQuery プログラミング <blockquote cite="http://unitopi.com/jquery-parent-child-3/" title="【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Funitopi.com%2Fjquery-parent-child-3%2F" alt="" /> <a href="http://unitopi.com/jquery-parent-child-3/">【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -</a></cite><p><a href="http://unitopi.com/jquery-parent-child-3/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/321bf87502b392579bc2d5ed44fe66b39d06e9d6/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Funitopi.com%2Fwp-content%2Fuploads%2F2015%2F02%2Fsample001.png" alt="【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -" title="【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -" class="entry-image" /></a></p><p>こんにちは！ unitopi新米ライターの、ケインでございます。 このシリーズも最終回。今回も、JavaScriptにおいて基本的だけど忘れがちな、JavaScript（jQuery）における「親要素・子要素の取得・追加（削除）」について、今回は「要素の追加と削除」のお話をさせていただきます！ ちなみに今回は、説明の仕方がこれまで...</p><p><a href="https://b.hatena.ne.jp/entry/unitopi.com/jquery-parent-child-3/"><img src="https://b.hatena.ne.jp/entry/image/http://unitopi.com/jquery-parent-child-3/" alt="はてなブックマーク - 【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -" title="はてなブックマーク - 【JavaScript】（基礎）親要素・子要素の取得・追加まとめ③ | unitopi - ユニトピ -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/unitopi.com/jquery-parent-child-3/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 170 https://www.webcreatorbox.com/blog/animation-libraries f503kk 2016-07-13T03:15:15Z アニメーション css JavaScript <blockquote cite="https://www.webcreatorbox.com/blog/animation-libraries" title="手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webcreatorbox.com%2Fblog%2Fanimation-libraries" alt="" /> <a href="https://www.webcreatorbox.com/blog/animation-libraries">手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー</a></cite><p><a href="https://www.webcreatorbox.com/blog/animation-libraries"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ab467f2d8ad4c55a98ad2fbf3c46a1b10f1b4b4c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F2d1b8c905c1d447eb649028ca07253a8%2F116ac507bed2456caf71d2a364051439%2Fthumb_css-js.jpg" alt="手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー" title="手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー" class="entry-image" /></a></p><p>手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。今回はそんなアニメーションを手軽に実装できるCSSや...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webcreatorbox.com/blog/animation-libraries"><img src="https://b.hatena.ne.jp/entry/image/https://www.webcreatorbox.com/blog/animation-libraries" alt="はてなブックマーク - 手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー" title="はてなブックマーク - 手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webcreatorbox.com/blog/animation-libraries"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 447 https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2013-sep.html f503kk 2013-10-03T00:49:09Z web制作 スクロール アニメーション JavaScript <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2013-sep.html" title="[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugins-best-2013-sep.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2013-sep.html">[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2013-sep.html"><img src="" alt="[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ" title="[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ" class="entry-image" /></a></p><p>fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページ...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2013-sep.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2013-sep.html" alt="はてなブックマーク - [JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ" title="はてなブックマーク - [JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2013-sep.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 735 http://www.root-sea.co.jp/service/slide_lp/ スライドショー f503kk 2013-09-19T03:35:15Z JavaScript <blockquote cite="http://www.root-sea.co.jp/service/slide_lp/" title="株式会社ルート・シー | webサイト制作 | マーケティング×UXで「ヒト」から答えを見つけ出す。"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.root-sea.co.jp%2Fservice%2Fslide_lp%2F" alt="" /> <a href="http://www.root-sea.co.jp/service/slide_lp/">株式会社ルート・シー | webサイト制作 | マーケティング×UXで「ヒト」から答えを見つけ出す。</a></cite><p><a href="http://www.root-sea.co.jp/service/slide_lp/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/30f0c2283c3ebd51ce0b8768079dd00fcd7e5c17/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.root-sea.co.jp%2Frs-admin%2Fwp-content%2Fthemes%2Froot-sea%2Fassets%2Fimg%2Fcommon%2Fogp.png" alt="株式会社ルート・シー | webサイト制作 | マーケティング×UXで「ヒト」から答えを見つけ出す。" title="株式会社ルート・シー | webサイト制作 | マーケティング×UXで「ヒト」から答えを見つけ出す。" class="entry-image" /></a></p><p>SERVICE私たちが提供する価値 事業やサービスの調査・分析を通じて課題を抽出。 デザインからシステム開発まで技術的な裏付けをふまえたプランニングを行います。 UX/UIから、クリエイティブ、システム構築まで。 ユーザビリティ、アクセシビリティなどにも配慮したデザインやインタラクション、機能を実現しています。</p><p><a href="https://b.hatena.ne.jp/entry/www.root-sea.co.jp/service/slide_lp/"><img src="https://b.hatena.ne.jp/entry/image/http://www.root-sea.co.jp/service/slide_lp/" alt="はてなブックマーク - 株式会社ルート・シー | webサイト制作 | マーケティング×UXで「ヒト」から答えを見つけ出す。" title="はてなブックマーク - 株式会社ルート・シー | webサイト制作 | マーケティング×UXで「ヒト」から答えを見つけ出す。" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.root-sea.co.jp/service/slide_lp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 8 http://sddmem.jp/%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E8%A8%98%E4%BA%8B/266.html f503kk 2013-09-03T05:46:31Z smartphone JavaScript <blockquote cite="http://sddmem.jp/%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E8%A8%98%E4%BA%8B/266.html" title="スマフォだと電話リンクになるhtml | スマタブファイブ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsddmem.jp%2F%25E3%2582%25AA%25E3%2583%25AA%25E3%2582%25B8%25E3%2583%258A%25E3%2583%25AB%25E8%25A8%2598%25E4%25BA%258B%2F266.html" alt="" /> <a href="http://sddmem.jp/%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E8%A8%98%E4%BA%8B/266.html">スマフォだと電話リンクになるhtml | スマタブファイブ</a></cite><p><a href="http://sddmem.jp/%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E8%A8%98%E4%BA%8B/266.html"><img src="" alt="スマフォだと電話リンクになるhtml | スマタブファイブ" title="スマフォだと電話リンクになるhtml | スマタブファイブ" class="entry-image" /></a></p><p>ページ内に書かれた電話番号を、スマフォでの閲覧時には電話リンクにして、スマフォ以外だったら電話リンクしない・・・という機能を、非常に簡単ではありますがJSで書いてみました。 &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; charset=EUC-JP”&gt; &lt;title&gt;電話テスト&lt;/title&gt; &lt;...</p><p><a href="https://b.hatena.ne.jp/entry/sddmem.jp/%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E8%A8%98%E4%BA%8B/266.html"><img src="https://b.hatena.ne.jp/entry/image/http://sddmem.jp/%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E8%A8%98%E4%BA%8B/266.html" alt="はてなブックマーク - スマフォだと電話リンクになるhtml | スマタブファイブ" title="はてなブックマーク - スマフォだと電話リンクになるhtml | スマタブファイブ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/sddmem.jp/%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E8%A8%98%E4%BA%8B/266.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://clockmaker.jp/blog/2012/02/html5_shuffletext/ f503kk 2013-07-09T05:21:11Z html5 web制作 javascript jquery <blockquote cite="https://clockmaker.jp/blog/2012/02/html5_shuffletext/" title="HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fclockmaker.jp%2Fblog%2F2012%2F02%2Fhtml5_shuffletext%2F" alt="" /> <a href="https://clockmaker.jp/blog/2012/02/html5_shuffletext/">HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog</a></cite><p><a href="https://clockmaker.jp/blog/2012/02/html5_shuffletext/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1b27de58fc75f92642559ba7ba2e64d9f182ba22/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fclockmaker.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F01%2F120207_shuffleelementtext.png" alt="HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog" title="HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog" class="entry-image" /></a></p><p>Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんｗ)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンと、HTML5の新要素Canvasを使うバージョンの二種類を用意しました。 【2017年4月26日 追記】 【重要】JSライブラリーはGitHubで更新してい...</p><p><a href="https://b.hatena.ne.jp/entry/s/clockmaker.jp/blog/2012/02/html5_shuffletext/"><img src="https://b.hatena.ne.jp/entry/image/https://clockmaker.jp/blog/2012/02/html5_shuffletext/" alt="はてなブックマーク - HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog" title="はてなブックマーク - HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/clockmaker.jp/blog/2012/02/html5_shuffletext/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 118 https://www.ilovex.co.jp/blog/system/webconsulting/divjavascript-jquerybiggerlink.html div要素をリンクに変える f503kk 2012-12-24T05:48:48Z jquery javascript <blockquote cite="https://www.ilovex.co.jp/blog/system/webconsulting/divjavascript-jquerybiggerlink.html" title="div要素をリンクに変えるjavascript 『jquery.biggerlink』"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ilovex.co.jp%2Fblog%2Fsystem%2Fwebconsulting%2Fdivjavascript-jquerybiggerlink.html" alt="" /> <a href="https://www.ilovex.co.jp/blog/system/webconsulting/divjavascript-jquerybiggerlink.html">div要素をリンクに変えるjavascript 『jquery.biggerlink』</a></cite><p><a href="https://www.ilovex.co.jp/blog/system/webconsulting/divjavascript-jquerybiggerlink.html"><img src="" alt="div要素をリンクに変えるjavascript 『jquery.biggerlink』" title="div要素をリンクに変えるjavascript 『jquery.biggerlink』" class="entry-image" /></a></p><p>こんにちは、デザイナーの川本です。 今回は、aタグを設定した親要素にもaタグとhover要素を設定する『jquery.biggerlink』というjavascriptを紹介します。 方法は、javascriptを導入し、div要素にid名を追加するだけです。 Biggerlinkのダウンロードはこちら jQueryのダウンロードはこちら まず、内にダウンロードした...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.ilovex.co.jp/blog/system/webconsulting/divjavascript-jquerybiggerlink.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ilovex.co.jp/blog/system/webconsulting/divjavascript-jquerybiggerlink.html" alt="はてなブックマーク - div要素をリンクに変えるjavascript 『jquery.biggerlink』" title="はてなブックマーク - div要素をリンクに変えるjavascript 『jquery.biggerlink』" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ilovex.co.jp/blog/system/webconsulting/divjavascript-jquerybiggerlink.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 https://github.com/scottjehl/Respond f503kk 2012-08-27T04:38:38Z responsive javascript レスポンシブ library css3 <blockquote cite="https://github.com/scottjehl/Respond" title="scottjehl/Respond: A fast &amp; lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fscottjehl%2FRespond" alt="" /> <a href="https://github.com/scottjehl/Respond">scottjehl/Respond: A fast &amp; lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)</a></cite><p><a href="https://github.com/scottjehl/Respond"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a96da8dc03b130c43df10a9d676a3a3fe931b416/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Ff65cdf47256b3c32972cb7d9f1722c8f202227161c88117e91cae1d96660ad92%2Fscottjehl%2FRespond" alt="scottjehl/Respond: A fast &amp; lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)" title="scottjehl/Respond: A fast &amp; lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)" class="entry-image" /></a></p><p>Some notes to keep in mind: This script&#39;s focus is purposely very narrow: only min-width and max-width media queries and all media types (screen, print, etc) are translated to non-supporting browsers. I wanted to keep things simple for filesize, maintenance, and performance, so I&#39;ve intentionally...</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/scottjehl/Respond"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/scottjehl/Respond" alt="はてなブックマーク - scottjehl/Respond: A fast &amp; lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)" title="はてなブックマーク - scottjehl/Respond: A fast &amp; lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/scottjehl/Respond"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 49 https://webdrawer.net/javascript/parallax.html f503kk 2012-07-13T10:21:35Z Web制作 パララックス javascript jQuery <blockquote cite="https://webdrawer.net/javascript/parallax.html" title="パララックスサイトの作り方の初歩"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebdrawer.net%2Fjavascript%2Fparallax.html" alt="" /> <a href="https://webdrawer.net/javascript/parallax.html">パララックスサイトの作り方の初歩</a></cite><p><a href="https://webdrawer.net/javascript/parallax.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/633d0f653f29f1322e1a1b614e6454e99a6c36a2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebdrawer.net%2Fwp%2Fwp-content%2Fuploads%2F2020%2F10%2Fthm.jpg" alt="パララックスサイトの作り方の初歩" title="パララックスサイトの作り方の初歩" class="entry-image" /></a></p><p>最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かも...</p><p><a href="https://b.hatena.ne.jp/entry/s/webdrawer.net/javascript/parallax.html"><img src="https://b.hatena.ne.jp/entry/image/https://webdrawer.net/javascript/parallax.html" alt="はてなブックマーク - パララックスサイトの作り方の初歩" title="はてなブックマーク - パララックスサイトの作り方の初歩" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webdrawer.net/javascript/parallax.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 782 http://archiva.jp/web/javascript/tab-menu2.html f503kk 2012-06-22T05:39:33Z javascript tab web制作 <blockquote cite="http://archiva.jp/web/javascript/tab-menu2.html" title="JSタブ切替え応用編 —他ページから直接タブにアクセスする— - Archiva"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Farchiva.jp%2Fweb%2Fjavascript%2Ftab-menu2.html" alt="" /> <a href="http://archiva.jp/web/javascript/tab-menu2.html">JSタブ切替え応用編 —他ページから直接タブにアクセスする— - Archiva</a></cite><p><a href="http://archiva.jp/web/javascript/tab-menu2.html"><img src="" alt="JSタブ切替え応用編 —他ページから直接タブにアクセスする— - Archiva" title="JSタブ切替え応用編 —他ページから直接タブにアクセスする— - Archiva" class="entry-image" /></a></p><p>Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 他ページからそれぞれのタブにリンクすることってできますか？ —タブ切替をサクッと実装, くりはらさんのコメント 確かに便利そうなので、やってみ...</p><p><a href="https://b.hatena.ne.jp/entry/archiva.jp/web/javascript/tab-menu2.html"><img src="https://b.hatena.ne.jp/entry/image/http://archiva.jp/web/javascript/tab-menu2.html" alt="はてなブックマーク - JSタブ切替え応用編 —他ページから直接タブにアクセスする— - Archiva" title="はてなブックマーク - JSタブ切替え応用編 —他ページから直接タブにアクセスする— - Archiva" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/archiva.jp/web/javascript/tab-menu2.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 51 https://rfs.jp/sb/javascript/js-lab/smartphone_user-agent.html f503kk 2012-05-31T05:15:25Z ユーザーエージェント javascript <blockquote cite="https://rfs.jp/sb/javascript/js-lab/smartphone_user-agent.html" title="スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Frfs.jp%2Fsb%2Fjavascript%2Fjs-lab%2Fsmartphone_user-agent.html" alt="" /> <a href="https://rfs.jp/sb/javascript/js-lab/smartphone_user-agent.html">スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]</a></cite><p><a href="https://rfs.jp/sb/javascript/js-lab/smartphone_user-agent.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/41fb9d4b3a573aff3b40927b0cfbab40107f3716/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png" alt="スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]" title="スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]" class="entry-image" /></a></p><p>ページ内でスマートフォンかどうかを判別し、表示を切り替えたい場合のスクリプトを紹介します。 JavaScriptでiPhone、Androidを識別してそれぞれの端末へメッセージを表示には、ユーザエージェントを使います。 navigator.userAgent で取得したユーザエージェント情報から「iPhone」という文字が合った場合の処理をする...</p><p><a href="https://b.hatena.ne.jp/entry/s/rfs.jp/sb/javascript/js-lab/smartphone_user-agent.html"><img src="https://b.hatena.ne.jp/entry/image/https://rfs.jp/sb/javascript/js-lab/smartphone_user-agent.html" alt="はてなブックマーク - スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]" title="はてなブックマーク - スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/rfs.jp/sb/javascript/js-lab/smartphone_user-agent.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 31