NEXT.js NEXTjsのいろいろなインストール
スタンダードnpx create-next-app ディレクトリ名最新バージョンnpx create-next-app@latest ディレクトリ名既存のディレクトリにインストールnpx create-next-app .
marathon_world@yahoo.co.jp
NEXT.js node.js nodenvの使い方
筆者はよくフロントエンドの作業をするのですが、フロントエンドはnode.jsが必須だったりします。
よくあるトラブルが、node.jsのバージョンが古くて、フロントエンドの方のプログラムでエラーが発生するというもの。
長く作業をしていると、...
未分類 REACT-ROUTER-DOM（新型）
npm i react-router-dom
【APP.tsx】
import { Route, BrowserRouter as Router, Routes } from 'react-router-dom';
illustrator 覚えると便利！illustratorのショートカット集 ダイレクト選択ツール編
選択したパスを削除する
cmd ＋ X
（複数のパスを選択した後）パスを連結する
cmd ＋ J
illustrator 覚えると便利！illustratorのショートカット集 ツール編
選択ツールを呼び出す
「V」を押す
ダイレクト選択ツールを呼び出す
「A」を押す
ペンツールを呼び出す
「P」を押す
手のひらツールを呼び出す
「H」を押す
臨時で手のひらツールを呼び出す
スペースキーを押す
ペンツールの使用中に...
illustrator 覚えると便利！illustratorのショートカット集 その１
要素を非表示にする
cmd + 3
要素をロックする
cmd + 2
ちなみに、非表示やロックした要素を元に戻すときは
cmd ＋ z
(選択したオブジェクトに対して）ロック
cmd + 2
全てのロックを解除
cmd + opti...
REACT REDUXの環境を作る
すでにREACT環境がある場合
REACT-REDUXのインストール
npmコマンドの場合は
npm install react-redux
yarnコマンドの場合は
yarn add react-redux
REDUXの...
REACT REDUXの３大要素を作る
actions
action名の設定（定義する）
dispatch
Actionを受け取れるように定義する
reducer（UIからの「既存の状態」とDispatchからの「通知」を受け取る）
各actionが起きた時に、実際に何をする...
REACT REACTの各種CSSを導入する
styled-componentsのインストール
$ npm install --save styled-components
$ yarn add styled-components
import styled from "styled...
REACT MUIの使い方
REACTにMUIをインストールする
npm install @mui/material @emotion/react @emotion/styled
yarn add @mui/material @emotion/react @emoti...