シェルスクリプト

ダブルクォートがエスケープされたjsonを整形する

やりたいこと ■Before bbb.json "{\"name\":\"hoge\",\"age\":12}" ■After { "name": "hoge", "age": 12 } 結論 $ cat bbb.json | jq -r ...
React.js/Next.js

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

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

フレームワークとライブラリの違い

車で例えた理解 フレームワーク:車の骨組みがほぼ出来上がっている状態のもの フレームワークは基盤なので、1つのアプリケーションで使うフレームワークは1つ ライブラリ:車の部品のこと(タイヤ、ボンネット、ボディ) ライブラリはパーツや部品のこ...
React.js/Next.js

【Next.js】Chart.jsを導入してグラフを描画する

Chart.jsとは Chart.jsとは、上記の公式ページに載っているようなグラフを簡単に描画することができるライブラリ。 環境 Next.js 13.2.1 Node.js 18.0.0 導入手順 ①ライブラリのインストール React...
ChatGPT

【ChatGPT】openai.error.RateLimitError: You exceeded your current quota, please check your plan and billing details.

ChatGPTのAPIを利用している際に、以下のエラーが出たときの対応方法。 openai.error.RateLimitError: You exceeded your current quota, please check your p...
Vim/Neovim

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

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

【Neovim】設定ファイルをluaに移行する

最初VimからNeovimに移行した際に、.vimrcをinit.vimにコピーして利用していたがinit.luaのほうが柔軟な書き方ができるということなので、設定ファイルの刷新も兼ねてinit.luaで設定ファイルを記載する。 新規作成に...
Vim/Neovim

【Neovim】Python3が使えないエラーが発生した場合の解決策

事象 こちらのJavaの補完プラグインをインストールしようとしたが、以下のようなエラーが発生した。 Javacomplete needs Python3 support to run! FileType Autocommands for "...
Vim/Neovim

【Neovim】Neovimのインストール状態を確認する

Neovimにはインストール状態を確認するヘルスチェックのコマンドが存在する。 Neovimの環境構築をした際には、こちらのコマンドを使って状態を確認するのが良い。 コマンド :checkhealth このように各種設定は問題ないが、Pyt...
Vim/Neovim

【Vim/NeoVim】Vimのhelpコマンドを全画面で開く

Vimの:helpコマンドは、Vimのあらゆる情報を確認できる公式ドキュメントであるが、ただそのまま実行するとウィンドウが上下分割されて読みにくい。 全画面で表示する方法 全画面で表示するためのvimコマンドは :help | only 全...