使用していたので、手元で試していなかった。Qiitaいざ、自作プログラムを作成しようと思った時に、色々とわからなかったので、調べたことをまとめた。TypeScriptのコンパイル方法tsファイルから、jsファイルへの変換(トランスパイルというらしい)には、tscコマンドの-pオプションで現在のディレクトリを指定する。beta.6でtsconfigの書き方が変わったことによるエラーが出て、自分のミスと切り分けがつかず、少し悩んだ。targetに"es6"を設定することでエラーが出なくなった。tsconfigのfilesは、エントリポイントを指定すると書いてあったので、boostrapメソッドを記述したファイルを指定した。jsファイルをBrowserifyで一つにまとめるtscによって変換したjsファイルを一つにまとめる。コマンドの引数にjsファイルを複数指定したら動作した!でもtsファイルを作るたびに、指定を増やすなんてことはしたくないなあ~と思い、解決方法について調べた。これはbrowserify-handbookというサイトに書いてあった。requireメソッドのツリーをたどって依存関係を構築してくれるらしいので、こちらもエントリポイントだけで良いみたい。Worldが動作することを確認できた。Httpサーバーで実行するにはどうするのか?とかリリースどうするのか?とかあるけど、とりあえず作成に入ろうと思う。Router挑戦Routerでつまずく。browserifyでやろうとすると壁があちこちにあるな。......そうか!Routerを使う場合はサーバー上で実行しなければならないのか。browserifyのサイトにあったbeefyを-gオプションでインストールして実行。beefyにbundle.jsを渡したら動いた。ところが翌日に、昨日は動いたのに今日は動かないという現象が発生。buf.copyでエラーになる。リソースの読み込みに関するエラーのようだ。そこでbudle.jsの代わりに、bundle.jsを読み込んでいるindex.htmlをbeefyに渡すようにしたらエラーが出なくなった。今までEdgeで動作確認をしていたが、他の人に確認してもらうために、FirefoxやChromeで試してみると、動作しない!変換されたJSを見てみると、classという文字がある。ES6形式のJSになっていた。そこで入門に使用した記事を再び見ると、beta.6対応版になっていた。それに従って、babelifyを使用すると、今度はbabelifyでエラー。presetsで指定したes2015が見つからないというので、babel-preset-es2015をインストール。すると、FirefoxやChromeで動作するようになった。index.htmlで指定していたxxxpolifill.jsも不要になった。今後チュートリアルに手を加えて、検索機能や保存ボタンを作ってみた辺りで、調査は一区切りとした。2の情報が増えてきたら、また調べようと思います。参考までにpackage.json、tsconfig.json、index.htmlの内容を残しておく。(1)注目記事はてなブログをはじめよう!redwarriorさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。