2020-04-01から1ヶ月間の記事一覧

b-form-groupのlabelにhtmlを使用する

b-form-groupのlabelはXSS対策でhtmlをエスケープするため効かない。 改行や空白文字などでhtmlを効かせたいなら、slotを使用する。 <b-form-group > <template slot="label">&nbsp;Username</template> <b-form-input v-model="username" type="text"></b-form-input> </b-form-group> https://github.com/bootstrap-vue/bootstrap-vue/issues/2811

Vue.jsで親コンポーネントから子コンポーネントの要素にスタイルを適用させる方法と注意点

親コンポーネントから子コンポーネントの要素にスタイルを適用させる方法 ディープセレクタ>>>を使用する <style scoped> .a >>> .b { /* ... */ } </style>` 注意 Sassなどでは上記のディープセレクタが効かない場合がある。 その場合は/deep/か::v-deepを使う。 参考 vue-loader.…

JavaScriptのNumber() 関数で文字列やnullを数値に変換した結果

JavaScriptのNumber() 関数とは プリミティブ型オブジェクトのNumberを生成する 変換した結果 console.log(Number('123')) // 123 console.log(Number('12.3')) // 12.3 console.log(Number('12.00')) // 12 console.log(Number('123e-1')) // 12.3 console.…

php.iniのファイルパスを調べる方法

PHP

echo phpinfo(); 参考: qiita.com

Google Apps Script(GAS)のV8 runtimeでES5に対応

2020年2月5日からV8 runtimeでES5に対応したようです。 これにより、letやconst, テンプレート構文が使えるようになったようです。 2020年4月現在は、GASではテンプレート構文が使えないという古い情報ばかり検索で出ますが、現在は使えます。 developers.go…

Google Apps Script(GAS)で文字列を区切って配列に格納する

一つのセル内に、カンマ区切りや改行で複数のデータが入っているときに有用かと思います。 let array = 文字列.split(区切り文字); // 例えば改行なら区切り文字は '\n' // 文字列は取得したセルの文字列等 splitメソッドはJavaScriptのsplitメソッドです。 …

Chromeでオートコンプリートのとき、背景色を変更させない

Chromeが勝手に背景色を付与するので困った時のメモ。 そもそもオートコンプリートで勝手に背景色が付くことを知らなかった。 以下のリンクを参考にCSSを上書きした。 qiita.com オートコンプリート無効化の方法 ちなみにブラウザのオートコンプリート機能自…

insert文のvaluesで副問い合わせを使う書き方メモ

SQL

テーブル名などは適当です。 このSQLの場合、anyというカラムにvaluesにある副問い合わせの結果がinsertされます。 insert into table1( any ) values ( ( select id from table2 where id = 5 ) );