[B! JavaScript][typescript][url] slay-tのブックマーク

slay-t id:slay-t

JavaScriptとtypescriptとurlに関するslay-tのブックマーク (2)

2021年の密かなトレンド？　“型安全ルーティング”の概観
2020年は、型安全ルーティングが密かに盛り上がりを見せた年でした。この記事では、TypeScript周りのエコシステムで発生した型安全ルーティングという概念とこれまでの流れを振り返ってご紹介します。ルーティングとはこの記事でいうルーティングは、URL（特に/user/uhyoといったパス部分）を見てコンテンツを出し分ける機構のことを指します。ルーティングは、主にSPA (Single Page Application) で必要となります。SPAはどのようなURLでも同じHTMLとJavaScriptが動作し、JavaScriptによってアドレスに対応したコンテンツが表示されます。まさに、ルーティングがSPAの根幹となっています。また、一般のウェブサーバーも、異なるURLに対するリクエストには異なるレスポンスを返しますから、ここでもルーティングが行われていることになります。従来は、文
slay-t 2021/01/12
url

app

react

TypeScript

javascript

型

漢字
リンク
CodeWich - TypeScript対応、サーバレスなHTMLプレイグラウンド MOONGIFT
JSFiddleやCodePenなど、HTML/JavaScript/CSSのプレイグラウンド的サービスが多数あります。多くのサービスは専用のURLが払い出され、そのURLにアクセスして使います。そして、そのサービスが落ちたりすると使えなくなるリスクがあります。そんな中注目したいのがCodeWichです。コードを圧縮して専用のURLとする、URLを覚えている限りはあなたのコードがなくなったりしないプレイグラウンドサービスです。 CodeWichの使い方入力はTypeScriptベースになっています。 CSSの入力補完も効いています。テーマの変更や入力内容のlocalStorage補完に関する設定も可能です。実行例です。 Canvasを使った表現もできます。 CSSを使ったものも。 CodeWichは共有を行う際にURLが生成されますが、 https://codewich.com/#
slay-t 2018/08/30
TypeScript

コード

url

javascript

サービス
リンク
1