環境構築

スポンサーリンク
ターミナル操作

【zsh】プロンプトにgitの状態を表示する

zshカスタマイズの一環として、プロンプトに現在のブランチ名と状態を表示するようにする。これで毎回git branchやgit statusを入力する必要がなくなる。 ゴール 手順 基本的なやり方はここに記載してある。 ①git-promp...
シェルスクリプト

【zsh】プラグインマネージャーを導入する

それぞれのプラグインをインストールする前に、まずはプラグインマネージャーをインストールしておく。 そうすることで、プラグインの煩雑なインストール/アンインストールを適切に管理できる。 利用したプラグインマネージャー 今回はzplugを使うこ...
ChatGPT

Open InterpreterをDocker上で実行する

Open Interpreterとは かんたんに言うと、「プログラムの作成、実行までをやってくれるChatGPT」。 通常のChatGPTであれば、プログラムを書いてくれるが実行まではしてくれない。OpenInterpreterはそのプログ...
Docker

【Docker】コンテナに環境変数を渡す

やりたいこと APIキーなどの秘匿性の高い環境変数を、Dockerコンテナに環境変数としていい感じに渡したい。 docker composeなどを使わないシンプルな環境でこれを実行したい。 手順 ①まずはシンプルなDockerfile作成 ...
React.js/Next.js

【Next.js】jestを使ったユニットテストを導入する(TypeScript利用)

環境 next 13.2.1 jest 29.5.0 参考ページ 今回の記事は、Next.jsのテストに関するページをもとに作成している。 テスト対象のコンポーネント 今回のテスト対象コンポーネントは以下。 ボタンと言いつつ、ただのh3タグ...
Vim/Neovim

【Neovim】プラグインマネージャーにpacker.nvimを使う

以下のプラグインマネージャーを利用する 基本はREADMEに書いてあるとおりに入れていく。 インストール 筆者はMacを使っているので、以下のコマンドでインストールを行う。 $ git clone --depth 1 \ ~/.local/...
Python

【Python】poetryを使った環境構築

Poetryとは Python用のパッケージ管理ツール。 依存パッケージの追加、削除、インストール、仮想環境でのPython実行などができる。 似たようなものはpipやpipenv、pyflowなどが存在する。 poetryの選定にはそこま...
React.js/Next.js

【環境構築】プロジェクトにprettierを導入する

やること プロジェクトを新規作成し、prettierを導入するところまで解説する。 また、VSCodeの設定も行い、保存時に自動フォーマットされるようにする。 Next.jsのプロジェクトで解説しているが、サンプルで利用しているだけなので他...
Docker

【Docker】初学者のためのDockerfile作成方法

概要 Dockerfileを利用してDockerコンテナを起動させるためには、ざっくり以下の手順を行うことになる。(実際には1-3を繰り返しながらDockerfileを作成していく形になる) Dockerfile作成docker build...
Vim/Neovim

【Vim】色をカスタマイズする

Vimのカラースキームを導入し、いい感じの色になったが「ここの色少し見にくい…」というところを微調整したくなる。 そんなときにどうやって設定すれば良いか解説する。 事前知識 ① ハイライトグループ Vimにはハイライトグループという考え方が...
スポンサーリンク