2022-03-01から1ヶ月間の記事一覧
ディレクトリをほって初期化する。 モジュール名のところはリポジトリ名にするんだよ、とする情報が多くて、正しいのだけれど、公開しないものであれば別にそのフォルダ名とかでも特に支障はない(たぶん)。 mkdir XXXX cd XXXX go mod init モジュール名 D…
初期設定 とりえあえず、TypeScriptとexpressとexpressの型定義をインストールする。 npm i express npm i -D typescript npm i -D @types/express はじめの一歩 expressを用いたWebアプリでは、expressのオブジェクトを作り、そのオブジェクトにどのメソッ…
TypeScriptとは JavaScriptの世界に静的型付けを持ち込んだイメージ。JavaScriptのゆるふわ感を緩和してくれる。TypeScriptでかいたソースコードをコンパイラ(トランスパイラ)で変換するとJavaScriptのコードが生成されるので、そのソースコードをnode.js…
ReactではHTMLを組み立てる上でJSXというJavaScriptの拡張構文を用いる。 関数コンポーネントを使う場合、そのコンポーネントを表す関数でJSXをreturnする。 例えばこんな感じ export const Abc = () => { return <p>abac</p>; } JSXのなかでは{と}でくくることでJa…
react-router-domがバージョン6になってから従来のSwitchが使えなくなったが、代わりにRoutesを使えばよい。 function App() { return( <BrowserRouter> <Routes> <Route path="login" element={<Login />} /> <Route path="about" element={<About />} /> <Route path="/" element={<TopPage/>} /> </Routes> </BrowserRouter> ); } ちょっとの修正で対処できるのにあえてバージョン5を使…
事前にnpmのインストールが必要 npx create-react-app プロジェクト名 --template typescript あとから変更するのはめちゃくちゃ大変らしいのではじめっからTypeScriptを使うぞと心に誓っておいたほうがよさそうだ。