Wiki 一覧
コンパニオンプランツ
カテゴリ: Farm
#### ■トマト 1. トマト×落花生 トマトの生育がよくなりマルチとしても役立つ 2. トマト×バジル バジルの香りが虫よけに。果実も甘くなる 3. トマト×ニラ ニラ...
Next.js + Tailwind CSS v3 サンプル作成手順
カテゴリ: Technology
#### ■ Next.js プロジェクトを作成（TypeScript） ``` #npx create-next-app@latest my-next-app --typescript ✔ Wou...
DB連携
カテゴリ: Technology
### NextJs ① Next.js プロジェクト作成 ``` npx create-next-app@latest my-next-app cd my-next-app ``` ②Prism...
node
カテゴリ: Technology
### ■nvm （Node.jsのバージョン管理ツール） stable（安定版） LTS（長期サポート版） ①現在インストールされているバージョン `nvm ls` ②現在インストー...
コクヨのシンプルノート術
カテゴリ: Technology
1. 日付とタイトル、キーワード 2. 優先順 3. 図解 4. 疑問や重要事項は吹き出し 5. 質問を書いておく 6. ジャンルを気にせず書く 7. 基本は黒・青書き足しは赤 8. カテゴリでペン...
Technology
カテゴリ: Technology
| 名称 | Fp4mbVPC | |----------|------------------------------| | 説明 | 本...
git
カテゴリ: Technology
### ①リポジトリの作成 githubにログイン→dashbord→New ### ②sshキー作成 ``` hoshi@LAPTOP-JVRMUOR5:~/git/.ssh$ ssh-keyg...
links
カテゴリ: Technology
#### ■Material UI (MUI) ``` https://mui.com/ ``` #### ■docker hub ``` https://hub.docker.com/ ``...
aws
カテゴリ: Technology
### ■AWS CLI v2 インストール手順（標準的なLinux環境） ▼ダウンロード ``` curl "https://awscli.amazonaws.com/awscli-exe-lin...
cloud formation
カテゴリ: Technology
### ■AWS CloudFormationとは AWS CloudFormation は AWS リソースのモデル化およびセットアップに役立つサービスです ### ■Step function ...
terraform
カテゴリ: Technology
### ■terraformとは Terraform（テラフォーム）は、HashiCorp社が提供するオープンソースのツールで、クラウドやオンプレミスのインフラをコードで管理・構築できます ...
mongodb
カテゴリ: Technology
■dockerのmongodb起動方法 ``` #docker run -d --name mongodb -p 27017:27017 -v ~/mongodbdata:/data/db mong...
React + Tailwind CSS v3 サンプル作成手順（Vite使用）
カテゴリ: Technology
#### ■Vite + React + TypeScript プロジェクトを作成 ``` npm create vite@latest my-tailwind-app -- --template ...
Node.js + Express + PrismaでAPIを作成
カテゴリ: Technology
#### ■インストール（TypeScript + Prisma） ``` #mkdir prisma-api && cd prisma-api #npm init -y #npm install e...
docker
カテゴリ: Technology
#### ■イメージの探し方 https://hub.docker.com/ →Docker Official Image #### ■systemctlができるようにするには ```...
postgres
カテゴリ: Technology
#### ■環境設定 ▼docker-compose.yml ``` version: '3.8' services: postgres: image: postgres:late...
nginx
カテゴリ: Technology
■リバースプロキシとして使用する場合の設定 ▼docker-compose.yml ``` version: '3.8' services: web: build: c...
linux
カテゴリ: Technology
#### ■linuxのOS確認 ``` cat /etc/os-release ``` #### ■ファイルの圧縮、解凍方法 ▼tar.gz ``` ##圧縮 #tar -zcvf...
mysql
カテゴリ: Technology
#### ■MySQLをDocker Composeで起動する ▼docker-compose.yml ``` version: '3.8' services: mysql: im...
kafka
カテゴリ: Technology
#### ■インストール ``` # docker-compose.yml version: '3.8' services: zookeeper: image: confluent...
vscode_nextjs_debug
カテゴリ: Technology
■vscodeでtscをデバッグ ▼.vscode/launch.json の設定 ``` { "version": "0.2.0", "configurations": [ {...