かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

setup

Node.js バージョン管理ツールを VOLTA にしてみた!

Node.js のバージョン管理ツールに asdf を使っていたのですが VOLTA が速くて良いよとオススメされたので乗り換えてみた ⚡ VOLTA の特徴 ⚡ Rust製で早い プロジェクトディレクトリに入ると自動でバージョンが切り替わる (バージョンは package.json に記録…

VSCode 設定を json で開きたい

Workbench > Settings: Editor を json にすれば OK!

Mac M2 Git と Node.js 環境のセットアップ

2017 年から使ってた Intel Mac ちゃんにお別れして新しい M2 Mac Book Air に買い替えてクリーンインストールしたので開発環境を再構築下のメモ ※ これは Zenn にメモしてたものを再録したただけの記事です 環境 Mac Book Air M2 (2022) macOS Monterey 12.…

MacOS Monterey スクリーンショットの保存先を変更する

デフォルトだとデスクトップにスクリーンショットが保存されるのでスクリーンショット用のディレクトリに保存するようにしたい スクリーンショットの保存先を変更 defaults write com.apple.screencapture location <保存先> でスクリーンショットの保存先を…

brew pyenv から anyenv の pyenv に乗り換えたら python インストールでエラーになるようになった

brew pyenv を消して anyenv の pyenv で Python をインストールしようとしたら BUILD FAILED というエラーが出るようになってしまった… 環境 MacOS Big Sur (11.6.1) anyenv 1.1.2 pyenv 2.2.3-1-g423de9ae 結論 Xcode のバージョンが古かったので最新の v1…

Makefile で .env (環境変数)を読み込んで使いたい

make コマンドに .env にある環境変数を渡したい include .env で読み込める Makefile に include .env を書くだけで .env 内の環境変数が使える .env SECRET_KEY=HoshimiyaIchigo Makefile include .env test: echo ${SECRET_KEY} $ make test echo Hoshim…

webpack 5 CSS だけコンパイルしたい

npm script で SCSS をコンパイルしてたのだけれど、環境変数や変数展開などを多用していたら Windows 環境でエラーになりビルド出来ない問題続出してメンテコストが高くなってしまいそうだったので、ざっくり webpack で CSS だけビルドする設定を作成下の…

フロントエンド開発環境: チーム開発するリポジトリで node のバージョンを揃えたい

チームでフロントの開発する時に node のバージョンが異なっているとインストールされるパッケージのバージョンとか依存とかで面倒なことになる可能性があるので揃えておくのが良いと思っています。 〇〇のバージョンをインストールしてください。とお願いし…

Git ログのツリーをいい感じに見れるエイリアスを設定したらいい感じになった!

Git で logを見る時に開発中は git log --oneline でほぼ事足りていたのですが、 色々やるようになって tree 表示 GUI だと遅いのでターミナルでいい感じに表示したくなって設定を追加しました。 Git tree をいい感じに表示するエイリアス # 今いるブランチ…

React create-react-app したプロジェクトで paths alias 使おうとして盛大にハマったメモ

create-react-app で作った TypeScript の React アプリで Next.js でやって便利だと感じたパスのエイリアス設定しようとして盛大にハマったのでメモ。 ゴール create-react-app --template teypescript で作った TypeScript の React アプリで /src ディレ…

Next.js TypeScript + ESLint + Prettier の環境を作るのだ!

何回も作るのに都度調べるのめんどくなってきたからメモ Next.js のプロジェクトを作る 今いるディレクトリにプロジェクトを作る $ npx create-next-app --use-npm . --use-npm オプションつけないと npm が無いって怒られる。忘れがち… TypeScript 化 $ npm…

TypeScrip + ESLint + Prettier + Jest のプロジェクト設定にハマる

新規に作ろうとして環境作るまでに盛大にハマったのでメモ 環境 "typescript": "^4.3.5" "eslint": "^7.30.0", "prettier": "^2.3.2", "jest": "^27.0.6", 最終的にできたもの TL:DR; TypeScript + ESLint+ Prettier の環境を作る TypeScript $ npm i --save…

環境構築 macOS Big Sur : Git の設定と GitHub への SSH 接続

新しいMacに Git の設定やり直したのを書き忘れてたので思い出しながらメモ。 環境 Intel Mac macOS Big Sur Homebrew インストール済み Git のインストール Xcode の Xcode Command Line Tools をインストールする ターミナルで git --version コマンドを叩…

VSCode 保存時に Prettier の自動フォーマットが効かなくなった件

コードのフォーマット揃ってないとʕ•ﻌ•ʔムキッってなっちゃうけど、手作業でフォーマットするのは面倒くさいダメ人間です。 ./vscode/settings.json に "editor.formatOnSave": true を指定していたのだけど、保存時に Prettier が効かなくなってたので動くよう…

環境構築 macOS Big Sur : vim をカラフルにしたい

git で開くエディタに色がついてなかった。設定方法すぐ忘れるのでメモ。 環境 macOS Big Sur zsh vim vim にカラースキームを適応する方法 調べると ~/.vim/colors 内にカラースキームのファイルを置いて .vimrc で指定すればOKっぽい。 自分の環境はこのデ…

環境構築 macOS Big Sur : anyenv の pyenv で Python を使えるようにした

Python 環境した構築のメモ macOS Big Sur anyenv インストール済み zah 前回までのあらすじ ( anyenv / nodenv のインストール ) anyenv で pyenv を使えるようにする pyenv は nodenv と違ってインストールする必要があった $ anyenv install pyenv /var/f…

環境構築 macOS Big Sur : nodenv で node.js 環境をクリーンインストールしたメモ

Macが壊れたので新規環境に Node 入れてたのでログとして 環境 macOS Big Sur Homebrew インストール済み zsh Homebrew のインストール $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" anyenv のイン…

Homebrew brew update で Error: homebrew-core is a shallow clone

開発環境アップデートしたからコマンド実行して〜って言われてやろうとしたら brew update でエラーになった。 $ brew update Error: homebrew-core is a shallow clone. To `brew update` first run: git -C "/usr/local/Homebrew/Library/Taps/homebrew/ho…

Python zsh で仮想環境 venv に入れない?にハマる

Python の venv で作成した仮想環境に入れない問題にハマったのでメモ venv Python v3.3 から標準機能として取り入れられた仮想環境 venv 内では pip でインストールされるパッケージが仮想環境ごと別にすることができる 仮想環境の作成 $ python -m venv te…

Mac OS Catalina PHP インストールにハマる (phpenv諦めてphpbrew)

Mac OS Catalina にアップデートして Composer を使おうとしたら動作しなくなっていました… ( Catalina 開発トラブル多すぎない?) PHPを再インストールしたら動くという情報を目にしたので、折角なので phpenv でインストールをしようとしたのですが、永遠…

VS Code エンターで予測変換候補が入力されてるの止めたい。

VS Code の予測変換割と優秀なのですが、時々それぜんぜん違うねん。ってのが表示されることがあります。 そこで変換しないつもりで改行のエンターキーを押したり、JavaScript だと . とかを入力すると予測変換の1つめが入力されてしまいイラッとすることが時々…

ESLint + Prettier で JavaScript と CSS を自動フォーマットするぞ

自動整形してるののメモ ESLint install $ yarn add -D eslint eslint: ^7.1.0 generate config file 対話式で設定ファイル .eslintrc.js を作成できる $ yarn eslint --init ? How would you like to use ESLint? ❯ To check syntax and find problems ? Wh…

VS Code 保存時にファイル末は改行必須にしたい

Files: Insert Final Newline にチェックを入れる ツールバー > Code > Preferences > Settings で設定を開く files.insertFinalNewline で検索 チェックボックにチェックを入れる Files: Insert Final Newline [x] When enabled, insert a final new line a…

Mac 黒い画面を Zsh にしてみた。

git やローカルサーバーの立ち上げ以外にも黒い画面 (ターミナル) 使うことが増えてきたので、デフォルトの bash から zsh にしてみたメモ。 尚、zsh のカラフルな画面にしてみたいと思っただけで bash との違いもイマイチわかってない。 環境は Mac OSX 黒…

Ruby gem install bundler で Permission denied エラーになった

こんにちは。今日は6月6日、D-dayだった日です。そんな日にエラーを出したのでメモ。 rbenv で Ruby のバージョンを管理していて、rbenv でインストールした別の Ruby のバージョンを切り替えた後に gem install bundler しようとしたら Permission denied @…

Sublime Text 3 タイトルバーにファイルのフルパスを表示したい

苦難のIE6-11同時対応時代を生きてきたせいで、はやりの VS Code に乗れず、Sublime Text を愛用しています。 フレームワークとか階層が深くて同じ名前のファイルがたくさん有るようプロジェクトでファイルを沢山開いていると、どれがどれだか分からなくなり…

RubyをアプデートしてRails 5 をインストール

1.Homebrew 自体をアップデート $ brew update 2. rbenv, ruby-build をアップデート $ brew upgrade rbenv ruby-build 3. rbenv で Ruby をアップデート インストール可能なRubyのバージョンを表示 $ rbenv install -l Ruby をインストール $ rbenv install…

MySQL mysql.socketがどこにあるか探したい。

`$ mysql_config --socket` で探せる

PHP phpbrewで古い環境のPHPを動作させたメモ

別の人が作成した古いWordPressの改修の依頼が来て、環境つくりに時間がかかったのでメモをしておきます。 レンタルサーバーで動いているサイトだったのでPHP + Apache + MySQLという構成です。 要件

Mac OSX 開発環境セットアップのメモ (6) ApacheでPHPが動くようにする

PHPはphpbrewでインストールしました。 Macにデフォルトで入っているapacheを起動しないようにする $ sudo apacehctl stop $ sudo launchctl unload -w /System/Library/LaunchDaemons/org.apache.httpd.plist homebrewでインストール 以前はhttpd24という名…