https://b.hatena.ne.jp/CLSmooth/jQuery/ jQueryに関するCLSmoothのはてなブックマーク (34) https://qiita.com/tkdn/items/5be7ee5cc178a62f4f67 CLSmooth 2017-09-16T17:09:29Z jQuery javascript あとで読む レンダリング DOM ブラウザ <blockquote cite="https://qiita.com/tkdn/items/5be7ee5cc178a62f4f67" title="仮想DOMに思いを馳せていたらそもそもブラウザのレンダリングがわかってなかった - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Ftkdn%2Fitems%2F5be7ee5cc178a62f4f67" alt="" /> <a href="https://qiita.com/tkdn/items/5be7ee5cc178a62f4f67">仮想DOMに思いを馳せていたらそもそもブラウザのレンダリングがわかってなかった - Qiita</a></cite><p><a href="https://qiita.com/tkdn/items/5be7ee5cc178a62f4f67"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f76616e48cb6a18706a521a15602ae1c761a99d3/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMzc2MTElMkZwcm9maWxlLWltYWdlcyUyRjE2MDgyNzY5NDA_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTZlZDU1MjhlMmI1NWJiZjNjZGYxNjRlZmI5YmI2Zjg2%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D4bbb860d742842930640f2139ad0afb8%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU0JUJCJUFFJUU2JTgzJUIzRE9NJUUzJTgxJUFCJUU2JTgwJTlEJUUzJTgxJTg0JUUzJTgyJTkyJUU5JUE2JUIzJUUzJTgxJTlCJUUzJTgxJUE2JUUzJTgxJTg0JUUzJTgxJTlGJUUzJTgyJTg5JUUzJTgxJTlEJUUzJTgyJTgyJUUzJTgxJTlEJUUzJTgyJTgyJUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUFFJUUzJTgzJUFDJUUzJTgzJUIzJUUzJTgzJTgwJUUzJTgzJUFBJUUzJTgzJUIzJUUzJTgyJUIwJUUzJTgxJThDJUUzJTgyJThGJUUzJTgxJThCJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUFBJUUzJTgxJThCJUUzJTgxJUEzJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MWY2OWZiMDgxOWNmYmFkZTEwN2E1NTczNjRlZGUxMDA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0a2RuJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZDAzY2U5NjgwOTU2Njc0ZTI2YjkzMjBjNTUzNjZmZDk%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D6d1be431b8bcefe6c6384bc18d810aa2" alt="仮想DOMに思いを馳せていたらそもそもブラウザのレンダリングがわかってなかった - Qiita" title="仮想DOMに思いを馳せていたらそもそもブラウザのレンダリングがわかってなかった - Qiita" class="entry-image" /></a></p><p>仮想DOMとか、react.js とか最近聞くようになりました。フロントエンドに関わるものとして、UIパフォーマンス向上を志すなら、少し触って明日の糧にしようと思っていろいろ調べていたら、そもそもブラウザのレンダリングとは何かもよくわかっていなかったので出直そうと思った、というごくつまらない話です。 ブラウザの...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/tkdn/items/5be7ee5cc178a62f4f67"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/tkdn/items/5be7ee5cc178a62f4f67" alt="はてなブックマーク - 仮想DOMに思いを馳せていたらそもそもブラウザのレンダリングがわかってなかった - Qiita" title="はてなブックマーク - 仮想DOMに思いを馳せていたらそもそもブラウザのレンダリングがわかってなかった - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/tkdn/items/5be7ee5cc178a62f4f67"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 16 http://terminal.jcubic.pl/ CLSmooth 2017-09-15T12:22:50Z javascript terminal jQuery <blockquote cite="http://terminal.jcubic.pl/" title="jQuery Terminal Emulator Plugin"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fterminal.jcubic.pl%2F" alt="" /> <a href="http://terminal.jcubic.pl/">jQuery Terminal Emulator Plugin</a></cite><p><a href="http://terminal.jcubic.pl/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/063b49e26ce41d9342e6c340bfb21533662a0006/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fterminal.jcubic.pl%2Fsignature.png" alt="jQuery Terminal Emulator Plugin" title="jQuery Terminal Emulator Plugin" class="entry-image" /></a></p><p>__ _____ ________ __ / // _ /__ __ _____ ___ __ _/__ ___/__ ___ ______ __ __ __ ___ / / __ / // // // // // _ // _// // / / // _ // _// // // \/ // _ \/ / / / // // // // // ___// / / // / / // ___// / / / / // // /\ // // / /__ \___//____ \\___//____//_/ _\_ / /_//____//_/ /_/ /_//_//_/ /_/ \__\...</p><p><a href="https://b.hatena.ne.jp/entry/terminal.jcubic.pl/"><img src="https://b.hatena.ne.jp/entry/image/http://terminal.jcubic.pl/" alt="はてなブックマーク - jQuery Terminal Emulator Plugin" title="はてなブックマーク - jQuery Terminal Emulator Plugin" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/terminal.jcubic.pl/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 32 https://qiita.com/laineus/items/6bfbdfc08a77ccf8d399 CLSmooth 2017-03-10T07:31:42Z あとで読む jQuery markdown <blockquote cite="https://qiita.com/laineus/items/6bfbdfc08a77ccf8d399" title="[PHP+JS]マークダウン形式のシンプルなメモ帳サイトを作ってみた！ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Flaineus%2Fitems%2F6bfbdfc08a77ccf8d399" alt="" /> <a href="https://qiita.com/laineus/items/6bfbdfc08a77ccf8d399">[PHP+JS]マークダウン形式のシンプルなメモ帳サイトを作ってみた！ - Qiita</a></cite><p><a href="https://qiita.com/laineus/items/6bfbdfc08a77ccf8d399"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1ce983b0e3de078bcc09cb4a51606f9621a00925/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCUEhQJTJCSlMlNUQlRTMlODMlOUUlRTMlODMlQkMlRTMlODIlQUYlRTMlODMlODAlRTMlODIlQTYlRTMlODMlQjMlRTUlQkQlQTIlRTUlQkMlOEYlRTMlODElQUUlRTMlODIlQjclRTMlODMlQjMlRTMlODMlOTclRTMlODMlQUIlRTMlODElQUElRTMlODMlQTElRTMlODMlQTIlRTUlQjglQjMlRTMlODIlQjUlRTMlODIlQTQlRTMlODMlODglRTMlODIlOTIlRTQlQkQlOUMlRTMlODElQTMlRTMlODElQTYlRTMlODElQkYlRTMlODElOUYlRUYlQkMlODEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTE4MDFlNzdiYmFlMzE1MzMzODg0MmY5MDM1NTM1ZTZi%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBsYWluZXVzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00Yjg0NmY3NTA2YzY1ZWQ4ZGM0ZDU1YjQzODg3ZTZkMg%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Oq44Oz44Kv44OQ44Or%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dfacb31a62eb0e2af03056d18995fc993" alt="[PHP+JS]マークダウン形式のシンプルなメモ帳サイトを作ってみた！ - Qiita" title="[PHP+JS]マークダウン形式のシンプルなメモ帳サイトを作ってみた！ - Qiita" class="entry-image" /></a></p><p>追記： 現在はVueでリニューアルされています。 Gmailの下書きをメモ帳代わりに使うのにも限界を感じてきた。 しかし、リッチテキストが嫌いなのでEvernoteを使う気にもなれず。。 というかマークダウンでメモをとりたい。画像貼れたりとかリッチな機能も全然いらない。ネイティブアプリ版もいらない。 というわけで、そ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/laineus/items/6bfbdfc08a77ccf8d399"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/laineus/items/6bfbdfc08a77ccf8d399" alt="はてなブックマーク - [PHP+JS]マークダウン形式のシンプルなメモ帳サイトを作ってみた！ - Qiita" title="はてなブックマーク - [PHP+JS]マークダウン形式のシンプルなメモ帳サイトを作ってみた！ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/laineus/items/6bfbdfc08a77ccf8d399"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 31 https://qiita.com/Yamamoto0525/items/994fa4a6a7bbd8b9b943 CLSmooth 2017-02-19T10:28:45Z jQuery javascript <blockquote cite="https://qiita.com/Yamamoto0525/items/994fa4a6a7bbd8b9b943" title="フロントエンドエンジニアはjQuery以外のライブラリを覚える必要があるのか - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FYamamoto0525%2Fitems%2F994fa4a6a7bbd8b9b943" alt="" /> <a href="https://qiita.com/Yamamoto0525/items/994fa4a6a7bbd8b9b943">フロントエンドエンジニアはjQuery以外のライブラリを覚える必要があるのか - Qiita</a></cite><p><a href="https://qiita.com/Yamamoto0525/items/994fa4a6a7bbd8b9b943"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2756a4d6e84cbb14a1b35b2630c3e7e843357aab/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTEyNTY2JTJGcHJvZmlsZS1pbWFnZXMlMkYxNDc0NzA0ODAyP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1mNTA3ZmZlOGIzNGQyMmRkYWYyMjhhODFlYTRkZTUxOA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Df1d975cea459d15c60c236e8b575b56f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgyJUI4JUUzJTgzJThCJUUzJTgyJUEyJUUzJTgxJUFGalF1ZXJ5JUU0JUJCJUE1JUU1JUE0JTk2JUUzJTgxJUFFJUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgzJUFBJUUzJTgyJTkyJUU4JUE2JTlBJUUzJTgxJTg4JUUzJTgyJThCJUU1JUJGJTg1JUU4JUE2JTgxJUUzJTgxJThDJUUzJTgxJTgyJUUzJTgyJThCJUUzJTgxJUFFJUUzJTgxJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YzY0N2VhN2U4ZTg2MzNlYWMwNjEyNDQ2MjBiM2FlZjE%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBZYW1hbW90bzA1MjUmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0yZmU5YzEyNjY5ZjY1NTgxZGY5ODc4MTliZTI5MjA2Mg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Da2cd3facdcad392ef72ec846b85ab0cf" alt="フロントエンドエンジニアはjQuery以外のライブラリを覚える必要があるのか - Qiita" title="フロントエンドエンジニアはjQuery以外のライブラリを覚える必要があるのか - 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? はじめに 先週フロントエンドエンジニア向けの勉強会に行った際、最近フロントエンドエンジニア（コーダー寄り）になったという方に、 「なんでjQuery以外のライブラリやら、フレー...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/Yamamoto0525/items/994fa4a6a7bbd8b9b943"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/Yamamoto0525/items/994fa4a6a7bbd8b9b943" alt="はてなブックマーク - フロントエンドエンジニアはjQuery以外のライブラリを覚える必要があるのか - Qiita" title="はてなブックマーク - フロントエンドエンジニアはjQuery以外のライブラリを覚える必要があるのか - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/Yamamoto0525/items/994fa4a6a7bbd8b9b943"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 85 https://qiita.com/aosho235/items/f579ffd4d0901017d76b CLSmooth 2017-01-17T16:26:57Z jQuery Chrome javascript あとで読む デバッグ <blockquote cite="https://qiita.com/aosho235/items/f579ffd4d0901017d76b" title="[翻訳]Chrome デベロッパーコンソール　意外と知られていない10の機能 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Faosho235%2Fitems%2Ff579ffd4d0901017d76b" alt="" /> <a href="https://qiita.com/aosho235/items/f579ffd4d0901017d76b">[翻訳]Chrome デベロッパーコンソール　意外と知られていない10の機能 - Qiita</a></cite><p><a href="https://qiita.com/aosho235/items/f579ffd4d0901017d76b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e8e979c78f23f35a458ee15e0f287c3761c0290e/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkY3OTM5NCUyRjJlNzBkMTE3YTQ4MjBmM2FjOGEwNmZhZmQ5YmVjYjI1NWMwZjU3NmIlMkZsYXJnZS5wbmclM0YxNTcxNTc0ODM4P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTdlYThiZmI4ZGM0MDhjMmEyYWMwMmU4ZWUzZjVmMjE2%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D7004c0d648296aaa6c311c99747ccf9a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU3JUJGJUJCJUU4JUE4JUIzJTVEQ2hyb21lJTIwJUUzJTgzJTg3JUUzJTgzJTk5JUUzJTgzJUFEJUUzJTgzJTgzJUUzJTgzJTkxJUUzJTgzJUJDJUUzJTgyJUIzJUUzJTgzJUIzJUUzJTgyJUJEJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgwJTgwJUU2JTg0JThGJUU1JUE0JTk2JUUzJTgxJUE4JUU3JTlGJUE1JUUzJTgyJTg5JUUzJTgyJThDJUUzJTgxJUE2JUUzJTgxJTg0JUUzJTgxJUFBJUUzJTgxJTg0MTAlRTMlODElQUUlRTYlQTklOUYlRTglODMlQkQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1hMGJiNDZhYjE3NjUyMDRiMGVjMzc0ZmE2NDk1MjZlMw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBhb3NobzIzNSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTZmYjA1ZDdjODFmM2E5YjBjYjY3M2M1ODMyODdjNWQ5%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44O044Kh44Or56CU56m25omA%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3D21ce0c6477b75e478147573d9beabc27" alt="[翻訳]Chrome デベロッパーコンソール　意外と知られていない10の機能 - Qiita" title="[翻訳]Chrome デベロッパーコンソール　意外と知られていない10の機能 - 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/aosho235/items/f579ffd4d0901017d76b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/aosho235/items/f579ffd4d0901017d76b" alt="はてなブックマーク - [翻訳]Chrome デベロッパーコンソール　意外と知られていない10の機能 - Qiita" title="はてなブックマーク - [翻訳]Chrome デベロッパーコンソール　意外と知られていない10の機能 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/aosho235/items/f579ffd4d0901017d76b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 233 https://ozpa-h4.com/2015/01/20/progate/ CLSmooth 2015-01-20T02:56:10Z エディタ php jQuery あとで読む webサービス プログラミング <blockquote cite="https://ozpa-h4.com/2015/01/20/progate/" title="HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fozpa-h4.com%2F2015%2F01%2F20%2Fprogate%2F" alt="" /> <a href="https://ozpa-h4.com/2015/01/20/progate/">HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」</a></cite><p><a href="https://ozpa-h4.com/2015/01/20/progate/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7bef5645759c1be486bf66f2098e62166d468e8c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F2015%2F01%2F150119_progate_001.jpg" alt="HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」" title="HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」" class="entry-image" /></a></p><p>まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML &amp; CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML &amp; CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で...</p><p><a href="https://b.hatena.ne.jp/entry/s/ozpa-h4.com/2015/01/20/progate/"><img src="https://b.hatena.ne.jp/entry/image/https://ozpa-h4.com/2015/01/20/progate/" alt="はてなブックマーク - HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」" title="はてなブックマーク - HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ozpa-h4.com/2015/01/20/progate/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 817 https://neganin.com/blog/web/jquery-pjax/ CLSmooth 2015-01-15T16:11:21Z jQuery CSS あとで読む Webデザイン javascript <blockquote cite="https://neganin.com/blog/web/jquery-pjax/" title="jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fneganin.com%2Fblog%2Fweb%2Fjquery-pjax%2F" alt="" /> <a href="https://neganin.com/blog/web/jquery-pjax/">jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)</a></cite><p><a href="https://neganin.com/blog/web/jquery-pjax/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e7a9048f7929703fb66c0406d43145cef3af5af8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fneganin.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F01%2Fpjax.jpg" alt="jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)" title="jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)" class="entry-image" /></a></p><p>「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからの...</p><p><a href="https://b.hatena.ne.jp/entry/s/neganin.com/blog/web/jquery-pjax/"><img src="https://b.hatena.ne.jp/entry/image/https://neganin.com/blog/web/jquery-pjax/" alt="はてなブックマーク - jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)" title="はてなブックマーク - jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/neganin.com/blog/web/jquery-pjax/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 348 https://kachibito.net/useful-resource/js-tutorial CLSmooth 2014-12-12T11:03:23Z JavaScript jQuery Tutorial ライブラリ まとめ プログラミング <blockquote cite="https://kachibito.net/useful-resource/js-tutorial" title="様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fuseful-resource%2Fjs-tutorial" alt="" /> <a href="https://kachibito.net/useful-resource/js-tutorial">様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 - かちびと.net</a></cite><p><a href="https://kachibito.net/useful-resource/js-tutorial"><img src="" alt="様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 - かちびと.net" title="様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 - かちびと.net" class="entry-image" /></a></p><p>Js Tutorialは配布されているJSライブラリやjQuery等のプラグインの使い方をまとめているWebサイトです。と言っても、配布元で書かれているオプションや簡単な解説のみなのでチュートリアルとはあまり言えない印象です。それでも、ソース元やその場で確認出来る動作デモ、各ライブラリのカテゴリ分けもされているので探...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/useful-resource/js-tutorial"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/useful-resource/js-tutorial" alt="はてなブックマーク - 様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 - かちびと.net" title="はてなブックマーク - 様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/useful-resource/js-tutorial"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 26 https://phpspot.org/blog/archives/2014/12/uijqueryuitimes.html CLSmooth 2014-12-08T12:57:15Z jQuery UI アップデート あとで読む <blockquote cite="https://phpspot.org/blog/archives/2014/12/uijqueryuitimes.html" title="時間の選択に便利なUIを提供できる「jquery.ui.timeselect」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2014%2F12%2Fuijqueryuitimes.html" alt="" /> <a href="https://phpspot.org/blog/archives/2014/12/uijqueryuitimes.html">時間の選択に便利なUIを提供できる「jquery.ui.timeselect」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2014/12/uijqueryuitimes.html"><img src="" alt="時間の選択に便利なUIを提供できる「jquery.ui.timeselect」:phpspot開発日誌" title="時間の選択に便利なUIを提供できる「jquery.ui.timeselect」:phpspot開発日誌" class="entry-image" /></a></p><p>jquery.ui.timeselect 時間の選択に便利なUIを提供できる「jquery.ui.timeselect」。 次のように入力時間の候補を補完できます。時間の入力って以外と多いと思いますが、入力がこれで楽にできそうです。 関連エントリ アナログ時計のUIで時刻を入力できるjQueryプラグイン「ClockPicker」 日付範囲の入力に便利な「jQuer...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/12/uijqueryuitimes.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2014/12/uijqueryuitimes.html" alt="はてなブックマーク - 時間の選択に便利なUIを提供できる「jquery.ui.timeselect」:phpspot開発日誌" title="はてなブックマーク - 時間の選択に便利なUIを提供できる「jquery.ui.timeselect」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/12/uijqueryuitimes.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 26 https://coliss.com/articles/build-websites/operation/javascript/best-jquery-plugins-and-scripts-2014.html CLSmooth 2014-12-05T06:36:42Z jQuery あとで読む まとめ プラグイン スクリプト <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/best-jquery-plugins-and-scripts-2014.html" title="2014年総まとめ、jQueryのプラグインとスクリプト100選"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fbest-jquery-plugins-and-scripts-2014.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/best-jquery-plugins-and-scripts-2014.html">2014年総まとめ、jQueryのプラグインとスクリプト100選</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/best-jquery-plugins-and-scripts-2014.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/301a7be5c11d574840184c597d6b9654593b080e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014120501-01.png" alt="2014年総まとめ、jQueryのプラグインとスクリプト100選" title="2014年総まとめ、jQueryのプラグインとスクリプト100選" class="entry-image" /></a></p><p>毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/best-jquery-plugins-and-scripts-2014.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/best-jquery-plugins-and-scripts-2014.html" alt="はてなブックマーク - 2014年総まとめ、jQueryのプラグインとスクリプト100選" title="はてなブックマーク - 2014年総まとめ、jQueryのプラグインとスクリプト100選" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/best-jquery-plugins-and-scripts-2014.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 668 https://phpspot.org/blog/archives/2014/11/webcamqrjqueryw.html CLSmooth 2014-11-24T11:15:23Z jQuery javascript qr <blockquote cite="https://phpspot.org/blog/archives/2014/11/webcamqrjqueryw.html" title="WebCamでQRコードを読み取れるようにするjQueryプラグイン「WebCodeCam」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2014%2F11%2Fwebcamqrjqueryw.html" alt="" /> <a href="https://phpspot.org/blog/archives/2014/11/webcamqrjqueryw.html">WebCamでQRコードを読み取れるようにするjQueryプラグイン「WebCodeCam」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2014/11/webcamqrjqueryw.html"><img src="" alt="WebCamでQRコードを読み取れるようにするjQueryプラグイン「WebCodeCam」:phpspot開発日誌" title="WebCamでQRコードを読み取れるようにするjQueryプラグイン「WebCodeCam」:phpspot開発日誌" class="entry-image" /></a></p><p>Andras Toth WebCamでQRコードを読み取れるようにするjQueryプラグイン「WebCodeCam」。 QRコードをWebCamにかざして情報を読み取れるようにするプラグインです。アイデア次第で便利な使い方ができるかも 関連エントリ JavaScriptで動画やWebcamからGIFアニメを作れる「gifshot」 画面にリアルな雪を降らせられるjQuery...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/11/webcamqrjqueryw.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2014/11/webcamqrjqueryw.html" alt="はてなブックマーク - WebCamでQRコードを読み取れるようにするjQueryプラグイン「WebCodeCam」:phpspot開発日誌" title="はてなブックマーク - WebCamでQRコードを読み取れるようにするjQueryプラグイン「WebCodeCam」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/11/webcamqrjqueryw.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 27 https://kachibito.net/useful-resource/materialize CLSmooth 2014-11-24T11:14:35Z CSS webデザイン jQuery <blockquote cite="https://kachibito.net/useful-resource/materialize" title="マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fuseful-resource%2Fmaterialize" alt="" /> <a href="https://kachibito.net/useful-resource/materialize">マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 - かちびと.net</a></cite><p><a href="https://kachibito.net/useful-resource/materialize"><img src="" alt="マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 - かちびと.net" title="マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 - かちびと.net" class="entry-image" /></a></p><p>Materializeはマテリアルデザインを取り入れたRWD対応のCSSをフレームワークです。Sass対応で、各種コンポーネントも揃っていました。ベーシックで良いんじゃないでしょうか。ライセンスはMITとの事。 Materialize</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/useful-resource/materialize"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/useful-resource/materialize" alt="はてなブックマーク - マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 - かちびと.net" title="はてなブックマーク - マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/useful-resource/materialize"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 37 https://commte.net//archives/4794 CLSmooth 2014-10-14T06:43:13Z プラグイン webデザイン jQuery <blockquote cite="https://commte.net//archives/4794" title="今風になった！Web制作で使える最近のjQueryプラグインまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcommte.net%2F%2Farchives%2F4794" alt="" /> <a href="https://commte.net//archives/4794">今風になった！Web制作で使える最近のjQueryプラグインまとめ</a></cite><p><a href="https://commte.net//archives/4794"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8fd0c635923d692b0ed4179c06bf125ac930f1be/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fai_Awesome_jQuery_Plugins.png" alt="今風になった！Web制作で使える最近のjQueryプラグインまとめ" title="今風になった！Web制作で使える最近のjQueryプラグインまとめ" class="entry-image" /></a></p><p>作成：2014/10/14 更新：2014/11/01 Web制作 &gt; 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーン...</p><p><a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/4794"><img src="https://b.hatena.ne.jp/entry/image/https://commte.net//archives/4794" alt="はてなブックマーク - 今風になった！Web制作で使える最近のjQueryプラグインまとめ" title="はてなブックマーク - 今風になった！Web制作で使える最近のjQueryプラグインまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/4794"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 730 https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2014-sep.html CLSmooth 2014-09-29T06:39:11Z jQuery webデザイン <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2014-sep.html" title="[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjavascript-best-2014-sep.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2014-sep.html">[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2014-sep.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0fb2b69fc464184c7ff4989d78070781bd90be00/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014092904-01.png" alt="[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ" title="[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ" class="entry-image" /></a></p><p>最近のWebサイトでよく見かける面白い仕掛けのコンテンツやエフェクト、便利な機能を実装できるjQueryのプラグインやスクリプトを紹介します。 Midnight デモページ ロゴやヘッダなどをスクロール時に固定表示し、スクロールして表示されたコンテンツに応じて、固定エレメントのスタイルシートを変更させて表示するjQuer...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-best-2014-sep.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2014-sep.html" alt="はてなブックマーク - [JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ" title="はてなブックマーク - [JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-best-2014-sep.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 480 https://commte.net//archives/4693 CLSmooth 2014-09-01T03:43:28Z jQuery 開発 プログラミング javascript <blockquote cite="https://commte.net//archives/4693" title="Web制作で使えた！jQueryプラグインまとめ＋起業しました"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcommte.net%2F%2Farchives%2F4693" alt="" /> <a href="https://commte.net//archives/4693">Web制作で使えた！jQueryプラグインまとめ＋起業しました</a></cite><p><a href="https://commte.net//archives/4693"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/30c2fd90a02ad4b483f26ed6307170adc2fe686d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fai_jquery_plugin_gallery.png" alt="Web制作で使えた！jQueryプラグインまとめ＋起業しました" title="Web制作で使えた！jQueryプラグインまとめ＋起業しました" class="entry-image" /></a></p><p>作成：2014/09/1 更新：2014/11/01 Web制作 &gt; 報告が遅れましたが、5月に退社し6月に起業（株式会社コムテ）しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さ...</p><p><a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/4693"><img src="https://b.hatena.ne.jp/entry/image/https://commte.net//archives/4693" alt="はてなブックマーク - Web制作で使えた！jQueryプラグインまとめ＋起業しました" title="はてなブックマーク - Web制作で使えた！jQueryプラグインまとめ＋起業しました" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/4693"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 427 https://arimo.hatenablog.com/entry/2013/07/09/114901 CLSmooth 2014-08-29T17:26:51Z jQuery JSON データ <blockquote cite="https://arimo.hatenablog.com/entry/2013/07/09/114901" title="一生Ajaxで取得した値をDataTablesにつっこめない - arimoつくったメモ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Farimo.hatenablog.com%2Fentry%2F2013%2F07%2F09%2F114901" alt="" /> <a href="https://arimo.hatenablog.com/entry/2013/07/09/114901">一生Ajaxで取得した値をDataTablesにつっこめない - arimoつくったメモ</a></cite><p><a href="https://arimo.hatenablog.com/entry/2013/07/09/114901"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f41396328f6259b98dfd5a242a9e8e22d037441f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F65137307f8d87887de25a715918a43cf8edea072%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Farimoo%252F20130709%252F20130709114442.png" alt="一生Ajaxで取得した値をDataTablesにつっこめない - arimoつくったメモ" title="一生Ajaxで取得した値をDataTablesにつっこめない - arimoつくったメモ" class="entry-image" /></a></p><p>DataTablesっていうjQueryライブラリを使ってソート機能とか検索/抽出機能とかが自動でついちゃうイケてる表組をつくろうとしています。 やりたいこと：ajaxでJSONを返すだけのAPIに通信しにいって、返ってきたJSONを整形してテーブルタグ群につっこみたい。 $(&quot;tbody&quot;).append(&quot;&lt;tr data-href=&#39;arimo.php&gt;&lt;td&gt;&quot; + this....</p><p><a href="https://b.hatena.ne.jp/entry/s/arimo.hatenablog.com/entry/2013/07/09/114901"><img src="https://b.hatena.ne.jp/entry/image/https://arimo.hatenablog.com/entry/2013/07/09/114901" alt="はてなブックマーク - 一生Ajaxで取得した値をDataTablesにつっこめない - arimoつくったメモ" title="はてなブックマーク - 一生Ajaxで取得した値をDataTablesにつっこめない - arimoつくったメモ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/arimo.hatenablog.com/entry/2013/07/09/114901"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 23 https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-twinkle.html CLSmooth 2014-08-28T01:33:43Z エフェクト jQuery canvas <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-twinkle.html" title="[JS]フラットなデザインで映える！美しく広がる波紋のエフェクトを簡単に実装できるスクリプト -jQuery.twinkle"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-twinkle.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-twinkle.html">[JS]フラットなデザインで映える！美しく広がる波紋のエフェクトを簡単に実装できるスクリプト -jQuery.twinkle</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-twinkle.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/00b08caebad6d31ef785a71750b5b4f496a0d1f1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014082802.gif" alt="[JS]フラットなデザインで映える！美しく広がる波紋のエフェクトを簡単に実装できるスクリプト -jQuery.twinkle" title="[JS]フラットなデザインで映える！美しく広がる波紋のエフェクトを簡単に実装できるスクリプト -jQuery.twinkle" class="entry-image" /></a></p><p>ダウンロードファイルに含まれているデモ jQuery.twinkleの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 &lt;body&gt; ... &lt;script src=&quot;jquery-1.10.2.min.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;../jquery.twinkle-0.7.1.js&quot;&gt;&lt;/script&gt; &lt;/body&gt; Step 2: HTML アニメーションを適用する要素に...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-twinkle.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-twinkle.html" alt="はてなブックマーク - [JS]フラットなデザインで映える！美しく広がる波紋のエフェクトを簡単に実装できるスクリプト -jQuery.twinkle" title="はてなブックマーク - [JS]フラットなデザインで映える！美しく広がる波紋のエフェクトを簡単に実装できるスクリプト -jQuery.twinkle" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-twinkle.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 66 https://www.ibm.com/developerworks/jp/xml/tutorials/x-jquerymobilesecuritytut/ CLSmooth 2014-08-27T01:19:51Z jQuery Mobile セキュリティ jQuery Javascript <blockquote cite="https://www.ibm.com/developerworks/jp/xml/tutorials/x-jquerymobilesecuritytut/" title="連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ibm.com%2Fdeveloperworks%2Fjp%2Fxml%2Ftutorials%2Fx-jquerymobilesecuritytut%2F" alt="" /> <a href="https://www.ibm.com/developerworks/jp/xml/tutorials/x-jquerymobilesecuritytut/">連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）</a></cite><p><a href="https://www.ibm.com/developerworks/jp/xml/tutorials/x-jquerymobilesecuritytut/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f2e73d765a58e71146ea29b59a44233a470ac4ba/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs3.us.cloud-object-storage.appdomain.cloud%2Fibmdevwp%2Ficons%2Fsocial%2Fsocial.jpg" alt="連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）" title="連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）" class="entry-image" /></a></p><p>Java application developmentDevelop scalable, high-performance applications</p><p><a href="https://b.hatena.ne.jp/entry/s/www.ibm.com/developerworks/jp/xml/tutorials/x-jquerymobilesecuritytut/"><img src="https://b.hatena.ne.jp/entry/image/https://www.ibm.com/developerworks/jp/xml/tutorials/x-jquerymobilesecuritytut/" alt="はてなブックマーク - 連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）" title="はてなブックマーク - 連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ibm.com/developerworks/jp/xml/tutorials/x-jquerymobilesecuritytut/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 36 https://phpspot.org/blog/archives/2014/08/lightboxrebox.html CLSmooth 2014-08-26T02:28:44Z jQuery プラグイン javascript webデザイン lightbox <blockquote cite="https://phpspot.org/blog/archives/2014/08/lightboxrebox.html" title="レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2014%2F08%2Flightboxrebox.html" alt="" /> <a href="https://phpspot.org/blog/archives/2014/08/lightboxrebox.html">レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2014/08/lightboxrebox.html"><img src="" alt="レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌" title="レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌" class="entry-image" /></a></p><p>Rebox - jQuery or Zepto tiny small simple responsive lightbox レスポンシブで軽量なLightBox実装「Rebox」 画像のズームとギャラリー機能付きでレスポンシブなプラグインを選ぶ際の１選択肢として覚えておいてもよいかも。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 フ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/08/lightboxrebox.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2014/08/lightboxrebox.html" alt="はてなブックマーク - レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌" title="はてなブックマーク - レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/08/lightboxrebox.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 38 https://design-develop.net/wordpress/plugin/14-free-frontend-jquery-plugins.html CLSmooth 2014-08-24T08:17:29Z jQuery プラグイン テクノロジー <blockquote cite="https://design-develop.net/wordpress/plugin/14-free-frontend-jquery-plugins.html" title="魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdesign-develop.net%2Fwordpress%2Fplugin%2F14-free-frontend-jquery-plugins.html" alt="" /> <a href="https://design-develop.net/wordpress/plugin/14-free-frontend-jquery-plugins.html">魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」</a></cite><p><a href="https://design-develop.net/wordpress/plugin/14-free-frontend-jquery-plugins.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ca6b249c17496f31a97cdbed8fc9ae77cb568837/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2014%2F08%2Fjquery1408_1.jpg" alt="魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」" title="魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」" class="entry-image" /></a></p><p>TOP  &gt;  plugin  &gt;  魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」 webサイトを構築する際に、印象的に、サイトを魅力的に見せてくれるjQueryは非常に便利なツール。よく利用されている方はとても多いのではないでしょうか？今回はそんなjQueryプラグインをフリーで使用で...</p><p><a href="https://b.hatena.ne.jp/entry/s/design-develop.net/wordpress/plugin/14-free-frontend-jquery-plugins.html"><img src="https://b.hatena.ne.jp/entry/image/https://design-develop.net/wordpress/plugin/14-free-frontend-jquery-plugins.html" alt="はてなブックマーク - 魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」" title="はてなブックマーク - 魅力ある動きを可能にしてくれる フリーjQueryプラグイン「14 Free Frontend jQuery Plugins」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/design-develop.net/wordpress/plugin/14-free-frontend-jquery-plugins.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 145