サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.javascript:10.typescript


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
00.javascript:10.typescript [2021/01/01] – [TypeScriptリンク] adash33300.javascript:10.typescript [2021/01/19] (現在) – [TypescriptをJavaScriptに変換] adash333
行 50: 行 50:
 2020/03/16 2020/03/16
 TypeScriptを入門者向けに解説!JavaScriptとの違いや勉強法までわかりやすく TypeScriptを入門者向けに解説!JavaScriptとの違いや勉強法までわかりやすく
 +
 +===== TypescriptをJavaScriptに変換 =====
 +
 +https://www.typescriptlang.org/play
 +
 +
 +
 +
 +https://hiranoon.hatenablog.com/entry/2020/04/13/192630
 +20200413
 +TypeScript をサクッと一通り知る
 +
 +
 +
 +
 +
 +
  
 ===== TypeScriptリンク ===== ===== TypeScriptリンク =====
 https://typescript-jp.gitbook.io/deep-dive/getting-started https://typescript-jp.gitbook.io/deep-dive/getting-started
 TypeScript Deep Dive 日本語版 TypeScript Deep Dive 日本語版
 +
 +https://qiita.com/shibukawa/items/19ab5c381bbb2e09d0d9
 +@shibukawa
 +2020年07月26日に更新
 +イマドキのJavaScriptの書き方2018
 +
 +https://future-architect.github.io/typescript-guide/
 +仕事ですぐに使えるTypeScript
 +
 +
 +
 +<html>
 +<a href="https://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0TypeScript-%E2%80%95%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8BJavaScript%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA-Boris-Cherny/dp/4873119049/ref=as_li_ss_il?&linkCode=li3&tag=risanorg-22&linkId=0a0dea0076ce0334aea7cd5c5e75b7aa&language=ja_JP" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=4873119049&Format=_SL250_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=risanorg-22&language=ja_JP" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=risanorg-22&language=ja_JP&l=li3&o=9&a=4873119049" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
 +</html>
 +プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発 (日本語) 単行本(ソフトカバー) – 2020/3/16
 +Boris Cherny  (著), 今村 謙士 (監修), 原 隆文 (翻訳)
  
 https://www.webopixel.net/javascript/1584.html https://www.webopixel.net/javascript/1584.html
行 100: 行 133:
  
 ===== TypeScriptの開発環境構築 ===== ===== TypeScriptの開発環境構築 =====
 +
 +流れ
 +  -yarn init -y
 +  -yarn add -D parcel
 +  -src/index.htmlの作成
 +  -src/index.tsの作成
 +  -src/index.scssの作成
 +  -''%%yarn run parcel src/index.html --open%%''
 +  -yarn run parcel build src/index.html
 +
  
 https://ics.media/entry/190325/ https://ics.media/entry/190325/
行 237: 行 280:
 りゅーそう りゅーそう
 2019/08/01 13:25 2019/08/01 13:25
 +
 +
 +===== system.js =====
 +
 +https://i-doctor.sakura.ne.jp/font/?p=46036
 +SystemJS@0.19.47のCDNでTypeScript
 +2021年1月11日
 +
 +
 +ものすごく時間がかかるが、node.jsを使わずに、ブラウザだけでtypescriptをコンパイルして利用することもできる。
 +→[[http://hono-auto.seesaa.net/article/450647466.html|SystemJS、unpkgを使ってブラウザで動的にtypescriptをロード、コンパイルして実行]]
 +
 +
 +https://unpkg.com/systemjs@0.19.47/dist/system.js
 +
 +
 +http://www.ifelse.jp/blog/web-02
 +SystemJSを使ったWEBフロントエンド開発
 +投稿日:2017年4月9日 更新日:2018年12月29日
 +
 +
 +http://hono-auto.seesaa.net/article/450647466.html
 +2017年06月07日
 +SystemJS、unpkgを使ってブラウザで動的にtypescriptをロード、コンパイルして実行
 +
 +
 +
 +
 +
 +https://dev.to/vbilopav/how-to-configure-systemjs-module-loader-for-your-typescript-project-from-cdn-with-local-fallback-in-visual-studio-4k42
 +How to configure SystemJS module loader for your TypeScript project - from CDN with local fallback in Visual Studio
 +vbilopav profile image
 +vbilopav
 +2020年3月5日
 +
 +===== オンラインエディタ =====
 +
 +CodeSandbox
 +
 +Repl.it
 +
 +
 +
 +https://paiza.hatenablog.com/entry/2019/03/20/%E3%80%902019%E5%B9%B4%E7%89%88%E3%80%91JavaScript%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AB%E6%A7%8B%E7%AF%89%E3%81%99%E3%82%8B%E3%82%AF%E3%83%A9%E3%82%A6
 +【2019年版】JavaScript開発環境をブラウザに構築するクラウドIDEを厳選してみた!
 +
 +
 +https://paiza.hatenablog.com/entry/2020/06/17/50%E4%BB%A5%E4%B8%8A%E3%81%AE%E8%A8%80%E8%AA%9E%E3%81%AB%E5%AF%BE%E5%BF%9C%EF%BC%81%E4%BD%95%E3%81%A7%E3%82%82%E9%96%8B%E7%99%BA%E5%8F%AF%E8%83%BD%E3%81%AA%E7%84%A1%E6%96%99%E3%81%AE%E3%82%AF%E3%83%A9
 +50以上の言語に対応!何でも開発可能な無料のクラウドIDE「Repl.it」を使ってみた!
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  


00.javascript/10.typescript.1609477485.txt.gz · 最終更新: 2021/01/01 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki