JavaScript | increment Log https://increment-log.com 色々勉強中の人間が色々書いてるブログです Fri, 25 Oct 2019 15:37:08 +0000 ja hourly 1 https://wordpress.org/?v=6.7.4 https://i0.wp.com/increment-log.com/wp-content/uploads/2019/10/increment-log-logo_512.png?fit=32%2C32&ssl=1 JavaScript | increment Log https://increment-log.com 32 32 66181059 [Nuxt.js]現在のページ名（ビューファイル名）を取得する https://increment-log.com/nuxt-js-get-current-page-name/ https://increment-log.com/nuxt-js-get-current-page-name/#respond Fri, 25 Oct 2019 15:29:52 +0000 https://increment-log.com/?p=14642 ページ遷移時のアニメーションやページ専用の処理をしたいとき、現在表示しているページ名（ビューファイル名）を取得したい場合があると思います。 このページ名の取得方法について記します。 $routeオブジェクトのname変数 […]

The post [Nuxt.js]現在のページ名（ビューファイル名）を取得する first appeared on increment Log.]]> https://increment-log.com/nuxt-js-get-current-page-name/feed/ 0 14642 [Vue.js]Scoped設定のSassで外部コンポーネントをスタイリングする https://increment-log.com/vue-scoped-sass-deep-selector/ https://increment-log.com/vue-scoped-sass-deep-selector/#respond Thu, 16 May 2019 04:03:12 +0000 https://increment-log.com/?p=8210 Vue.jsで外部コンポーネントにCSSを割り当てたいときがあると思います。大体は親コンポーネントから子コンポーネントへの干渉ではないでしょうか。 そんなときはディープセレクタを使用します。以下は「ChildCompon […]

The post [Vue.js]Scoped設定のSassで外部コンポーネントをスタイリングする first appeared on increment Log.]]> https://increment-log.com/vue-scoped-sass-deep-selector/feed/ 0 8210 [Vue]Vuexのstoreオプションを使う場合は必ずuseの指定が必要 https://increment-log.com/vuex-store-option-use/ https://increment-log.com/vuex-store-option-use/#respond Thu, 23 Nov 2017 02:36:11 +0000 https://increment-log.com/?p=3943 タイトルで終わってしまう内容ですが、勉強中なのでメモ。 Vueの単一ファイルコンポーネントでVuexを参照する場合はルートコンポーネントにstoreオプションを指定します。 このオプションを指定する場合は、エントリーポイ […]

The post [Vue]Vuexのstoreオプションを使う場合は必ずuseの指定が必要 first appeared on increment Log.]]> https://increment-log.com/vuex-store-option-use/feed/ 0 3943 IEも対応！指定した要素を印刷するjQueryプラグイン「printThis」 https://increment-log.com/jquery-print-this/ https://increment-log.com/jquery-print-this/#respond Mon, 21 Dec 2015 16:12:21 +0000 https://increment-log.com/?p=3537 特定の要素のみを印刷したい。そんな願いを叶える魔法のjQueryプラグインを発見しました。 その名も「printThis」。IEも7、8、9、10、11まで問題なく動き、使い方も簡単です。 printThisの使い方と対 […]

The post IEも対応！指定した要素を印刷するjQueryプラグイン「printThis」 first appeared on increment Log.]]> https://increment-log.com/jquery-print-this/feed/ 0 3537 またもやIEのみで。オーディオプレイヤーでmp3ファイルが再生できない原因がコーデックだった話 https://increment-log.com/audio-mp3-ie-error/ https://increment-log.com/audio-mp3-ie-error/#respond Fri, 05 Dec 2014 12:03:44 +0000 https://increment-log.com/?p=3158 HTML5のaudioタグをそのままオーディオプレイヤーにするライブラリ「audio.js」を使ってハマった話です。 mp3ファイルを再生するよう実装して各ブラウザで確認したところInternet Explor […]

The post またもやIEのみで。オーディオプレイヤーでmp3ファイルが再生できない原因がコーデックだった話 first appeared on increment Log.]]> https://increment-log.com/audio-mp3-ie-error/feed/ 0 3158 CSS3のアニメーションで動くドロワーをプラグイン無しで実装してみる https://increment-log.com/css-transition-drawer/ https://increment-log.com/css-transition-drawer/#respond Thu, 02 Oct 2014 14:00:51 +0000 https://increment-log.com/?p=2846 スマホサイトやアプリでよく見るUIのドロワーを実装したい。しかしjQueryのメソッドで動かせばスマホでの挙動が重いので、CSS3のアニメーションで実装してみます。ドロワーを実装する方法は他にも色々あると思いますが、その […]

The post CSS3のアニメーションで動くドロワーをプラグイン無しで実装してみる first appeared on increment Log.]]> https://increment-log.com/css-transition-drawer/feed/ 0 2846 jQueryのnot()メソッドで複数の要素を指定しフィルタする方法 https://increment-log.com/jquery-not-filter/ https://increment-log.com/jquery-not-filter/#respond Wed, 04 Jun 2014 14:30:25 +0000 https://increment-log.com/?p=2320 jQueryのnot()メソッドで特定の要素をフィルタできるのですが、これの複数指定について。

実は僕、今まで以下のようにnot()メソッドを何回も繋げて複数の要素をフィルタしていました。

The post jQueryのnot()メソッドで複数の要素を指定しフィルタする方法 first appeared on increment Log.]]> https://increment-log.com/jquery-not-filter/feed/ 0 2320 jQueryのslideDown、slideUpのアニメーションがおかしくなるバグ https://increment-log.com/jquery-slidedown-slideup/ https://increment-log.com/jquery-slidedown-slideup/#respond Fri, 30 May 2014 14:11:04 +0000 https://increment-log.com/?p=2260 jQueryでプルダウンメニューを実装したときの話です。 プルダウンメニューにjQueryのslideDownとslideUpでプルダウンメニューを作成し、マウスを載せてホバー状態にさせてみると挙動がおかしい。アニメーシ […]

The post jQueryのslideDown、slideUpのアニメーションがおかしくなるバグ first appeared on increment Log.]]> https://increment-log.com/jquery-slidedown-slideup/feed/ 0 2260 イケてる！レスポンシブ、タッチフレンドリーのライトボックス系jQueryプラグイン「Image Lightbox」 https://increment-log.com/responsive-image-lightbox/ https://increment-log.com/responsive-image-lightbox/#respond Wed, 14 May 2014 15:55:17 +0000 https://increment-log.com/?p=2082 シンプルでイケてるjQueryを使ったライトボックス系のプラグインをご紹介します。あと、公式ページの説明では動かなかったので自分が実装したときのソースコードを書いておきます。 ちなみに前回記事にしたツールチップのプラグイ […]

The post イケてる！レスポンシブ、タッチフレンドリーのライトボックス系jQueryプラグイン「Image Lightbox」 first appeared on increment Log.]]> https://increment-log.com/responsive-image-lightbox/feed/ 0 2082 レスポンシブWebデザインに対応のツールチップ用jQueryプラグインが良い感じ https://increment-log.com/tooltip-responsive-jquery/ https://increment-log.com/tooltip-responsive-jquery/#respond Sun, 11 May 2014 06:21:07 +0000 https://increment-log.com/?p=2052 パンくずナビゲーションや文字表示の無いアイコンボタンにはツールチップを使ったほうがユーザビリティが上がると思い、実装してみることにしました。 探すと色々出てくる中、レスポンシブに対応したツールチップ用のjQueryプラグ […]

The post レスポンシブWebデザインに対応のツールチップ用jQueryプラグインが良い感じ first appeared on increment Log.]]> https://increment-log.com/tooltip-responsive-jquery/feed/ 0 2052