[Nuxt.js]現在のページ名（ビューファイル名）を取得する
ページ遷移時のアニメーションやページ専用の処理をしたいとき、現在表示しているページ名（ビューファイル名）を取得したい場合があると思います。 このページ名の取得方法について記します。 $routeオブジェクトのname変数 […]
カテゴリー: JavaScript 記事一覧
[Vue.js]Scoped設定のSassで外部コンポーネントをスタイリングする
Vue.jsで外部コンポーネントにCSSを割り当てたいときがあると思います。大体は親コンポーネントから子コンポーネントへの干渉ではないでしょうか。 そんなときはディープセレクタを使用します。以下は「ChildCompon […]
[Vue]Vuexのstoreオプションを使う場合は必ずuseの指定が必要
タイトルで終わってしまう内容ですが、勉強中なのでメモ。 Vueの単一ファイルコンポーネントでVuexを参照する場合はルートコンポーネントにstoreオプションを指定します。 このオプションを指定する場合は、エントリーポイ […]
IEも対応！指定した要素を印刷するjQueryプラグイン「printThis」
特定の要素のみを印刷したい。そんな願いを叶える魔法のjQueryプラグインを発見しました。 その名も「printThis」。IEも7、8、9、10、11まで問題なく動き、使い方も簡単です。 printThisの使い方と対 […]
またもやIEのみで。オーディオプレイヤーでmp3ファイルが再生できない原因がコーデックだった話
HTML5のaudioタグをそのままオーディオプレイヤーにするライブラリ「audio.js」を使ってハマった話です。 mp3ファイルを再生するよう実装して各ブラウザで確認したところInternet Explor […]
CSS3のアニメーションで動くドロワーをプラグイン無しで実装してみる
スマホサイトやアプリでよく見るUIのドロワーを実装したい。しかしjQueryのメソッドで動かせばスマホでの挙動が重いので、CSS3のアニメーションで実装してみます。ドロワーを実装する方法は他にも色々あると思いますが、その […]
jQueryのnot()メソッドで複数の要素を指定しフィルタする方法
jQueryのnot()メソッドで特定の要素をフィルタできるのですが、これの複数指定について。
実は僕、今まで以下のようにnot()メソッドを何回も繋げて複数の要素をフィルタしていました。
jQueryのslideDown、slideUpのアニメーションがおかしくなるバグ
jQueryでプルダウンメニューを実装したときの話です。 プルダウンメニューにjQueryのslideDownとslideUpでプルダウンメニューを作成し、マウスを載せてホバー状態にさせてみると挙動がおかしい。アニメーシ […]
イケてる！レスポンシブ、タッチフレンドリーのライトボックス系jQueryプラグイン「Image Lightbox」
シンプルでイケてるjQueryを使ったライトボックス系のプラグインをご紹介します。あと、公式ページの説明では動かなかったので自分が実装したときのソースコードを書いておきます。 ちなみに前回記事にしたツールチップのプラグイ […]
レスポンシブWebデザインに対応のツールチップ用jQueryプラグインが良い感じ
パンくずナビゲーションや文字表示の無いアイコンボタンにはツールチップを使ったほうがユーザビリティが上がると思い、実装してみることにしました。 探すと色々出てくる中、レスポンシブに対応したツールチップ用のjQueryプラグ […]