備忘録

備忘録

$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...
備忘録

LaravelのURLからpublicを消す簡単な方法

結論 よくあるのが、/public配下を配下に持ってきてindex.phpを修正する方法。 それよりも、laravelプロジェクトを公開したい場所とは別に置いて、/publicのシンボリックリンクをで作成して公開したいディレクトリにおけばい...
備忘録

xserverのcliで利用するPHPのバージョンを変更する

※ssh設定などの説明は省略します。 sshでxserverにログイン $ find /opt/php-*/bin -type f -name 'php' でphpのバージョンリストを検索 $mkdir $HOME/bin...
備忘録

よく使うflexboxチートシート

Flexコンテナ(親要素) flex-direction 子要素の並ぶ方向 row 左から右へ並ぶ(default) row-reverse 右から左へ並ぶ column 上から下へ並ぶ column-reverse 下か...
タイトルとURLをコピーしました