CSSでチェックボックスアニメーション
- 2020.12.23
- CSS
CSSだけでシンプルなアニメーションのチェックボックスを実装する簡単なサンプルコードを記述してます。 環境 OS windows10 64bit chrome 86.0.4240.198 サンプルコード label span:before, label span:after でチェックの形を生成して […]
2020年12月
Nuxt.js ライブラリ「vue-englishdatepicker」をインストールして日付ピッカーを実装する
- 2020.12.23
- nuxt.js
ライブラリ「vue-englishdatepicker」をインストールすると、日付ピッカーを実装することが可能です。ここでは、nuxt.jsでvue-englishdatepickerを利用するための手順と簡単な使い方を記述してます。 環境 OS CentOS Linux release […]
javascript querySelectorを使用して要素を取得する
- 2020.12.23
- javascript
javascriptで、セレクタ APIと呼ばれるAPIのメソッドであるquerySelectorを使用して、要素を取得するサンプルコードを掲載してます。ブラウザはchromeを使用しています。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome […]
python numpyで等差数列の配列を作成する
- 2020.12.23
- python
pythonで、ライブラリnumpyのarangeを使用して、等差数列の配列を作成するサンプルコードを記述してます。pythonのバージョンは3.8.5を使用してます。 環境 OS windows10 pro 64bit python 3.8.5 numpyインストール numpyをインストールされ […]
typescript タプルを使用する
- 2020.12.23
- TypeScript
typescriptで、タプルを使用するサンプルコード記述してます。タプル型は[string, number]の形で表します。typescriptのバージョンはVersion 4.1.2となります。 環境 OS windows10 64bit typescript Version 4.1.2 Typ […]
Ruby 配列同士を結合させる
- 2020.12.22
Rubyで、別の配列同士を結合させるサンプルコードを記述してます。rubyのバージョンは2.7.2を使用してます。 環境 OS windows10 pro 64bit ruby 2.7.2p137 配列結合 以下の構文で、別の配列同士を結合させることが可能です。 以下は、別の配列同士を結合して表示す […]
javascript htmlタグをhtml上で表示する
- 2020.12.22
- javascript
javascriptで、htmlタグをhtml上で表示するサンプルコードを掲載してます。ブラウザはchromeを使用しています。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 103.0.5060.134 Javascript サンプル集はこ […]
CSS3のみでモーダルを作成
- 2020.12.22
- CSS3
JavaScriptを使わずにCSSだけでモーダルウィンドウを実装する簡単なサンプルコードを記述してます。 環境 OS windows10 64bit chrome 86.0.4240.198 モーダルを作成 CSSの:target疑似クラスを使用して実装します。 サンプルコード 以下は実際に、モー […]
php 配列に値を挿入する
- 2020.12.22
- php
phpで、配列に値を挿入するサンプルコードを記述してます。phpのバージョンは8.0です。 環境 OS CentOS Linux release 8.0.1905 (Core) php 8.0.0 nginx 1.14.1 Centos8 php8.0をインストール CentOs8 Ng […]
All in One SEO4.0.8 キーワード(meta keyword)入力場所
- 2020.12.22
- WORDPRESS
wordpressで利用していたプラグインAll in One SEOをアップデートしたらキーワード(meta keyword)を入力する場所がわからなくなったので、記述してます。 環境 wordpress 5.6 All in One SEO 4.0.8 キーワード入力場所 以前の場所は、すぐに見 […]