go言語 ライブラリ「svgo」を使用してSVGを描画する
- 2020.03.17
- svgo
go言語のライブラリである「svgo」を使用するとSVGの描画が簡単にできます。ここでは、 svgoの利用手順と簡単な使い方を記述します。 環境 svgoインストール 下記のコマンドでインストールします。 svgo使い方 円を描画してみます。 test.goというファイル名で、下記の通りに編集します […]
2020年
Vue.js ギャラリービューを簡単に実装できる「vue-previewer」の簡単な使い方
- 2020.03.17
- vue-previewer, Vue.js
vue.jsのライブラリで、ギャラリービューをすぐ実装できる「vue-previewer」の導入手順と簡単な使い方 環境 OS CentOS 8.0.1905 (Core) node v12.13.1 npm 6.13.2 @vue/cli 4.1.1 ※CentOS8にVue […]
React.js ライブラリ「react-textarea-autosize」を使用してtextareaを自動で調整する
- 2020.03.17
- react-textarea-autosize, React.js, ライブラリ
ライブラリ「react-textarea-autosize」をインストールすると、textareaを自動で調整してくれます。ここでは、react.jsで react-textarea-autosizeを利用するための手順と簡単な使い方を記述してます。 環境 OS CentOS Linux […]
Ubuntu20.04でDockerを使ってをサーバー監視ツール「librenms」構築する
- 2020.03.17
- docker, librenms, Ubuntu20.04
サーバー監視ツール「librenms」をdockerを利用して構築する手順です。dockerを利用すれば、比較的簡単に構築可能です。 環境 OS ubuntu 20.04 docker 19.03.8 docker compose 1.25.4 ※Ubuntu20.04にdockerのインストールは […]
Ubuntu20.04に最新のdocker composeをインストールする
- 2020.03.17
- docker compose, Ubuntu20.04, インストール, 最新
ubuntu20.04に最新のdocker composeのインストール手順です。現段階での最新バージョンは1.25.4となります。 環境 ・OS ubuntu 20.04 ※Ubuntu20.04にdockerのインストールはこちら docker composeインストール こちらのサイトより最新 […]
windows10 範囲を指定してスクリーンショットを撮るショートカットキー
- 2020.03.17
- スクリーンショット
windows10には、範囲を指定してスクリーンショットを撮るショートカットがあることを知らなかったので、記述しておきます。 環境 OS windows10 pro ショートカットキー 「 Windowsキー」＋「Shiftキー」＋「Sキー」 の同時押しで可能 使い方も簡単で、 「 Windowsキ […]
Ubuntu20.04 chromeをインストールする
- 2020.03.16
- chrome, Ubuntu20.04
ubuntu20.04にchromeのインストール手順です。ここでは、WEBからダウンロードしてインストールしてます。 環境 ・OS ubuntu 20.04 chromeダウンロード こちらのサイトにアクセスしてダウンロードします。 「Chromeをダウンロード」をクリックしてダウンロードを開始し […]
Ubuntu20.04にdockerをインストールする
- 2020.03.16
- docker, Ubuntu20.04, インストール
ubuntu20.04にdockerのインストール手順です。自分の知っている19系と手順が異なったので、記載しておきます。 環境 ・OS ubuntu 20.04 dockerインストール aptコマンドでdocker.ioパッケージをインストールします。 バージョンを確認します。 自動起動を有効に […]
Nuxt.js vue-clockを使用してデジタル時計を実装する
ライブラリ「vue-clock」をインストールすると、ちょっとしたデジタル時計を実装することできます。ここでは、nuxt.jsで vue-clock を利用するための手順と簡単な使い方を記述してます。 環境 OS ubuntu19.10 node v12.13.0 npm&nb […]
React.js ライブラリ「react-images」を使用してカルーセル(carousel)を実装する
- 2020.03.16
- react-images, React.js, ライブラリ, 使い方
ライブラリ「react-images」をインストールすると、カルーセル(carousel)の実装が簡単に可能です。ここでは、react.jsで react-imagesを利用するための手順と簡単な使い方を記述してます。 環境 OS CentOS Linux release 8.0.190 […]