https://b.hatena.ne.jp/kamiokando/javascript/ javascriptに関するkamiokandoのはてなブックマーク (12) https://js.studio-kingdom.com/angularjs/ kamiokando 2015-05-18T05:54:44Z JavaScript angular.js 464 <blockquote cite="https://js.studio-kingdom.com/angularjs/" title="AngularJS 1.2 日本語リファレンス | js STUDIO"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjs.studio-kingdom.com%2Fangularjs%2F" alt="" /> <a href="https://js.studio-kingdom.com/angularjs/">AngularJS 1.2 日本語リファレンス | js STUDIO</a></cite><p><a href="https://js.studio-kingdom.com/angularjs/"><img src="" alt="AngularJS 1.2 日本語リファレンス | js STUDIO" title="AngularJS 1.2 日本語リファレンス | js STUDIO" class="entry-image" /></a></p><p>AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サ...</p><p><a href="https://b.hatena.ne.jp/entry/s/js.studio-kingdom.com/angularjs/"><img src="https://b.hatena.ne.jp/entry/image/https://js.studio-kingdom.com/angularjs/" alt="はてなブックマーク - AngularJS 1.2 日本語リファレンス | js STUDIO" title="はてなブックマーク - AngularJS 1.2 日本語リファレンス | js STUDIO" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/js.studio-kingdom.com/angularjs/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://parashuto.com/rriver/development/page-speed-optimization kamiokando 2015-05-06T00:57:59Z CSS javascript html web制作 877 <blockquote cite="https://parashuto.com/rriver/development/page-speed-optimization" title="デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fparashuto.com%2Frriver%2Fdevelopment%2Fpage-speed-optimization" alt="" /> <a href="https://parashuto.com/rriver/development/page-speed-optimization">デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本</a></cite><p><a href="https://parashuto.com/rriver/development/page-speed-optimization"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b158481a0533dc12bf5d9464cdf53973a1074c25/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fparashuto.com%2Frriver%2Fwp%2Fwp-content%2Fuploads%2F2015%2F05%2Fload-faster.jpg" alt="デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本" title="デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本" class="entry-image" /></a></p><p>スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の...</p><p><a href="https://b.hatena.ne.jp/entry/s/parashuto.com/rriver/development/page-speed-optimization"><img src="https://b.hatena.ne.jp/entry/image/https://parashuto.com/rriver/development/page-speed-optimization" alt="はてなブックマーク - デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本" title="はてなブックマーク - デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/parashuto.com/rriver/development/page-speed-optimization"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://webllica.com/jquery-innerhtml-edit-get-add-del/ kamiokando 2015-03-11T12:54:03Z jQuery JavaScript 20 <blockquote cite="https://webllica.com/jquery-innerhtml-edit-get-add-del/" title="jQuery で innerHTML の書き換え／取得／追記／削除を行う方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebllica.com%2Fjquery-innerhtml-edit-get-add-del%2F" alt="" /> <a href="https://webllica.com/jquery-innerhtml-edit-get-add-del/">jQuery で innerHTML の書き換え／取得／追記／削除を行う方法</a></cite><p><a href="https://webllica.com/jquery-innerhtml-edit-get-add-del/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/bb0d22fa08f9ed7e8973e21046d0c82ee4992329/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebllica.com%2Fwp-content%2Fuploads%2Fjquery-innerhtml-edit-get-add-del00.png" alt="jQuery で innerHTML の書き換え／取得／追記／削除を行う方法" title="jQuery で innerHTML の書き換え／取得／追記／削除を行う方法" class="entry-image" /></a></p><p>&lt;div&gt; タグの内容を編集したい！ &lt;span&gt; タグの内容を編集したい！ そんな時 JavaScript では innerHTML のプロパティを利用します。指定した要素の中身を取得、書き換え、そして削除が行えます。これを jQuery で実装する場合 .html() を利用します。しかし innerHTML の処理を全て .html() に置き換えるのはおすすめで...</p><p><a href="https://b.hatena.ne.jp/entry/s/webllica.com/jquery-innerhtml-edit-get-add-del/"><img src="https://b.hatena.ne.jp/entry/image/https://webllica.com/jquery-innerhtml-edit-get-add-del/" alt="はてなブックマーク - jQuery で innerHTML の書き換え／取得／追記／削除を行う方法" title="はてなブックマーク - jQuery で innerHTML の書き換え／取得／追記／削除を行う方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webllica.com/jquery-innerhtml-edit-get-add-del/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://atmarkit.itmedia.co.jp/ait/subtop/features/dotnet/jqueryref_index.html kamiokando 2015-03-05T12:23:07Z jQuery リファレンス JavaScript Programming 41 <blockquote cite="https://atmarkit.itmedia.co.jp/ait/subtop/features/dotnet/jqueryref_index.html" title="jQuery逆引きリファレンス - ＠IT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Fsubtop%2Ffeatures%2Fdotnet%2Fjqueryref_index.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/subtop/features/dotnet/jqueryref_index.html">jQuery逆引きリファレンス - ＠IT</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/subtop/features/dotnet/jqueryref_index.html"><img src="" alt="jQuery逆引きリファレンス - ＠IT" title="jQuery逆引きリファレンス - ＠IT" class="entry-image" /></a></p><p>children([exp])、next([exp])、nextAll([exp])、parent([exp])、parents([exp])、prev([exp])、prevAll([exp])、siblings([exp])</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/subtop/features/dotnet/jqueryref_index.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/subtop/features/dotnet/jqueryref_index.html" alt="はてなブックマーク - jQuery逆引きリファレンス - ＠IT" title="はてなブックマーク - jQuery逆引きリファレンス - ＠IT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/subtop/features/dotnet/jqueryref_index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.idangero.us/swiper/ kamiokando 2015-03-02T12:40:23Z jQuery JavaScript 79 <blockquote cite="https://www.idangero.us/swiper/" title="Swiper - Most Modern Mobile Touch Slider"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.idangero.us%2Fswiper%2F" alt="" /> <a href="https://www.idangero.us/swiper/">Swiper - Most Modern Mobile Touch Slider</a></cite><p><a href="https://www.idangero.us/swiper/"><img src="" alt="Swiper - Most Modern Mobile Touch Slider" title="Swiper - Most Modern Mobile Touch Slider" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.idangero.us/swiper/"><img src="https://b.hatena.ne.jp/entry/image/https://www.idangero.us/swiper/" alt="はてなブックマーク - Swiper - Most Modern Mobile Touch Slider" title="はてなブックマーク - Swiper - Most Modern Mobile Touch Slider" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.idangero.us/swiper/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://sbstjn.github.io/timesheet.js/ kamiokando 2015-03-01T15:07:07Z HTML5 javascript 279 <blockquote cite="http://sbstjn.github.io/timesheet.js/" title="Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsbstjn.github.io%2Ftimesheet.js%2F" alt="" /> <a href="http://sbstjn.github.io/timesheet.js/">Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …</a></cite><p><a href="http://sbstjn.github.io/timesheet.js/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6302ad3e35c3ae5b87f27cd7b908d2e6165ff98a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fraw.githubusercontent.com%2Fsbstjn%2Ftimesheet.js%2Fmaster%2Fscreen.png" alt="Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …" title="Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …" class="entry-image" /></a></p><p>Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just ...</p><p><a href="https://b.hatena.ne.jp/entry/sbstjn.github.io/timesheet.js/"><img src="https://b.hatena.ne.jp/entry/image/http://sbstjn.github.io/timesheet.js/" alt="はてなブックマーク - Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …" title="はてなブックマーク - Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/sbstjn.github.io/timesheet.js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://components.onsen.io/ kamiokando 2015-02-23T01:53:02Z onsen-ui JavaScript 21 <blockquote cite="http://components.onsen.io/" title="http://components.onsen.io/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcomponents.onsen.io%2F" alt="" /> <a href="http://components.onsen.io/">http://components.onsen.io/</a></cite><p><a href="http://components.onsen.io/"><img src="" alt="http://components.onsen.io/" title="http://components.onsen.io/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/components.onsen.io/"><img src="https://b.hatena.ne.jp/entry/image/http://components.onsen.io/" alt="はてなブックマーク - http://components.onsen.io/" title="はてなブックマーク - http://components.onsen.io/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/components.onsen.io/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.lifehacker.jp/article/150222transformicons/ kamiokando 2015-02-22T06:46:22Z webデザイン CSS アイコン ボタン javascript webサービス 58 <blockquote cite="https://www.lifehacker.jp/article/150222transformicons/" title="動きのあるボタンが生成できるジェネレーター「Transformicons」 | ライフハッカー・ジャパン"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.lifehacker.jp%2Farticle%2F150222transformicons%2F" alt="" /> <a href="https://www.lifehacker.jp/article/150222transformicons/">動きのあるボタンが生成できるジェネレーター「Transformicons」 | ライフハッカー・ジャパン</a></cite><p><a href="https://www.lifehacker.jp/article/150222transformicons/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b6c2d58cc9b1827e73257ae6c7dd269ba58114f3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2015%2F02%2F150214_tr.jpg%3Fw%3D1200%26h%3D630%26f%3Djpg" alt="動きのあるボタンが生成できるジェネレーター「Transformicons」 | ライフハッカー・ジャパン" title="動きのあるボタンが生成できるジェネレーター「Transformicons」 | ライフハッカー・ジャパン" class="entry-image" /></a></p><p>「Transformicons」は動きのあるボタンが生成できるジェネレータです。クリックするとメニューの三本線が×印になったり、ちょっとした細かい動作をもつアイコンが作れます。アイコンはCSS/SassおよびJavaScriptで生成されますよ。 以下に使ってみた様子を載せておきます。まずTransformiconsへアクセスしましょう。トッ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.lifehacker.jp/article/150222transformicons/"><img src="https://b.hatena.ne.jp/entry/image/https://www.lifehacker.jp/article/150222transformicons/" alt="はてなブックマーク - 動きのあるボタンが生成できるジェネレーター「Transformicons」 | ライフハッカー・ジャパン" title="はてなブックマーク - 動きのあるボタンが生成できるジェネレーター「Transformicons」 | ライフハッカー・ジャパン" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.lifehacker.jp/article/150222transformicons/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://mitsuruog.github.io/javacript-style-guide/ kamiokando 2015-02-20T22:00:00Z javascript プログラミング 223 <blockquote cite="http://mitsuruog.github.io/javacript-style-guide/" title="redirect to javascript-style-guide"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmitsuruog.github.io%2Fjavacript-style-guide%2F" alt="" /> <a href="http://mitsuruog.github.io/javacript-style-guide/">redirect to javascript-style-guide</a></cite><p><a href="http://mitsuruog.github.io/javacript-style-guide/"><img src="" alt="redirect to javascript-style-guide" title="redirect to javascript-style-guide" class="entry-image" /></a></p><p>■□■リダイレクトしています。■□■ しばらくしても移動しない場合はこちらをクリックしてください。</p><p><a href="https://b.hatena.ne.jp/entry/mitsuruog.github.io/javacript-style-guide/"><img src="https://b.hatena.ne.jp/entry/image/http://mitsuruog.github.io/javacript-style-guide/" alt="はてなブックマーク - redirect to javascript-style-guide" title="はてなブックマーク - redirect to javascript-style-guide" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/mitsuruog.github.io/javacript-style-guide/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://cou929.nu/data/google_javascript_style_guide/ kamiokando 2015-02-20T21:58:22Z javascript 開発 プログラミング 1554 <blockquote cite="https://cou929.nu/data/google_javascript_style_guide/" title="Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcou929.nu%2Fdata%2Fgoogle_javascript_style_guide%2F" alt="" /> <a href="https://cou929.nu/data/google_javascript_style_guide/">Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation</a></cite><p><a href="https://cou929.nu/data/google_javascript_style_guide/"><img src="" alt="Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation" title="Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation" class="entry-image" /></a></p><p>この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは...</p><p><a href="https://b.hatena.ne.jp/entry/s/cou929.nu/data/google_javascript_style_guide/"><img src="https://b.hatena.ne.jp/entry/image/https://cou929.nu/data/google_javascript_style_guide/" alt="はてなブックマーク - Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation" title="はてなブックマーク - Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/cou929.nu/data/google_javascript_style_guide/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://prettydiff.com/?m=beautify kamiokando 2015-02-18T13:55:22Z javascript webサービス 19 <blockquote cite="https://prettydiff.com/?m=beautify" title="Pretty Diff - The difference tool"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fprettydiff.com%2F%3Fm%3Dbeautify" alt="" /> <a href="https://prettydiff.com/?m=beautify">Pretty Diff - The difference tool</a></cite><p><a href="https://prettydiff.com/?m=beautify"><img src="" alt="Pretty Diff - The difference tool" title="Pretty Diff - The difference tool" class="entry-image" /></a></p><p>☰Application Menu ⛶Toggle Fullscreen Pretty Diff - Austin Cheney Access the old Pretty Diff tool. Written 12 August 2023 I lived in Afghanistan for nearly 2 years for two separate US Army deployments. I write this just over 14 years after first stepping foot in Afghanistan. Travel Living and Wait...</p><p><a href="https://b.hatena.ne.jp/entry/s/prettydiff.com/?m=beautify"><img src="https://b.hatena.ne.jp/entry/image/https://prettydiff.com/?m=beautify" alt="はてなブックマーク - Pretty Diff - The difference tool" title="はてなブックマーク - Pretty Diff - The difference tool" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/prettydiff.com/?m=beautify"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kitsune-no-shippo.com/code/jquery-tubular/ kamiokando 2014-06-09T10:30:56Z jQuery javascript フルスクリーン 17 <blockquote cite="https://kitsune-no-shippo.com/code/jquery-tubular/" title="YouTubeを背景動画にしてフルスクリーンで流すjQueryプラグイン「Tubular」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkitsune-no-shippo.com%2Fcode%2Fjquery-tubular%2F" alt="" /> <a href="https://kitsune-no-shippo.com/code/jquery-tubular/">YouTubeを背景動画にしてフルスクリーンで流すjQueryプラグイン「Tubular」</a></cite><p><a href="https://kitsune-no-shippo.com/code/jquery-tubular/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0527ee06df35341ab224d4edf4c6e143b8765c4c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fkitsune-no-shippo.com%2Fwp-content%2Fuploads%2F2019%2F10%2Fblur-boy-child-821948.jpg" alt="YouTubeを背景動画にしてフルスクリーンで流すjQueryプラグイン「Tubular」" title="YouTubeを背景動画にしてフルスクリーンで流すjQueryプラグイン「Tubular」" class="entry-image" /></a></p><p>Webサイトのページ背景に動画を流して、お洒落に演出したい方にオススメなのがこの「Tubular」というjQueryプラグイン。 YouTube動画をWebサイトの背景としてフルスクリーンで流すことができます。 Youtubeを利用しているので、表示も軽くて快適です。 設定も簡単です。サンプルを作ってみました。 ※ iPhoneのSafariでは...</p><p><a href="https://b.hatena.ne.jp/entry/s/kitsune-no-shippo.com/code/jquery-tubular/"><img src="https://b.hatena.ne.jp/entry/image/https://kitsune-no-shippo.com/code/jquery-tubular/" alt="はてなブックマーク - YouTubeを背景動画にしてフルスクリーンで流すjQueryプラグイン「Tubular」" title="はてなブックマーク - YouTubeを背景動画にしてフルスクリーンで流すjQueryプラグイン「Tubular」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kitsune-no-shippo.com/code/jquery-tubular/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>