【重要】サービス終了のお知らせ

TypeScript遊園地

Kon

License: MIT License

Fork
0
Fav
1
View
2658
  • Play

Fullscreen

Smart Phone

  • Readme
  • TypeScript 118 lines
  • HTML 15 lines
  • CSS 55 lines

TypeScript のコンパイラを Web 上で試せる公式サービス、TypeScript Playground の劣化コピーです。 TypeScript のコンパイラサービスを自分の Web サービスに組み込むときの参考にどうぞ。

とりあえず Chrome と Firefox で動くのは確認しました。ページレイアウトはすごく適当なので、環境によっては崩れてるかも? TypeScript コンパイラはセルフホスティングされているので、Web 上でコンパイルできたりするのです。 たった一個のファイル typescript.js だけを参照すればコンパイラを呼び出すことができるので配置も簡単です。 TypeScript は JavaScript のだいたいスーパーセットになっているので、JavaScript の構文チェックに使うという強引な応用も可能。 eval で構文エラーが起きたときに、ソースコード上の構文エラーのある位置がわからないよ! とお嘆きのあなたにもたいへんお勧めの製品となっております(謎)。

このあいだ書いた弾幕ゲー の弾幕生成スクリプトを TypeScript で書けるようにしようかと思いったっての実験です。 実装に必要なコード自体はそれほど多くないけれど、 コンパイラのインターフェイスが .d.ts にまとめられたりしてないので、 自分で適当にインターフェイスをコピーしたりする必要があります。 構文エラーとそのほかのコンパイルエラーが別の箇所で報告されるのもちょっと謎設計。 コンパイラもまだまだベータ版なので、今後コンパイラの API が大きく変更される可能性もありますので注意が必要ですね。 それ以前に、そもそもコンパイラの安定性に大きな不安があるので、ちゃんとしたプロジェクトへの採用には勇気という名の無謀さが求められます。

フルスクリーン表示 にすると、上部のヘッダのせいでそのぶんページの下部がはみ出し、コンパイルするボタンが見えなくなります。 その場合 Close Header のボタンを押すと正常に見ることができるようになると思います。

(jsrun.it の #containerView なる要素が height: 100% で、その子要素 #sectGeneratedSiteheight: 100% なのですが、 position: relative なのでヘッダの高さのぶん下にズレてます。原因わかったけど、これはどちらかというと jsrun.it 側の問題な気がする。 とりあえず #sectGeneratedSite{ height: calc(100% - 70px); } が思いついたけど、calc ってどのくらいの環境で動くんだっけな……。 自分はCSS 苦手だし直すのめんどい)

  • TypeScript遊園地
  • TypeScript遊園地

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Kon

Author

お前も tsdo.it にしてやろうか!

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by