Node.js npm runコマンドとnpxコマンドの使い方
npm runコマンド (npm srcipts)とは？ Node.jsをインストールすると、npm run xxxで任意のコマンドを実行できるようになる。これはnpm scriptsと呼ばれ、任意のコマンドのショートカット（エイリアス）を定義することができる機能である。 npm runコマンド (npm srcipts)の使い方 package.jsonのscriptsに実行したいコマンドを定義...
プログラミング
Node.js 
PHP Zend Framework2をPHP7.3で動作させる
概要 Zend Framework2.4はPHP7.2で動作するが、PHP7.3では動作しない。PHP7.3で動作させるには、Zend Framework2.5にアップデートする必要がある。 Zend Framework2.4まではアーカイブページ（）からダウンロードすることができたが、Zend Framework2.5はComposerを使ってダウンロードする必要がある。 手順 1. Compo...
JavaScript 【JavaScript】スクロール量(位置・座標)の取得方法
Windowのスクロール量 window.pageYOffsetで取得することができる。ただし、IE8以前は非対応のためdocument.documentElement.scrollTopとする必要がある。 よって、(window.pageYOffset || document.documentElement.scrollTop)と書くことで、クロスブラウザ対応することができる。 window.a...
JavaScript 【脱jQuery】JavaScriptだけで要素のwidth, heightを取得・設定する方法
jQueryのwidthメソッド、heightメソッドをJavaScriptだけで実装する方法をまとめました。 width, heightの取得 jQuery const width = $('#hoge').width(); const height = $('#hoge').height(); JavaScript // borderとscrollbarの高さをめない場合 const widt...
JavaScript 【脱jQuery】jQueryのliveメソッド、 onメソッドをJavaScriptだけで記述する方法
概要 【脱jQuery】JavaScriptだけでイベント処理を行うでは、既に存在する要素のイベントハンドラを定義したが、jQueryのonメソッド（古いバージョンではliveメソッド）は要素が後から追加された場合でもイベントハンドラが実行される。 これをJavaScriptだけで実現させる場合、以下のようにdocumentオブジェクトに対してaddEventListenerでイベントハンドラを登...
WordPress 【WordPress】PHPプログラムからサーバ上のファイルをメディアライブラリへ登録する方法
概要 media_handle_sideload関数を使用すると、既にWEBサーバ上にアップされているファイルをメディアライブラリに登録することができる。 media_handle_sideload関数 media_handle_sideload(連想配列, 投稿ID(省略可))※連想配列はキーname, tmp_nameを持つ media_handle_sideload関数を使用するには、以下の...
JavaScript 【JavaScript】ブラウザバック(戻るボタン)を無効化する方法
概要 JavaScriptのHistory APIでブラウザの戻るボタンを無効化することができる。 サンプル window.history.pushState(null, null, null); window.addEventListener("popstate", function() { window.history.pushState(null, null, null); return; ...
JavaScript 【脱jQuery】JavaScriptだけで要素のtop, leftを取得・設定する方法
jQueryのoffsetメソッドをJavaScriptだけで実装する方法をまとめました。 top, leftの取得 jQuery const left = $('#hoge').offset().left; const top = $('#hoge').offset().top; JavaScript const rect = document.getElementById('hoge').ge...
Git macOSのGitでLibreSSL SSL_connect: SSL_ERROR_SYSCALLが発生した場合の対処法
現象 先日、git pullしたところ以下のエラーが出た。 fatal: unable to access リポジトリURL: LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to ドメイン名:443 対処法 PC再起動で治る。 原因 原因はよくわからないが、macOs Catalinaにアップデートしたことと、カスペルスキーのセキュリテ...
Git Gitでプロジェクト毎にユーザー名、メールアドレスを変更する方法
概要 --globalオプションを付けずに、git configコマンドを実行すればよい。 git configコマンド git config user.name "hoge" git config user.name "hoge@example.com" 上記コマンドを実行すると、.git/configに以下の内容が追記される。（コマンドを使わずに、ファイルを直接編集してもよい） .git/co...