JavaScript関連のことを調べてみた

JavaScript関連のことを調べてみた
目次

TypeScriptのclassとmoduleはどっちを使ったら良いのか?

TypeScriptでclassとmoduleのどちらを使うべきか迷う場面があったので、双方の利点を踏まえた上でどちらを使うべきか考えてみる。

– インスタンスが必要な場合は必ずclassを使うべきなのか
– classにできてmoduleにできないことは何か
– 特に理由が無ければどちらを使った方が良いのか

## 前提
– classかmoduleかに関わらず、常に合理的な(冗長ではない)記法を選択するものとする
– 日常生活でまず使わないような回りくどい書き方は避ける
– JavaScriptのclassはスコープ周りの機能が貧弱なので、TypeScriptを基準として考える
– ここでのmoduleとは、ファイル単位で分割されたコードのことを指す
– [JavaScript モジュール – JavaScript | MDN](https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Modules)
– 関数の中に入れ子で関数を入れることや、prototypeに何かしらを代入するのは今回禁止とする
– ア

元記事を表示

React-admin の 日本語翻訳ファイルを公開しました

React-adminの日本語翻訳ファイルを公開しました。直訳せず、読みさすさとシンプルさを優先した意訳をしています。

:::note warn

※ これは2020-02-07に[個人ブログ](https://bicstone.me)で公開した記事を移植し、[MIT](https://github.com/bicstone/ra-language-japanese/blob/v5.2.0/LICENSE)で提供しています。情報は古い可能性があります。

:::

## react-admin

React-adminは、React + Redux + Redux-Saga + React-Query + MUI + React-Router + React Hook Formなどを活用した、管理サイトのために設計されたフロントエンドフレームワークです。

https://github.com/marmelab/react-admin

デモはこちらです。

https://marmelab.com/react-admin-demo/#/

管理サイトだけでなく、データ中心の会員制

元記事を表示

HTMLファイルのJavaScriptを外部ファイルに切り分ける方法

## アジェンダ
Web開発では、コードの管理や読みやすさを向上させるために、HTMLファイル内に書かれているJavaScriptコードを外部ファイルに切り分けることが推奨されています。この記事では、HTML内の`script`タグに直接書かれたJavaScriptを、外部ファイルとして切り分ける方法を簡単に解説します。

## 1. インラインJavaScriptの問題点

例えば、以下のようにHTML内に直接JavaScriptコードが書かれているとします。

“`html




サンプルページ

ようこそ!