SPAとは何か？
SPAとは？ SPAとは「Single Page Application」の略で、単一のページでコンテンツの切り替えを行う Webアプリケーションのアーキテクチャの名称です。 SPAではブラウザ...
9
6
Comment0
157 search resultsShowing 1~20 results
Stocked
You need to log-in
[React] Routerの使い方
React Routerの簡単な使い方 まず、＜Router＞...＜/Router＞で全体を囲み、 ルーティング先のコンポーネントを＜Switch＞...＜/Switch＞で囲みます。例えばペ...
0
1
Comment0
[TypeScript] チートシート
インストール //npmでインストール npm install TypeScript //yarnでインストール yarn add global typescript //sample.ts フ...
1
2
Comment0
[Rails] routesのnamespaceとget ... to: の意味
namespace namespace: hoge で名前空間を付与することができます。これはコントローラーをグルーピングし、またURLにもその情報を付与することを意味します。 routes.r...
1
1
Comment0
[JavaScript] モダンな書き方
分割代入 ↓${myProfile.name}のように書くのが面倒くさいので、 nameを「どのオブジェクトから参照するか」を先に定義しています。 オブジェクトVer const myProfi...
4
2
Comment0
[React Hooks] 基礎
Ver16.8（2019）から導入された新機能 Classコンポーネントを使わずに、Functionalコンポーネントを使います。 これによって、コーディングの簡素化、可読性の向上が実現されます...
0
1
Comment0
[React] 基礎
JSX記法 import React from "react"; import ReactDom from "react-dom"; が必要です。 JavaScriptの中でHTMLのタグを書い...
0
0
Comment0
JavaScript上での実用的な操作
JavaScript上での操作 index.html <!DOCTYPE html> <html> <head> <title><ToDo-...
1
0
Comment0
[JavaScript] 概念の復習
CodeSandbox Web上で利用するブラウザIDE、いわゆる統合開発環境で、利用出来る主な言語はjavascript(node.js)です。 統合開発環境という言葉に聞き覚えが無い方は、シ...
3
4
Comment0
TypeScript, Node.js, Express を一緒に使う方法
設定ファイル（package.json）作成 npm init -y で作成 TypeScriptの設定ファイル（tsconfig.json）作成 tsc --init で作成 nodemonイ...
0
0
Comment0
TypeScriptとReactを一緒に使う方法
ゼロからTypeScriptとReactを一緒に使う tsxファイルを作成 react.tsx import React from 'react'; import ReactDOM from '...
0
1
Comment0
TypescriptでJavascriptライブラリーを使う方法
Typescriptはnode_modulesを見てるか？ 結論：見てるとき、見てないときがあります。 "moduleResolution": 'node' (Node.js) か 'class...
5
0
Comment0
ES Module / Webpack
ES Module ES modulesは、JavaScriptファイルから別のJavaScriptファイルを読み込む仕組みです。 ↓tsconfig.jsonでmoduleを指定する tsco...
0
3
Comment0
[Typescript] Decorator
Decorator classを受け取ってデコレートする関数です。 tsconfig.jsonで"experimentalDecorators": trueにする必要があります。 ＠expres...
0
2
Comment0
[Typescript] Generics
Generics 型を引数として受け取ることができる仕組みです。 ↓関数copyを実行するときに、型を引数として渡してあげることができます。 ↓関数名と値の間に＜T＞と入れることで、Tが、今後ど...
4
3
Comment0
[Typescript] 応用
インターセクション型 A & Bのような型のことを言います。 ↓EngineerとBloggerオブジェクトの全てを入れる必要があります。 ↓被っているものは１つで良いとみなされるので、...
2
2
Comment0
[Typescript] Interface
Interface オブジェクトの構造を表したものです。 Interfaceはオブジェクトのみ、Type aliasは全部いけます。 interface.ts interface Human {...
1
1
Comment0
[TypeScript] Class
オブジェクト指向プログラミング（object-oriented programming）（OOP） 現実世界の物に見立ててプログラムする方法 どのようにアプリケーションを作るかという方法の一つ ...
0
3
Comment0
[Typescript] Compiler
watchモード ↓いずれかのコマンドでwatchモードが開始し、変更がある度自動でコンパイルしてくれます。 % tsc ファイル名 --watch % tsc ファイル名 -w 停止はcont...
0
0
Comment0
[Typescript] 基本的な型
boolean index.ts let hasValue: boolean = true; let hasValue: boolean = false; number index.ts let...
0
0
Comment0
157 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles