rails6 Controllerでデバックする
- 2021.01.22
- Rails6
rails6でControllerでデバックするまでの手順を記述してます。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-g62d77 […]
2021年
CSS Duotone Generatorの使い方
「Duotone」は「Duo(2つの)」＋「tone(色)」をあわせた言葉で、ベースとなるミドルトーンとハイライトカラーの2色で描かれた画像のこと。数年前から流行っていますが、最近ではデザインとして定着しています。そんなDuotoneカラーを画面を見ながら選択して最後にCSSを書き出してくれる「CS […]
React.js ライブラリ「react-modern-drawer」を使ってナビゲーション・ドロワーを使用する
- 2021.01.21
- React.js
ライブラリ「react-modern-drawer」をインストールすると、ナビゲーション・ドロワーを使用することが可能です。ここでは、react.jsでreact-modern-drawerを利用するための手順と簡単な使い方を記述してます。 環境 OS CentOS Stream rel […]
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 103.0.5060.134 Javascript サンプル […]
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オブジェクトの数を取得するサンプルコードを記述してます。ここではHTTP クライアントライブラリの「axios」を使ってjsonデータを取得してます。 環境 Javascript サンプル集はこちら Object.keys使い方 「O […]
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 […]