Alpine.jsを使って棒グラフを作成する
- 2021.01.21
- Alpine.js
JavaScriptフレームワークの1つであるAlpine.jsを導入して、棒グラフを作成するサンプルコードを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 84.0.4147.105 Alpine.js 2.7.3 windo […]
javascript オブジェクトのプロパティの編集や追加をできないようにする
- 2021.01.21
- javascript
javascriptで、freezeを使用して、オブジェクトのプロパティの編集や追加をできないようにするサンプルコードを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 84.0.4147.105 windows10にApache […]
php 同じ値で配列を作成する
- 2021.01.21
- php
phpで、array_fillを使用して、同じ値で配列を作成するサンプルコードを記述してます。phpのバージョンは8.0です。 環境 OS CentOS Linux release 8.0.1905 (Core) php 8.0.0 nginx 1.14.1 Centos8 php8.0 […]
javascript JSONオブジェクトの数を取得する
- 2021.01.21
- javascript
javascriptで、Object.keysを使用して、JSONオブジェクトの数を取得するサンプルコードを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 84.0.4147.105 windows10にApacheのインストー […]
PostgreSQL カラム名を変更する
- 2021.01.21
- PostgreSQL
PostgreSQLでカラム名を変更する手順を記述してます。PostgreSQLのバージョンは13.1となります。 環境 OS ubuntu20.10 PostgreSQL 13.1 docker composeを使ってPostgreSQLを構築する カラム名を変更 ここでは、itemsテーブルのカ […]
CSS3でコンテンツを全画面表示
- 2021.01.20
- CSS3
CSSの単位Viewport(vw・vh)を使ってコンテンツをフルスクリーン（全画面）で表示しています。画像を背景に設定し、background-size: cover;に指定して、全画面に画像とテキストを表示するサンプルコードを記述しています。デモページはこちら 環境 OS window […]
php 複数の連想配列のキーのみの差分を取得する
- 2021.01.20
- php
phpで、array_diff_keyを使用して、複数の連想配列のキーのみの差分を取得するサンプルコードを記述してます。phpのバージョンは8.0です。 環境 OS CentOS Linux release 8.0.1905 (Core) php 8.0.0 nginx 1.14.1 C […]
rails6 webpackerでCSSを使う
- 2021.01.20
- Rails6
rails6でwebpackerでCSSを使うまでの手順を記述してます。redisのバージョンは6.0.10を使用してます。 環境 OS CentOS Linux release 7.9.2009 (Core) Ruby 2.7.2 Rails 6.1.1 rbenv 1.1.2-40-g62d77 […]
javascript ベンダープレフィック付きのCSSを変更する
- 2021.01.20
- javascript
javascriptで、styleメソッドをチェーンメソッドで使用して、ベンダープレフィック付きのCSSを変更するサンプルコードを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 84.0.4147.105 windows10にA […]
php 複数の連想配列の差分を取得する
- 2021.01.19
- php
phpで、array_diff_assocを使用して、複数の連想配列の差分を取得するサンプルコードを記述してます。phpのバージョンは8.0です。 環境 OS CentOS Linux release 8.0.1905 (Core) php 8.0.0 nginx 1.14.1 Cent […]