marathon_world@yahoo.co.jp

未分類

web1-next開発手順(特にtailwind.css)

(1)tailwind.config.cssがないので作成する(これがないと何故か補完機能が効かない)内容はこんな感じimport { defineConfig } from "tailwindcss";export default def...
NEXT.js

node_modulesの再インストール

ターミナルを既存のディレクトリに移動させて、node_modulesを削除!そして下記のコードを打ち込む。rm -rf node_modulesnpm install
NEXT.js

NEXTjsのいろいろなインストール

スタンダードnpx create-next-app ディレクトリ名最新バージョンnpx create-next-app@latest ディレクトリ名既存のディレクトリにインストールnpx create-next-app .
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のショートカット集 その1

要素を非表示にする 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の3大要素を作る

actions action名の設定(定義する) dispatch Actionを受け取れるように定義する reducer(UIからの「既存の状態」とDispatchからの「通知」を受け取る) 各actionが起きた時に、実際に何をする...