Размер видео: 1280 X 720853 X 480640 X 360
Показать панель управления
Автовоспроизведение
Автоповтор
動画の通りだと、tscコマンドが実行できないのでTypeScriptをグローバルインストールしてください！npm install -g typescript
グローバルに入れ直さないで、最初にいれたtypescriptをnode_modeulesからnpx tsc --initで実行できませんか？
npm run startの時にcontentBaseで怒られたらcontentBase: path.join(__dirname, 'dist'),の部分を static: { directory: path.join(__dirname, "dist"), },に差し替えてみてください
これから始める人向けなのですが、npm run startの際にindex.jsが見つからないという場合はbundleの指定先をindex.tsに変えてみると上手くいきました。
npm何とか、tsc何とかでエラー表示される時は頭にnpxってつければ良さそう
ありがとうございます。nodeのdocker環境でもできました！
1本で50分...気合が入っていますね！自分も気合を入れて学ばせていただきます！
待ってました！！！！！以前投票した時、WebAPIの方が選ばれてからずっとトラハックさんのTypeScript講座を待ってました！ありがとうございます！トラハックさん、最近私はMySQLとTypeScriptを組み合わせて勉強をしているのですが、今後MySQLの講座はされる予定はありませんか？
お待たせしすぎてしまいました！MySQLは専門じゃないのでしばらくないかと笑僕のポリシーとして、実務で使った経験があるものしか動画にしていないので！
@@1492tiger 分かりました！今後ともトラハックさんのさまざまな講座を楽しみにしています！トラハックさん、質問ですが tsc --initをしたときに、zsh : command not found : tsc となりまして、npx tsc --initにしたらうまくtsconfig.jsonが作られましたが、どこを間違ったのでしょうか。
@@kimdh377 プロジェクト内にtypescriptはインストールされていますか？
@@1492tiger はい、動画の通りインストールしたのですが、他にググってみると$ npm install -g typescriptをしてみてくださいと書いてあったので、ターミナルにもう一回グローバルに設置したら今度は npxを前に付けなくてもtsc --init を入力するだけでtsconfig.jsonができました！
@@kimdh377 なるほど、TypeScriptのグローバルインストールしてなかったからですね！グローバルインストールしてない場合は、これでプロジェクト内のtscコマンドを使えるはずです。./node_modules/.bin/tsc --init
webpack-dev-server: "^4.1.0"なのですがnpm run startとしたらエラー出ました。バージョンアップによってconfigのdevServerの所のcontentBaseという所がどうやら問題になっていて、ここをstaticにすることで起動できました。しかし、これで完全に解決したのか不安なのですが大丈夫でしょうか？
ありがとうございます！ちょうど困っていたんです！
とてもわかりやすいです！ありがとうございます！！
メソッドやコンストラクターをサラサラ書いたり、オブジェクトをnewしたりってあっさりやってるけど、この辺はサーバーサイドを学ばないとしっくり来させるのは難しいかもね
21:20 constはconstant(コンスタント)じゃないですか？
バージョンを記載し忘れました、失礼いたしました。devDependeinciesにインストールしたパッケージのバージョンは下記になります。"ts-loader": "^9.2.8","typescript": "^4.6.3","webpack": "^5.72.0","webpack-cli": "^4.9.2","webpack-dev-server": "^4.8.1"
発狂した。落ち着いたらまたくる
tsc --initを入力すると、tscが認識されてないようです。どうすれば良いですか？
./node_modules/.bin/tsc --initで動きました。参考: TypeScript チュートリアル qiita.com/EBIHARA_kenji/items/31b7c1c62426bdabd263
詳しい解説ありがとうございます。少し気になったのですが、webpackconfigのmoduleのtestの.tsって、シングルクオートで囲むのはだめなんですか？他の.tsは文字列にしているのに、ここだけ正規表現なので気になりました。理由など教えていただければ幸いです。
マークアップエンジニアを目指しwebpackについて最近勉強しております。分からないことがあり教えていただけませんでしょうか？
こういう質問する人はエンジニアに向かないと一発でわかる
npm run start で sh:wepack-cli command not foundが出てくる
こんにわ！index.tsファイル2行目のelementId:"root"が自動で補完されていますがVScodeの拡張機能ですか？拡張機能でしたら名前教えていただけると助かります
僕のエディタはIntellij IDEAなので、そのエディタが表示してくれている補足情報ですね〜！
@@1492tiger 返信ありがとうございます！なるほど、とても便利そうで良いですね
JavaScript系苦手😢
import World from "./world"; が自動補完でimport World from "world";になってたし、distをsrcの中に作ってたしで、クソみたいなミスでエラー出まくった。
何がやられているのか全くわかりません。相当勉強しているか仕事で開発業務をしていないと分からなそうです。
環境構築は他の手段でサクッと作ることもできますが、あえて基礎から解説してます。もしこの動画でわからなければ他の手段もあるので調べてみてくださいー！
@@1492tiger そうですね。他の教材で勉強し直して、またこの動画に戻ってきます。
![KSI - Dirty [Official Visualiser]](http://i.ytimg.com/vi/VoDh1h1dPUE/mqdefault.jpg)
動画の通りだと、tscコマンドが実行できないのでTypeScriptをグローバルインストールしてください！
npm install -g typescript
グローバルに入れ直さないで、最初にいれたtypescriptをnode_modeulesからnpx tsc --initで実行できませんか？
npm run startの時にcontentBaseで怒られたら
contentBase: path.join(__dirname, 'dist'),
の部分を
static: {
directory: path.join(__dirname, "dist"),
},
に差し替えてみてください
これから始める人向けなのですが、npm run startの際にindex.jsが見つからないという場合はbundleの指定先をindex.tsに変えてみると上手くいきました。
npm何とか、tsc何とかでエラー表示される時は頭にnpxってつければ良さそう
ありがとうございます。nodeのdocker環境でもできました！
1本で50分...気合が入っていますね！
自分も気合を入れて学ばせていただきます！
待ってました！！！！！以前投票した時、WebAPIの方が選ばれてからずっとトラハックさんのTypeScript講座を待ってました！ありがとうございます！トラハックさん、最近私はMySQLとTypeScriptを組み合わせて勉強をしているのですが、今後MySQLの講座はされる予定はありませんか？
お待たせしすぎてしまいました！
MySQLは専門じゃないのでしばらくないかと笑
僕のポリシーとして、実務で使った経験があるものしか動画にしていないので！
@@1492tiger 分かりました！今後ともトラハックさんのさまざまな講座を楽しみにしています！トラハックさん、質問ですが tsc --initをしたときに、zsh : command not found : tsc となりまして、npx tsc --initにしたらうまくtsconfig.jsonが作られましたが、どこを間違ったのでしょうか。
@@kimdh377 プロジェクト内にtypescriptはインストールされていますか？
@@1492tiger はい、動画の通りインストールしたのですが、他にググってみると$ npm install -g typescriptをしてみてくださいと書いてあったので、ターミナルにもう一回グローバルに設置したら今度は npxを前に付けなくてもtsc --init を入力するだけでtsconfig.jsonができました！
@@kimdh377 なるほど、TypeScriptのグローバルインストールしてなかったからですね！
グローバルインストールしてない場合は、これでプロジェクト内のtscコマンドを使えるはずです。
./node_modules/.bin/tsc --init
webpack-dev-server: "^4.1.0"なのですがnpm run startとしたらエラー出ました。
バージョンアップによってconfigのdevServerの所のcontentBaseという所がどうやら問題になっていて、ここをstaticにすることで起動できました。しかし、これで完全に解決したのか不安なのですが大丈夫でしょうか？
ありがとうございます！ちょうど困っていたんです！
とてもわかりやすいです！ありがとうございます！！
メソッドやコンストラクターをサラサラ書いたり、オブジェクトをnewしたりってあっさりやってるけど、この辺はサーバーサイドを学ばないとしっくり来させるのは難しいかもね
21:20
constはconstant(コンスタント)じゃないですか？
バージョンを記載し忘れました、失礼いたしました。
devDependeinciesにインストールしたパッケージのバージョンは下記になります。
"ts-loader": "^9.2.8",
"typescript": "^4.6.3",
"webpack": "^5.72.0",
"webpack-cli": "^4.9.2",
"webpack-dev-server": "^4.8.1"
発狂した。落ち着いたらまたくる
tsc --initを入力すると、tscが認識されてないようです。どうすれば良いですか？
./node_modules/.bin/tsc --initで動きました。参考: TypeScript チュートリアル qiita.com/EBIHARA_kenji/items/31b7c1c62426bdabd263
詳しい解説ありがとうございます。
少し気になったのですが、
webpackconfigのmoduleのtestの.tsって、シングルクオートで囲むのはだめなんですか？
他の.tsは文字列にしているのに、ここだけ正規表現なので気になりました。
理由など教えていただければ幸いです。
マークアップエンジニアを目指しwebpackについて最近勉強しております。
分からないことがあり教えていただけませんでしょうか？
こういう質問する人はエンジニアに向かないと一発でわかる
npm run start で sh:wepack-cli command not foundが出てくる
こんにわ！index.tsファイル2行目のelementId:"root"が自動で補完されていますが
VScodeの拡張機能ですか？拡張機能でしたら名前教えていただけると助かります
僕のエディタはIntellij IDEAなので、そのエディタが表示してくれている補足情報ですね〜！
@@1492tiger
返信ありがとうございます！
なるほど、とても便利そうで良いですね
JavaScript系苦手😢
import World from "./world"; が自動補完でimport World from "world";になってたし、distをsrcの中に作ってたしで、クソみたいなミスでエラー出まくった。
何がやられているのか全くわかりません。相当勉強しているか仕事で開発業務をしていないと分からなそうです。
環境構築は他の手段でサクッと作ることもできますが、あえて基礎から解説してます。
もしこの動画でわからなければ他の手段もあるので調べてみてくださいー！
@@1492tiger そうですね。他の教材で勉強し直して、またこの動画に戻ってきます。