備忘録

Nuxtでカスタムディレクティブに動的引数を渡す。

下記の質問「Nuxtでカスタムディレクティブの引数にオブジェクトのvalueを渡したいがプロパティ名が渡ってしまう。」件について回答をいただきました。 wtokunoさんありがとうございます。 結論 vueのversion2.6.0以降...
備忘録

カスタムスクロールディレクティブの作成

スクロールイベントと連動して要素が出現する ローカルディレクティブに登録して、ローカルに使用する場合 pluginsディレクトリに登録し、グローバルに使用する場合 参考 カスタムスクロールディレクティブの作成 サンプルページ...
備忘録

ボタンを押すと出現するサイドバー

CSSトランジションを使う 参考 Enter/Leave とトランジション一覧 サンプルページ
備忘録

$route.pathで現在ページのURLを取得する

this.$route.pathで現在のURLのパスを取得することができる。 例えば、以下ではURLのパスごとにヘッダーのテキストを切り替えている 上記コードのサンプルページ
備忘録

1行に入らない文字列を三点リーダで省略表示する

備忘録

nuxtでパラメータ1つのアニメーション付き円グラフ描いてみた

結論 SVGの「stroke-dasharray」属性を利用する。 setIntervalでstroke-dasharrayの値を変化させる 「stroke-dasharray」は円周長なので、直径x円周率xパーセンテージ/100...
備忘録

nuxtでトグルボタン作ってみた

vue-js-toggle-buttonのコードを写経しただけです。 herokuにあげています herokuサンプルページ
備忘録

wordpressでmarkdownを使用する

プラグイン「WP-Markdown」と「PS Disable Auto Formatting」を入れて有効化する 「PS Disable Auto Formatting」は、Wpの自動整形を無効化するプラグインなので入れなくても大丈夫です。...
備忘録

フッターを簡単に最下部に固定する方法

white-space: pre-wrap;
備忘録

リモートのファイルをvscodeで編集する方法

ローカルでsshのconfig設定をする 「~/.ssh/config」ファイルを作成 Host hoge // 何でもいい。hogeとした場合は、$ssh hogeで接続できるようになる HostName sv○○.xserv...
タイトルとURLをコピーしました