javascript JSONオブジェクトの数を取得する
- 2021.01.21
- javascript
javascriptで、Object.keysを使用して、JSONオブジェクトの数を取得するサンプルコードを記述してます。ここではHTTP クライアントライブラリの「axios」を使ってjsonデータを取得してます。 環境 Javascript サンプル集はこちら Object.keys使い方 「O […]
2021年1月
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を使うまでの手順を記述してます。Railsのバージョンは6.1.1を使用してます。 環境 OS CentOS Linux release 7.9.2009 (Core) Ruby 2.7.2 Rails 6.1.1 rbenv 1.1.2-40-g62d779 […]
javascript ベンダープレフィック付きのCSSを変更する
- 2021.01.20
- javascript
javascriptで、styleメソッドをチェーンメソッドで使用して、ベンダープレフィック付きのCSSを変更するサンプルコードを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 103.0.5060.134 Javascript […]
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 […]
CSSだけでクリックイベントを実装する
- 2021.01.19
- CSS3
CSS3の「:checked」疑似クラスをinputタグに使うことで、JavaScriptを使わずにクリックイベントを実装します。今回はクリックで画像をグレースケールにするサンプルコードを記述しています。 環境 OS windows10 64bit chrome 86.0.4240.198 クリック […]
rails6 webpackerでmaterial-iconsを使う
- 2021.01.19
- Rails6
rails6でwebpackerでmaterial-iconsを使うまでの手順を記述してます。Railsのバージョンは6.1.1を使用してます。 環境 OS CentOS Linux release 7.9.2009 (Core) Ruby 2.7.2 Rails 6.1.1 rbenv 1.1.2 […]
javascript サロゲートペア文字を考慮してUnicodeコードポイントを取得
- 2021.01.19
- javascript
javascriptで、サロゲートペア文字を考慮してのUnicodeコードポイントを取得するサンプルコードを記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 103.0.5060.134 Javascript サンプル集はこちら […]