No video

【日本一わかりやすいTypeScript入門】tsconfigとWebpackの設定を理解して環境構築

  Рет қаралды 46,562

トラハック

トラハック

Күн бұрын

Пікірлер: 36
@1492tiger
@1492tiger 3 жыл бұрын
動画の通りだと、tscコマンドが実行できないのでTypeScriptをグローバルインストールしてください! npm install -g typescript
@chiuney
@chiuney 2 жыл бұрын
npm run startの時にcontentBaseで怒られたら contentBase: path.join(__dirname, 'dist'), の部分を static: { directory: path.join(__dirname, "dist"), }, に差し替えてみてください
@user-yh5mo2yc8z
@user-yh5mo2yc8z Жыл бұрын
これから始める人向けなのですが、npm run startの際にindex.jsが見つからないという場合はbundleの指定先をindex.tsに変えてみると上手くいきました。
@user-lc8nb4ih6h
@user-lc8nb4ih6h 3 жыл бұрын
npm何とか、tsc何とかでエラー表示される時は頭にnpxってつければ良さそう
@p-yell
@p-yell 3 жыл бұрын
1本で50分...気合が入っていますね! 自分も気合を入れて学ばせていただきます!
@gamiike
@gamiike 3 жыл бұрын
ありがとうございます。nodeのdocker環境でもできました!
@kimdh377
@kimdh377 3 жыл бұрын
待ってました!!!!!以前投票した時、WebAPIの方が選ばれてからずっとトラハックさんのTypeScript講座を待ってました!ありがとうございます!トラハックさん、最近私はMySQLとTypeScriptを組み合わせて勉強をしているのですが、今後MySQLの講座はされる予定はありませんか?
@1492tiger
@1492tiger 3 жыл бұрын
お待たせしすぎてしまいました! MySQLは専門じゃないのでしばらくないかと笑 僕のポリシーとして、実務で使った経験があるものしか動画にしていないので!
@kimdh377
@kimdh377 3 жыл бұрын
@@1492tiger 分かりました!今後ともトラハックさんのさまざまな講座を楽しみにしています!トラハックさん、質問ですが tsc --initをしたときに、zsh : command not found : tsc となりまして、npx tsc --initにしたらうまくtsconfig.jsonが作られましたが、どこを間違ったのでしょうか。
@1492tiger
@1492tiger 3 жыл бұрын
@@kimdh377 プロジェクト内にtypescriptはインストールされていますか?
@kimdh377
@kimdh377 3 жыл бұрын
@@1492tiger はい、動画の通りインストールしたのですが、他にググってみると$ npm install -g typescriptをしてみてくださいと書いてあったので、ターミナルにもう一回グローバルに設置したら今度は npxを前に付けなくてもtsc --init を入力するだけでtsconfig.jsonができました!
@1492tiger
@1492tiger 3 жыл бұрын
@@kimdh377 なるほど、TypeScriptのグローバルインストールしてなかったからですね! グローバルインストールしてない場合は、これでプロジェクト内のtscコマンドを使えるはずです。 ./node_modules/.bin/tsc --init
@kawanabetasuku7660
@kawanabetasuku7660 2 жыл бұрын
バージョンを記載し忘れました、失礼いたしました。 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"
@user-kd4ob6hb7v
@user-kd4ob6hb7v 18 күн бұрын
メソッドやコンストラクターをサラサラ書いたり、オブジェクトをnewしたりってあっさりやってるけど、この辺はサーバーサイドを学ばないとしっくり来させるのは難しいかもね
@dogneko3462
@dogneko3462 2 жыл бұрын
とてもわかりやすいです!ありがとうございます!!
@user-ex9du7sw4g
@user-ex9du7sw4g 3 жыл бұрын
発狂した。落ち着いたらまたくる
@user-jn5vn1wg8n
@user-jn5vn1wg8n 3 жыл бұрын
webpack-dev-server: "^4.1.0"なのですがnpm run startとしたらエラー出ました。 バージョンアップによってconfigのdevServerの所のcontentBaseという所がどうやら問題になっていて、ここをstaticにすることで起動できました。しかし、これで完全に解決したのか不安なのですが大丈夫でしょうか?
@user-ry3zq9no1g
@user-ry3zq9no1g 2 жыл бұрын
ありがとうございます!ちょうど困っていたんです!
@ty15
@ty15 2 жыл бұрын
21:20 constはconstant(コンスタント)じゃないですか?
@ktaka224
@ktaka224 3 жыл бұрын
tsc --initを入力すると、tscが認識されてないようです。どうすれば良いですか?
@kawanabetasuku7660
@kawanabetasuku7660 2 жыл бұрын
./node_modules/.bin/tsc --initで動きました。参考: TypeScript チュートリアル qiita.com/EBIHARA_kenji/items/31b7c1c62426bdabd263
@user-hd4uo2fs6g
@user-hd4uo2fs6g 3 жыл бұрын
詳しい解説ありがとうございます。 少し気になったのですが、 webpackconfigのmoduleのtestの.tsって、シングルクオートで囲むのはだめなんですか? 他の.tsは文字列にしているのに、ここだけ正規表現なので気になりました。 理由など教えていただければ幸いです。
@user-ci1zy3fw3u
@user-ci1zy3fw3u 3 жыл бұрын
マークアップエンジニアを目指しwebpackについて最近勉強しております。 分からないことがあり教えていただけませんでしょうか?
@user-vt3ij1ru7g
@user-vt3ij1ru7g 3 жыл бұрын
こういう質問する人はエンジニアに向かないと一発でわかる
@user-ny1bn4xb8f
@user-ny1bn4xb8f 11 ай бұрын
JavaScript系苦手😢
@user-tb5dj4pz8h
@user-tb5dj4pz8h 2 жыл бұрын
import World from "./world"; が自動補完でimport World from "world";になってたし、distをsrcの中に作ってたしで、クソみたいなミスでエラー出まくった。
@user-tu3my8xl2o
@user-tu3my8xl2o 3 жыл бұрын
こんにわ!index.tsファイル2行目のelementId:"root"が自動で補完されていますが VScodeの拡張機能ですか?拡張機能でしたら名前教えていただけると助かります
@1492tiger
@1492tiger 3 жыл бұрын
僕のエディタはIntellij IDEAなので、そのエディタが表示してくれている補足情報ですね〜!
@user-tu3my8xl2o
@user-tu3my8xl2o 3 жыл бұрын
@@1492tiger 返信ありがとうございます! なるほど、とても便利そうで良いですね
@user-ex9du7sw4g
@user-ex9du7sw4g 3 жыл бұрын
npm run start で sh:wepack-cli command not foundが出てくる
@kunime-ji5066
@kunime-ji5066 3 жыл бұрын
何がやられているのか全くわかりません。相当勉強しているか仕事で開発業務をしていないと分からなそうです。
@1492tiger
@1492tiger 3 жыл бұрын
環境構築は他の手段でサクッと作ることもできますが、あえて基礎から解説してます。 もしこの動画でわからなければ他の手段もあるので調べてみてくださいー!
@kunime-ji5066
@kunime-ji5066 3 жыл бұрын
@@1492tiger そうですね。他の教材で勉強し直して、またこの動画に戻ってきます。
Dad Makes Daughter Clean Up Spilled Chips #shorts
00:16
Fabiosa Stories
Рет қаралды 2,4 МЛН
Конфигурация для TypeScript - tsconfig.json
27:58
Михаил Непомнящий
Рет қаралды 16 М.
The TSConfig Cheat Sheet
5:36
Matt Pocock
Рет қаралды 34 М.
ReactとTypeScriptの相性が良すぎる理由を解説しよう
20:27
【永久保存版】Python入門完全攻略
2:26:42
はやたす | Python・データサイエンスコーチ
Рет қаралды 172 М.
Dad Makes Daughter Clean Up Spilled Chips #shorts
00:16
Fabiosa Stories
Рет қаралды 2,4 МЛН