" />

快適なWeb開発のためのTips.

ノリックジオグラフィック for Webエンジニア

React

: Next.js

Next.js-TypescriptにPrettierとESLintを使えるようにする

2022/9/24

各種プラグインのインストール yarnの場合 yarn add -D prettier eslint typescript-eslint @typescript-eslint/eslint-plugi ...

: React

React Hooksの使い方のサンプル

2022/9/23

React Hooks　とは？ React Hooksとは、関数コンポーネント内で、状態管理やライフサイクルを操作するために、Reactが提供している機能群のことです。フック？と聞くとピンと来ないの ...

: Next.js

VSCodeのprettierでmarkdownを対象外にする

2022/4/21

VSCodeのJavaScript開発で、prettierはなくてはならないものだが、保存時に自動フォーマットにすると、まさかのmdファイルまでフォーマットされるとは。指定ファイルをフォーマット対象 ...

: Next.js

Next.js-TypeScriptでTODOリスト(登録/更新/削除)作成

2021/12/29

デモ https://next-ts-memo.vercel.app/changeable Next.js-TypeScriptでTODOリスト(登録/削除)作成　に更新機能、削除機能を加えたものです ...

: Next.js

Next.js-TypeScriptでTODOリスト(登録/削除)作成

2021/12/29

デモ https://next-ts-memo.vercel.app/ ↓↓こちらをTypeScript化したものになります。 NEXT.jsとReact Hooksを使ってTodoアプリを10分で作 ...

: React

【書籍レビュー】React実践の教科書覚え書き

2021/12/27

レビュー冬休み期間中のスキルアップの一環として、Amazonでレビューの高かったこの本を買いました。モダンJavaScriptの基本から始める　React実践の教科書（最新ReactHooks対 ...

: React

トランスパイラbabelの基本の「き」

2021/12/25

babelは現在のフロントエンド開発にはなくてはならない存在ですが、一体何をしているのか？を試して知っておきましょう。トランスパイラbabelの環境構築 babelをインストールします。 $ yar ...

: Next.js React

Next.js-TypeScript入門

2021/12/29

プロジェクトを作成する create-next-appをインストールする repositories % yarn global add create-next-app yarn global v1.2 ...