TypeScript

JavaScript

React Hooks

参照URL:Hooks とは入力情報の記録や状態管理、親子間の変数の受け渡しなど複数のコンポーネントを組み合わせる際に必要な機能。もともとクラスコンポーネントのstateで実現していた機能を関数コンポーネントでも実装できるようにした機能。フ...
JavaScript

保護中: 【React+API WEBアプリ】pokemon図鑑 ★AWS Amplifyでデプロイ★

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード:
Django

WEBアプリ公開

●pythonのライブラリscheduleによる定期実行(PC常時ON状態)!pip3 install scheduleWhile True: schedule.run_pending()  →無限ループするpythonファイルを作成run...
Django

便利ツール

ボックスシャドウジェネレーターGoogleフォントfontawesomeバックグラウンドグラデーションジェネレーター
JavaScript

【TypeScript+React ⑤】React HooksにおけるEvent handler : データ型

Imputフォーム(テキストエリア)に入力した値が更新されるたび(イベント)に、入力した文字を画面上に表示させる。 TestComponent.tsximport React, {useState} from 'react'interfac...
JavaScript

【TypeScript+React ④】React Hooksにおける useStateについて

useStateについてReact hooksにおいて提供されている関数の1つになり、値の状態の保持・更新などを行う際に使用されている関数になります。useState()は、関数コンポーネントでstateを管理(stateの保持と更新)する...
JavaScript

【TypeScript+React ③】React Hooksにおけるpropsについて

React Hooks Props型Reactでは、親のコンポーネントから子のコンポーネントへ値を受け渡すことが可能です。この流れを「propsを渡す」と言ったりします。あくまで親から子への一方通行になりますので、子から親へは値を渡すことは...
JavaScript

【TypeScript+React ② 】JSON型推論(JSONPlaceholder – Free Fake REST API)

JSON型推論(JSONPlaceholder - Free Fake REST API)JSONPlaceholder(様々なAPIが提供されているため、自分で作る必要がない)を利用して、を使って型定義する例)JSONPlaceholde...
JavaScript

【React】環境構築

Node.jsインストールインストールできたか確認するnode -v<結果> v18.17.1npm(パッケージ管理ツール)のインストールnpm install -g npm※npmでグローバルにパッケージをインストールするグローバルとは使...
JavaScript

保護中: 【TypeScript+React ①】TypeScript とReactの関係、TypeScript の表記法

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード: