小技メモMemo

Memo
2023.03.25
VSCodeでTypescriptファイルのimport補完で相対パスではなくエイリアスするための設定
JavaScriptTypeScriptツール
Memo
2023.03.25
短いUUIDを生成できるnpmライブラリnanoidの使い方
JavaScriptTypeScriptnpm
Memo
2023.03.24
【解決方法】TypeScript発生したTS2564 エラーの対処
TypeScript
Memo
2021.07.19
express で IP を取得する際などに利用する req.connection 非推奨（deprecated）の対処
Node.jsexpressエラー解消
Memo
2021.07.16
【解決方法】docker-composeでコンテナを立ち上げた際に発生するConflictエラーの対処
Docker
Memo
2021.07.15
Git のコミット日時を修正するコマンド
gitコマンド
Memo
2021.07.14
git commit実行時にエディターを開く際の開けないエラー（error: unable to start editor）になった時の対処
gitエラー解消
Memo
2021.07.13
Gitで別ブランチから特定のファイルやディレクトリを取得するコマンド
gitコマンド
Memo
2021.07.12
フロントエンドのエラーログモニタリングサービスSentoryをMacのdocker-composeでサクッと立ち上げて起動するまでの手順
MacツールインストールDocker
Memo
2021.07.11
【解決方法】next.jsでLinariaを利用時にエイリアスでインポートするとエラーになる対応
CSSNext.jsエラー解消React
Memo
2021.07.10
よく使うGitコマンドの使い方まとめ（早見表）
gitまとめコマンド
Memo
2021.07.09
Homebrew本体を削除するためのアンインストール手順
インストールHomebrew
Memo
2021.07.08
Next.jsのプロジェクトへCSS-in-JS ライブラリ Linaria（リナリア）を導入するまでの手順
Next.jsインストールCSS
Memo
2021.07.06
Next.jsのビルドへesbuild-loaderを適応してビルド速度を5%の高速化を実現
TypeScriptNext.jswebpackパフォーマンス
Memo
2021.07.05
Next.jsのCustom Server（Express）を利用してTypeScriptファイル保存時にnodemonで再起動するための手順
Node.jsNext.js環境構築TypeScript
Memo
2021.07.03
【解決方法】Vagrantで立てたDocker内で起動しているNode.jsの再起動ツールnodemonがファイル変更時に再起動しない問題の対処
VagrantNode.jsエラー解消Docker
Memo
2021.07.02
mkcer でローカル環境へオレオレ認証局とオレオレ証明書を作成し Node.js の Express サーバーを SSL（https）で起動する手順
Node.jsインストールexpressセキュリティー
Memo
2021.06.30
express-sessionでセッション保存時にエラーにはならないがセッションが保存されない問題の対応
セキュリティーexpressエラー解消Node.js
Memo
2021.06.29
Node.js の Express と docker で立ち上げた redis を使って簡単なログイン機能を実装する手順
expressDockerHTMLNode.js
Memo
2021.06.28
Node.jsのフレームワークExpressで簡単なAPIをサクッと作成する手順
TypeScriptNode.jsexpressインストール
Memo
2021.06.27
ローカルに TypeScript の実行環境をサクッと構築する手順
TypeScriptNode.jsyarnnpm環境構築
Memo
2021.06.26
Node.js のパッケージ管理ツールの Yarn をサクッとインストールする手順
Node.jsyarnHomebrewインストール
Memo
2021.06.25
Node.jsのバージョン管理ツールnodenvをインストールしてNode.js環境をサクッと構築する手順
Node.jsnpmyarn環境構築インストール
Memo
2021.06.24
eslintコマンドを実行した際に発生した「"path" argument must be of type string. Received an instance of Array」エラーの対処
ESLintエラー解消
Memo
2021.06.23
Next.js のTypeScriptプロジェクトへeslint、stylelint、prittierを導入してVSCodeで自動フォーマットするまでの手順
TypeScriptPrettierstylelintインストールCSSESLint
Memo
2021.06.22
docker-composeのコンテナへIPアドレスを設定して起動した際に発生するnetworks with user configured subnetsエラーの対応
Dockerエラー解消
Memo
2021.06.21
【暫定回避策】yarnでパッケージインストールする際にlocal issuer certificateのエラーの回避
yarnnpmセキュリティーエラー解消
Memo
2021.06.20
GAS（Google App Scripts）用の CLI ツール clasp からローカル環境でGASを実行してログを確認する手順
TypeScript環境構築
Memo
2021.06.19
GAS 用の CLI ツール clasp をインストールして TypeScript で GAS をローカルの開発するための環境を構築する手順
TypeScript環境構築
Memo
2021.06.18
VS Code（Visual Studio Code）v1.57へバージョンアップ時の制限モード（Workspace Trust）のダイアログの対処
ツールセキュリティー
Memo
2021.06.17
よく使いそうなTypeScriptのtsconfig.jsonオプションのまとめ
TypeScript
Memo
2021.06.16
Next.js10系でビルド時にterser-webpack-pluginがエラーになりビルドが失敗する際の対応
Next.jsエラー解消webpack
Memo
2021.06.15
styled-components の特徴と Next.js のプロジェクトへstyled-componentsを導入するまでの手順
ReactTypeScriptNext.jsインストールCSS
Memo
2021.06.14
Node.jsのfetchで画像をダウンロードしてローカルディレクトリへ保存するエンドポイントの作成
TypeScriptNode.jsexpress
Memo
2021.06.12
Next.jsをパッケージからインストールしNext.jsプロジェクトへTypescript環境を構築して動かすまでの手順
Next.jsTypeScriptインストール環境構築
Memo
2021.06.11
【解決方法】next.jsで外部ドメインの画像を呼び出した際に発生したCSPエラー回避の対応
Next.jsセキュリティーエラー解消express
Memo
2021.06.10
docker runのタイミングでdockerfileのコマンドがエラーになってしまうことで処理が止まる問題を一時的に回避する
Dockerエラー解消
Memo
2021.06.09
vagrantで起動したVM内で立ち上げているDockerのVolume（MySQLデータ永続化）で書き込みエラーになる件の対処
MySQLエラー解消DockerVagrantVirtualBox
Memo
2021.06.08
【解決方法】docker networkを作成する際に発生するFailed to Setup IP tables（iptables failed）エラーの対処
DockerUnixエラー解消
Memo
2021.06.07
【設定方法】Docker環境で立ち上げたserposcopeのデータをMariaDBへ保存し永続化する
MySQLDockerツールSEO
Memo
2021.06.06
【解決方法】Vagrantで構築したUbuntu20.04へsynced_folder を設定した際に発生するマウントエラーの対処
VagrantVirtualBoxエラー解消
Memo
2021.06.05
【設定方法】VagrantとVirtualBoxでUbuntu20.04の仮想環境をサクッと構築する手順
VirtualBoxVagrant環境構築
Memo
2021.06.04
Fedora CoreOSをisoイメージファイルから立ち上げdocker-composeをインストールしてVagrantのBoxファイルを作成
VagrantVirtualBoxUnixDockerインストール
Memo
2021.06.03
CentOS8サーバーの初期設定とユーザー追加をAnsible使って自動化する設定
CentOSAnsibleVagrantVirtualBox環境構築
Memo
2021.06.01
【設定方法】VagrantとVirtualBoxでCentOS8の仮想環境をサクッと構築する手順
VirtualBoxVagrantUnixCentOS環境構築
Memo
2021.05.31
【解決方法】Vagrantを起動した際に発生するumount: /mnt: not mounted.の対処について
VagrantVirtualBoxエラー解消
Memo
2021.05.31
【解決方法】VirtualBoxをHomebrewで再インストール後Vagrant起動時に発生したNS_ERROR_FAILUREの対処
VirtualBoxVagrantエラー解消
Memo
2021.05.30
【まとめ】よく使う物だけを抜粋したVagrantコマンドの使い方とオプションの一覧まとめ
Vagrantコマンド
Memo
2021.05.29
【設定方法】OS内に仮想環境が構築できるVirtualBoxをMacのHomeBrewでサクッとインストールする手順
VirtualBoxVagrantインストール
Memo
2021.05.29
【設定方法】配布可能な環境を簡単に構築することができるVagrantをMacのHomebrewでサクッとインストールする手順
VirtualBoxVagrantインストール
Memo
2021.05.28
Macでssh-keygenコマンドを使いed25519の秘密鍵・公開鍵を作成する手順
セキュリティーコマンド
Memo
2021.05.27
【設定方法】構成管理ツールのAnsibleをMacのHomebrewでサクッとインストールする手順
MacHomebrewAnsibleインストール
Memo
2021.05.25
よく使う物だけを抜粋したdockerコマンドの使い方とオプションの一覧まとめ
Dockerコマンド
Memo
2021.05.25
よく使う物だけを抜粋したdocker-composeコマンドの使い方とオプションの一覧まとめ
Dockerコマンド
Memo
2021.05.24
【設定方法】超簡単。SEOの無料ツールserposcopeをDocker環境へサクッと立ち上げて起動するまでの手順
SEODockerインストール
Memo
2021.05.23
【設定方法】Docker（Docker Desktop for Mac）とdocker-composeをMacのHomebrewでサクッとインストールする手順
HomebrewDockerMacインストール
Memo
2021.05.22
【設定方法】Dockerで構築したMySQLのタイムゾーンをSYSTEMからAsia/Tokyoへ変更する設定手順
MySQLDocker
Memo
2021.05.19
【解決方法】Vagrantを起動した際に発生するmodprobe vboxguest failedエラーの対処
VirtualBoxVagrantCentOS
Memo
2021.05.16更新
【2021年保存版】よく使うソーシャルボタン（SNSボタン）の設置ページまとめ
ツールSNS
Memo
2021.05.08
【設定方法】Next.js開発時にファイルimportでパスの alias（エイリアス）利用するためのサンプルコード
TypeScriptReactwebpackNext.js
Memo
2021.05.07
【設定方法】Next.jsでterser-webpack-pluginを設定し本番ビルド時にコメントとconsole.logを削除するサンプルコード
Next.jsReactwebpack
Memo
2021.05.03
【よく使う】指定したポートで開いているNode.jsのプロセスを削除する
Node.js
Memo
2021.05.02
【よく使う】JavaScriptでCookieを操作。取得、セット、削除する汎用的なユーティリティ
JavaScript
Memo
2021.05.02
【よく使う】JavaScriptでユーザーエージェント（userAgent）からOS、ブラウザを取得する汎用的なユーティリティ
JavaScript
Memo
2021.05.01
【解決方法】nodenvで入れたnpmのグローバルインストールでパスが通らない場合の対処について
Node.jsnpmエラー解消
Memo
2021.01.23
【設定方法】ionic6のreactでwebpackの設定を変更する（webpack.configの上書き）
IonicwebpackReact
Memo
2021.01.22更新
【解決方法】Ionic6系のIonTabsで色々エラーが発生したのでその時の対処について
Ionicエラー解消
Memo
2021.01.21
【インストール手順】Ionic6系を使ってみたのでインストールまでの手順についてをメモ
Ionicインストール
Memo
2018.09.26
【解決方法】MacのOSをmojaveアップグレードしたらvagrantがエラーになり動かなくなった時の対処
VagrantMacVirtualBoxHomebrewエラー解消
Memo
2018.09.26
【マイグレーション】TypeScriptを使用したNext.js 6からNext.js 7へ移行した時行った対応について
Next.jsTypeScriptReact
Memo
2018.05.24
【設定方法】Next.jsで作ったアプリケーションにGoogleタグマネージャーを設置するサンプル
Next.jsReactTypeScriptJavaScript
Memo
2018.05.24
【設定方法】Next.jsでタイトルやメタタグやOGPなどのHeadタグを動的に設置するサンプル
Next.jsReactTypeScriptJavaScriptOGP
Memo
2018.05.21
【設定方法】VagrantのでNFSマウントを利用する際に求められる管理者パスワード入力を省略する設定
VagrantVirtualBox
Memo
2018.05.21
【解決方法】Macのvagrantでnfsでマウントした際にゲストOSのDockerでMySQL初期化エラー
VagrantMacMySQLエラー解消
Memo
2018.05.20
【解決方法】Dockerのnginx-proxyを経由するとアクセス元のIPが正しく取得できない件について
CentOSUnixDockernginxエラー解消
Memo
2018.05.19
【解決方法】Yarn1.6.0（Node.js10）でのインストールエラー
Node.jsyarnnpmエラー解消
Memo
2014.04.05
CodeIgniterで接続しているデータベースにPHPからテーブルを作成するサンプルコード
PHP
Memo
2014.03.28
Windows8.1「システムイメージバックアップ」のエラー(0x80780119)についての対処
セキュリティーwindows
Memo
2014.03.26
古めのie（6や7）でも崩れない。レスポンシブWebデザインに使えるちょっとした小技まとめ
HTMLCSS
Memo
2014.03.24
ie7以上から使える。横にスクロールして開くナビゲーションのデモサイトとサンプルコード
HTMLCSS
Memo
2014.03.15
「Codeigniter」トラックバック受信処理について使い方とサンプル
PHPMySQL
Memo
2014.03.14
OGPとは？Web制作において意外と重要だったりする「Open Graph Protocol」
SNSOGPHTMLSEO
Memo
2014.03.13
PHPでフォーム送信時のCAPTCHA(画像認証) を簡単に設置できる「Securimage」の使い方とサンプル
セキュリティーPHP
Memo
2014.03.11
PHPから日本語のメールを送信するやり方
セキュリティー
Memo
2014.03.03
「Windows」に「Ruby」をインストールしてみました。その時のやり方や環境変数などいろいろ
Rubywindowsインストール
Memo
2014.02.26
「WordPress」ログインしていないユーザへのリダイレクトや自動ログインなど処理いろいろ
PHP
Memo
2014.02.24
Macでよくある「開発元が未確認のため開けません。」と警告ダイアログが表示されるアプリを開く手順
Mac
Memo
2014.02.22
【まとめ】よく使用するものだけを抜粋したUnixコマンドとVimコマンドの一覧まとめ
Unix
Memo
2014.02.20
PHP（Codeigniter使用）からブログ投稿時にTwitterへ自動投稿してみました。
PHPSNS
Memo
2014.02.19
PHP（Codeigniter使用）からブログ投稿時にFacebookページへ自動投稿してみました。
PHPSNS
Memo
2014.02.13
「ntpd」の「monlist機能」からの DDoS攻撃対策について
セキュリティー
Memo
2014.02.05
Googleアナリティクスのレポートで自分の固定IPからのアクセスを除外する方法
ツール

小技メモMemo

VSCodeでTypescriptファイルのimport補完で相対パスではなくエイリアスするための設定

短いUUIDを生成できるnpmライブラリnanoidの使い方

【解決方法】TypeScript発生したTS2564 エラーの対処

express で IP を取得する際などに利用する req.connection 非推奨（deprecated）の対処

【解決方法】docker-composeでコンテナを立ち上げた際に発生するConflictエラーの対処

Git のコミット日時を修正するコマンド

git commit実行時にエディターを開く際の開けないエラー（error: unable to start editor）になった時の対処

Gitで別ブランチから特定のファイルやディレクトリを取得するコマンド

フロントエンドのエラーログモニタリングサービスSentoryをMacのdocker-composeでサクッと立ち上げて起動するまでの手順

【解決方法】next.jsでLinariaを利用時にエイリアスでインポートするとエラーになる対応

よく使うGitコマンドの使い方まとめ（早見表）

Homebrew本体を削除するためのアンインストール手順

Next.jsのプロジェクトへCSS-in-JS ライブラリ Linaria（リナリア）を導入するまでの手順

Next.jsのビルドへesbuild-loaderを適応してビルド速度を5%の高速化を実現

Next.jsのCustom Server（Express）を利用してTypeScriptファイル保存時にnodemonで再起動するための手順

【解決方法】Vagrantで立てたDocker内で起動しているNode.jsの再起動ツールnodemonがファイル変更時に再起動しない問題の対処

mkcer でローカル環境へオレオレ認証局とオレオレ証明書を作成し Node.js の Express サーバーを SSL（https）で起動する手順

express-sessionでセッション保存時にエラーにはならないがセッションが保存されない問題の対応

Node.js の Express と docker で立ち上げた redis を使って簡単なログイン機能を実装する手順

Node.jsのフレームワークExpressで簡単なAPIをサクッと作成する手順

ローカルに TypeScript の実行環境をサクッと構築する手順

Node.js のパッケージ管理ツールの Yarn をサクッとインストールする手順

Node.jsのバージョン管理ツールnodenvをインストールしてNode.js環境をサクッと構築する手順

eslintコマンドを実行した際に発生した 「"path" argument must be of type string. Received an instance of Array」エラーの対処

Next.js のTypeScriptプロジェクトへeslint、stylelint、prittierを導入してVSCodeで自動フォーマットするまでの手順

docker-composeのコンテナへIPアドレスを設定して起動した際に発生するnetworks with user configured subnetsエラーの対応

【暫定回避策】yarnでパッケージインストールする際にlocal issuer certificateのエラーの回避

GAS（Google App Scripts）用の CLI ツール clasp からローカル環境でGASを実行してログを確認する手順

GAS 用の CLI ツール clasp をインストールして TypeScript で GAS をローカルの開発するための環境を構築する手順

VS Code（Visual Studio Code）v1.57へバージョンアップ時の制限モード（Workspace Trust）のダイアログの対処

よく使いそうなTypeScriptのtsconfig.jsonオプションのまとめ

Next.js10系でビルド時にterser-webpack-pluginがエラーになりビルドが失敗する際の対応

styled-components の特徴と Next.js のプロジェクトへstyled-componentsを導入するまでの手順

Node.jsのfetchで画像をダウンロードしてローカルディレクトリへ保存するエンドポイントの作成

Next.jsをパッケージからインストールしNext.jsプロジェクトへTypescript環境を構築して動かすまでの手順

【解決方法】next.jsで外部ドメインの画像を呼び出した際に発生したCSPエラー回避の対応

docker runのタイミングでdockerfileのコマンドがエラーになってしまうことで処理が止まる問題を一時的に回避する

vagrantで起動したVM内で立ち上げているDockerのVolume（MySQLデータ永続化）で書き込みエラーになる件の対処

【解決方法】docker networkを作成する際に発生するFailed to Setup IP tables（iptables failed）エラーの対処

【設定方法】Docker環境で立ち上げたserposcopeのデータをMariaDBへ保存し永続化する

【解決方法】Vagrantで構築したUbuntu20.04へsynced_folder を設定した際に発生するマウントエラーの対処

【設定方法】VagrantとVirtualBoxでUbuntu20.04の仮想環境をサクッと構築する手順

Fedora CoreOSをisoイメージファイルから立ち上げdocker-composeをインストールしてVagrantのBoxファイルを作成

CentOS8サーバーの初期設定とユーザー追加をAnsible使って自動化する設定

【設定方法】VagrantとVirtualBoxでCentOS8の仮想環境をサクッと構築する手順

【解決方法】Vagrantを起動した際に発生するumount: /mnt: not mounted.の対処について

【解決方法】VirtualBoxをHomebrewで再インストール後Vagrant起動時に発生したNS_ERROR_FAILUREの対処

【まとめ】よく使う物だけを抜粋したVagrantコマンドの使い方とオプションの一覧まとめ

【設定方法】OS内に仮想環境が構築できるVirtualBoxをMacのHomeBrewでサクッとインストールする手順

【設定方法】配布可能な環境を簡単に構築することができるVagrantをMacのHomebrewでサクッとインストールする手順

Macでssh-keygenコマンドを使いed25519の秘密鍵・公開鍵を作成する手順

【設定方法】構成管理ツールのAnsibleをMacのHomebrewでサクッとインストールする手順

よく使う物だけを抜粋したdockerコマンドの使い方とオプションの一覧まとめ

よく使う物だけを抜粋したdocker-composeコマンドの使い方とオプションの一覧まとめ

【設定方法】超簡単。SEOの無料ツールserposcopeをDocker環境へサクッと立ち上げて起動するまでの手順

【設定方法】Docker（Docker Desktop for Mac）とdocker-composeをMacのHomebrewでサクッとインストールする手順

【設定方法】Dockerで構築したMySQLのタイムゾーンをSYSTEMからAsia/Tokyoへ変更する設定手順

【解決方法】Vagrantを起動した際に発生するmodprobe vboxguest failedエラーの対処

【2021年 保存版】よく使うソーシャルボタン（SNSボタン）の設置ページまとめ

【設定方法】Next.js開発時にファイルimportでパスの alias（エイリアス）利用するためのサンプルコード

【設定方法】Next.jsでterser-webpack-pluginを設定し本番ビルド時にコメントとconsole.logを削除するサンプルコード

【よく使う】指定したポートで開いているNode.jsのプロセスを削除する

【よく使う】JavaScriptでCookieを操作。取得、セット、削除する汎用的なユーティリティ

【よく使う】JavaScriptでユーザーエージェント（userAgent）からOS、ブラウザを取得する汎用的なユーティリティ

【解決方法】nodenvで入れたnpmのグローバルインストールでパスが通らない場合の対処について

【設定方法】ionic6のreactでwebpackの設定を変更する（webpack.configの上書き）

【解決方法】Ionic6系のIonTabsで色々エラーが発生したのでその時の対処について

【インストール手順】Ionic6系を使ってみたのでインストールまでの手順についてをメモ

【解決方法】MacのOSをmojaveアップグレードしたらvagrantがエラーになり動かなくなった時の対処

【マイグレーション】TypeScriptを使用したNext.js 6からNext.js 7へ移行した時行った対応について

【設定方法】Next.jsで作ったアプリケーションにGoogleタグマネージャー を設置するサンプル

【設定方法】Next.jsでタイトルやメタタグやOGPなどのHeadタグを動的に設置するサンプル

【設定方法】VagrantのでNFSマウントを利用する際に求められる管理者パスワード入力を省略する設定

【解決方法】Macのvagrantでnfsでマウントした際にゲストOSのDockerでMySQL初期化エラー

【解決方法】Dockerのnginx-proxyを経由するとアクセス元のIPが正しく取得できない件について

【解決方法】Yarn1.6.0（Node.js10）でのインストールエラー

CodeIgniterで接続しているデータベースにPHPからテーブルを作成するサンプルコード

Windows8.1「システムイメージバックアップ」のエラー(0x80780119)についての対処

古めのie（6や7）でも崩れない。レスポンシブWebデザインに使えるちょっとした小技まとめ

eslintコマンドを実行した際に発生した「"path" argument must be of type string. Received an instance of Array」エラーの対処

【2021年保存版】よく使うソーシャルボタン（SNSボタン）の設置ページまとめ

【設定方法】Next.jsで作ったアプリケーションにGoogleタグマネージャーを設置するサンプル