備忘録 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 下か...
備忘録 Nuxt.jsでPugを使用する
pug-plain-loaderをインストールする
$ npm install --save-dev pug@2.0.3 pug-plain-loader coffeescript coffee-loader node-sass sass-...
備忘録 【Nuxt,js】slotで共通コンポーネントを作る
前回の記事で使用したダイアログコンポーネントで簡単に説明します。
▼親テンプレート(dialogコンポーネント：Dialog)
<template lang="pug">
CommonDialog(v-if="active" ...
備忘録 【Nuxt,js/Vue.js】確認ダイアログコンポーネントで$emitの挙動を学ぶ
結論
$emitは子コンポーネントから親コンポーネントにイベントを送るときに使用する
実際にNuxt.jsで$emitを使用して確認ダイアログを作成してみる
▼親コンポーネント
pages/sample/dialog.vueに子である...