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