## エラー内容
storybookで`start-storybook -p 6006 -s public`しようとしたら、ModuleNotFoundErrorが発生した.
```language-bash
$ npm run storybook
ModuleNotFoundError: Module not found: Error: Can't resolve '@Pages/LoginPage' in '.....
## エラーの内容
TypeScriptで、styled-componentsをimportすると、TS7016エラーが発生した。
```language-bash
TS7016: Could not find a declaration file for module 'styled-components'.
'...node_modules/styled-components/dist/styled-co...
webpackへDevSErverをインストールして、作成したプログラムを簡単に確認する方法を説明します。
## インストール
```language-bash
npm add webpack-dev-server --dev
```
## webpack.config.jsに追記
webpack.config.jsに下記を追記する...
## 発生した問題
ReactのコンポーネントでtextAlignのスタイルを適用としたところ、エラーが発生した。
```language-js
const App = () => {
const divStyle = {
textAlign: 'right',
}
return (
hello
);...
## 発生したエラー
React + TypeScriptの環境で、MUIをしようとしたところ、import文で`'@mui/...'`をインポートするところで`TS2792`エラーが発生した。
- プログラム
```language-typescript
import Button from '@mui/material/Button';
```...
TypeScriptを使ってReactのコードを書いているときに、onKeyPressイベントに対するイベントオブジェクトの型指定方法です。
この例では、Inputタグに対するキーボードイベントを処理したいので、`React.KeyboardEvent`の型指定を行っています。
```lan...
JavaScriptのスプレッド構文は、下記の目的で利用できる。
- 配列の連結
- イミュータブルな配列の実現
- 残余引数(rest parameter)による配列の分離
## 配列に対するスプレッド構文
```language-javascript
% node
Welcome to Node.js v16...
ブラウザでYoutubeやNetflixを見ていると、全画面モードで動画を表示させることが可能です。
上記のような動画サイトではなくて、普通のページを見ているときに、表示しているページを全画面表示したい時があります。
このような場合は、下記の作業...
create-react-appを使ってTypeScriptのReactプロジェクトを、カレントディレクトリ作成するコマンドです。
```language-bash
npx create-react-app . --template typescript
npm start
```
## はじめに
この記事では、craete-react-appのV5で作成したReactプロジェクトに対して、React RouterのV6をインストールして複数URLでページを表示させるための作業を説明します。
## バージョン
この記事は下記バージョンのパッケージで動作...
この記事では、`React` + `TypeScript`でmuiを使ったページを作り始めるための準備をするための手順を説明します。
muiは以前はMaterialUIと呼ばれていました。
## プロジェクトを作る
```language-bash
npx create-react-app 211107-create-rea...
## 発生した事象
下記のコードを実行したところ、サーバが渡した応答ヘッダをクライアントが受け取れなかった。
サンプルコード
```language-js
await this.$axios.post('http://localhost:8000/user/', {
id: this.id,
p...
Angularでは、ディレクディブ(カスタムのタグや、属性のようなもの)を作る時、restrictと言うものを指定します。
ここでは、restrictの種類と、それぞれの実行サンプルを説明します。
## 確認した環境
```language-bash
AngularJS 1.2.32
Google ...
AngularJSでAmazonのベストセラー情報を取得しようと$http.get()を実行したら、net::ERR_BLOCKED_BY_CLIENTエラーが発生したので、その時に行なったことを書いておきます。
## 環境
macOS
Chrome 65.0.3325.181
AngularJS 1.2.32
## 実行したコ...
AngulerJSの1.2を使って、もっともシンプルなコード（JavaScriptの変数に入った値"hello world"をHtmlに出力するだけの処理）を作ってみます。
## 確認した環境
AngulerJS 1.2.32
ブラウザ： Chrome
## プログラム
```language-html
...
