useStateとuseEffect

useStateとuseEffectについてメモ useState // 構文 const [stateの変数, stateを変更する関数] = useState(stateの初期値); useEffect 関数の実行タイミングをreactのレンダリング後まで遅らせるためのhook。 useEffect(() => { 第1引数 },[第2引数]) 第1引…

DDD

DDD

値オブジェクトとエンティティ リポジトリ ドメインサービス アプリケーションサービス ドメインオブジェクトを直接公開するか、しないか 直接公開すると コードがシンプルになる ドメインオブジェクトをアプリケーションサービス以外からも操作できてしまう…

nodeのエコシステム

対象 それは何か? npx node package executor。任意のnpmパッケージを実行できるコマンド。 npmに含まれている。ローカル、リモートのどちらのパッケージでも実行できる。 npm node package manager。node用のパッケージマネージャー。オープンソース。

firebaseとNextjsの統合

下記のチュートリアルをやってみる https://firebase.google.com/codelabs/firebase-nextjs?hl=ja#0 ※pnpmを使う pnpm dlx giget@latest gh:firebase/friendlyeats-web/nextjs-start#master . --install firebaseのプロジェクトを設定する - 有料プランにす…

bashのhistoryからコマンドを実行する

historyコマンドで履歴を表示する history コマンド履歴が番号付きで表示されるので、!の後に実行したい履歴番号を入力すると実行される !12 !!を入力すると最新の履歴が実行される (最新の履歴を実行するなら↑カーソルボタンで十分な気がする) !!

NextJS

pnpm dlx create-next-app@latest lern nextjs Learn Next.js | Next.js chapter1 npx create-next-app@latest nextjs-dashboard --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example" chapter2 app/ui/global.css 全ての…

NeoVimのプラグイン

vim

LazyNvim プラグインマネージャー。neovimにインストールするプラグインを管理する。 nvim-treesitter tree-sitterという構文解析ライブラリをNeoVimで使いやすくするもの。高度なシンタックスハイライトや構文解析を行う。 nvim-lspconfig Neovim組み込みの…

Vimで忘れがちなやつ

vim

ターミナル コマンド 説明 備考 :vert term ターミナルを垂直分割で開く CTRL-W N ターミナルのノーマルモードに入る(ヤンクなどができる) iやaで戻る 文字列の変更 コマンド 説明 備考 CTRL-A カーソル下または後ろの数値を加算する CTRL-X カーソル下ま…