クラスを利用しないnoクラスのCSSフレームワーク「Water.css」を使用する手順
一般的なCSSフレームワークのようにクラスを指定して利用するのではなく、クラスを利用せずにスタイルを適応するnoクラスのCSSフレームワークWater.cssの簡単な使い方を記述してます。 環境 OS windows10 pro 64bit Apache 2.4.43 ※windows10にApac […]
2020年8月
vim 改行を表示する方法
- 2020.08.07
vimエディタ利用時に改行を表示する方法を記述してます。 環境 OS centos7.7.1908 改行表示 vimで改行を表示したい場合は、下記を実行すれば表示されます。 また、下記を実行することで非表示に戻ります。
React.js UIコンポーネント「Ant Design」をインストールして使用する
- 2020.08.07
- React.js
react.jsのUIコンポーネント「Ant Design」をインストールすると、UIの構築が簡単に実現することができます。ここでは、react.jsでAnt Designを利用するための手順と簡単な使い方を記述してます。 環境 OS CentOS Linux release 8.2.2 […]
jquery inArrayメソッドで配列を判定する
- 2020.08.07
- jquery
jqueryでinArrayメソッドを使ってマウスが要素にカーソルが当たったときと離れたときのイベントを取得するとサンプルコードとなります。 環境 OS windows10 pro 64bit Apache 2.4.43 Javascript サンプル集はこちら inArray使い方 値を代入した変 […]
javascript ファンクションキーを全て無効化する
- 2020.08.07
- javascript
javascriptでF1キーなどのファンクションキーを全て無効化させるサンプルコードとなります。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 102.0.5005.63 Javascript サンプル集はこちら ファンクションキー 無効化 […]
Nuxt.js ライブラリ「vue-drag-resize」をインストールして要素をドラッグやリサイズする
ライブラリ「vue-drag-resize」をインストールすると、要素をドラッグやリサイズすることが簡単に可能です。ここでは、nuxt.jsでvue-drag-resizeを利用するための手順と簡単な使い方を記述してます。 環境 OS CentOS Linux release 8.0.1 […]
WordPress Exif情報をプラグインを利用して削除する
- 2020.08.06
- WORDPRESS
画像にあるGPS情報などが表示されるExif情報を、「EWWW Image Optimizer」 プラグインを利用して削除する手順を記述してます。 環境 WordPress 5.4.2 EXIF情報とは 下図のようなものです。 「EWWW Image Optimizer」 プラグインインストール w […]
node.js ライブラリ「google-trends-api」を使用してGoogleトレンドの情報を取得する
- 2020.08.06
- node.js
node.js ライブラリ「google-trends-api」を使って、Googleトレンドの情報を取得するためのサンプルコードを記述してます。 環境 OS windows10 pro 64bit node 13.13.0 npm 6.14.4 ※windows10 scoopを使ってnode.j […]
Rails6 Material Design for Bootstrapを使用する手順
- 2020.08.06
- Material Design
Rails6環境で標準となった、railsでWebpackが利用できるWebpackerを使用してMaterial Design for Bootstrapを導入するまでの手順を記述してます。 環境 OS windows10 pro 64bit ruby 2.6.6 rails 6.0.3.2 ※w […]
javascript F5とctrl+rでのリロードを禁止する
- 2020.08.06
- javascript
javascriptでF5キーとctrl+rキーをキャンセルすることでリロードを禁止させるサンプルコードとなります。 環境 OS windows10 pro 64bit Apache 2.4.43 ブラウザ chrome 102.0.5005.63 Javascript サンプル集はこちら サンプル […]