TypeScript

nextjs with typescript:01 アプリ作成と動作確認

typescriptをつかったnext.jsのアウトプットも兼ねてチュートリアル的なものを書いていこうと思います。

node.js/npmをインストール(windows)

以下からインストールする。

nodeと一緒にnpmもインストールされるので、コマンドプロンプトでバージョン確認ができればOK。

【実行例】

$ node -vv12.16.1$ npm -v6.13.4

Yarnのイ

もっとみる

プログラミング言語ランキングが発表されました。1位はPythonで6割以上。2位 JavaScript 3位 C#4位 Java 。5位はGoとTypeScriptです。TypeScriptはGoogleの標準開発言語で普及可能性大。https://xtech.nikkei.com/atcl/nxt/column/18/01373/072900003/?i_cid=nbpnxt_ranking

今日があなたにとって良い一日でありますように。
3

基礎からのTypeScript[インターフェース⑶]

外資系企業でソフトウェアエンジニアをしております、タロイモと言います。今日もよろしくお願いします。

TypeScriptの文法について解説しています。
今回は第六回、最終回としてTypeScriptインターフェースのユーティリティ型を説明していきます。

ユーティリティ型とは

TypeScriptには、一般的な型変換(Mapped Type, Conditional Type)を容易にするため

もっとみる
Please share this article!!
8

TypeScriptでVue書いてたんだけど、@Component付けるの忘れて30分間くらいハマった。TypeScriptやるやん。

嬉しいです!!
2

基礎からのTypeScript[インターフェース⑵]

外資系企業でソフトウェアエンジニアをしております、タロイモと言います。今日もよろしくお願いします。

TypeScriptの文法について解説しています。
今回は第五回としてTypeScriptのインターフェースを説明していきます。
インターフェースの基礎はここから。

型チェック

型チェックの応用方法を見ていきましょう。

weak type
全てのプロパティが省略可能である型を指定します。

もっとみる

TypeScriptとはなにか?さらっと振り返ってみよう

近年利用者を増やし注目を集めているTypeScript。その特徴について、簡単ではありますが、さらっと振り返ってみたいと思います。

ちなみにQiitaにTypeScriptのざっくり入門の記事があったので、URLを貼っておきます。

TypeScriptとはなにか

TypeScriptは、JavaScriptに型が付いたプログラミン言語です。OSSとして、Microsoftによって開発、メンテ

もっとみる
「スキ」ありがとうございます!

基礎からのTypeScript[インターフェース⑴]

外資系企業でソフトウェアエンジニアをしております、タロイモと言います。今日もよろしくお願いします。

TypeScriptの文法について解説しています。
今回は第四回としてTypeScriptのインターフェースを説明していきます。

1. インターフェースとは

インターフェースは、型定義やクラスだけではできないことを可能にする機能です。

例えば、インターフェースで型定義&メンバ定義を行うことで

もっとみる

基礎からのTypeScript[オブジェクト指向]

外資系企業でソフトウェアエンジニアをしております、タロイモと言います。今日もよろしくお願いします。

前々回からTypeScriptの文法について解説しています。
今回は第三回としてTypeScriptのオブジェクト指向を説明していきます。

1. class

class構文
クラスの文法は以下の通りです。

class クラス名 { プロパティ名: プロパティのデータ型 c

もっとみる

TypeScriptのパスが通らない

TypeScriptのお勉強をしようと思ってnode.jsを入れた。
その後npm install -g typescriptするも、tsc -vでバージョンが確認できない。

tsc : このシステムではスクリプトの実行が無効になっているため、ファイル C:\Users\u6rin\AppData
\Roaming\npm\tsc.ps1 を読み込むことができません。詳細については、「abou

もっとみる
ありがとうございます!励みになります^^
2

ExpressをTypeScriptで設定する手順(ソースコード付き)

# 初めに

Node.jsで最もスタンダードなバックエンドフレームワークはExpressです。

しかしTypeScriptを使うのが当たり前の現在、ExpressのテンプレートはJavaScriptで生成されます。

今回の記事はExpressをTypeScriptで設定するための手順・考え方を紹介します。

# 全体の手順

以下の手順で設定していきます。

# Expressの設定

まず

もっとみる
ありがとうございます。よろしければシェアもお願いします。
10