KZ
faq
Негізгі бет
Қазірдің өзінде танымал
Тікелей эфир
Ұнаған бейнелер
Қайтадан қараңыз
Жазылымдар
Кіру
Тіркелу
Ең жақсы KZfaq
Фильм және анимация
Автокөліктер мен көлік құралдары
Музыка
Үй жануарлары мен аңдар
Спорт
Ойындар
Комедия
Ойын-сауық
Тәжірибелік нұсқаулар және стиль
Ғылым және технология
No video
【日本一わかりやすいTypeScript入門】tsconfigとWebpackの設定を理解して環境構築
Рет қаралды 46,562
Facebook
Twitter
Жүктеу
1
Жазылу 23 М.
トラハック
Күн бұрын
Пікірлер: 36
@1492tiger
3 жыл бұрын
動画の通りだと、tscコマンドが実行できないのでTypeScriptをグローバルインストールしてください! npm install -g typescript
@chiuney
2 жыл бұрын
npm run startの時にcontentBaseで怒られたら contentBase: path.join(__dirname, 'dist'), の部分を static: { directory: path.join(__dirname, "dist"), }, に差し替えてみてください
@user-yh5mo2yc8z
Жыл бұрын
これから始める人向けなのですが、npm run startの際にindex.jsが見つからないという場合はbundleの指定先をindex.tsに変えてみると上手くいきました。
@user-lc8nb4ih6h
3 жыл бұрын
npm何とか、tsc何とかでエラー表示される時は頭にnpxってつければ良さそう
@p-yell
3 жыл бұрын
1本で50分...気合が入っていますね! 自分も気合を入れて学ばせていただきます!
@gamiike
3 жыл бұрын
ありがとうございます。nodeのdocker環境でもできました!
@kimdh377
3 жыл бұрын
待ってました!!!!!以前投票した時、WebAPIの方が選ばれてからずっとトラハックさんのTypeScript講座を待ってました!ありがとうございます!トラハックさん、最近私はMySQLとTypeScriptを組み合わせて勉強をしているのですが、今後MySQLの講座はされる予定はありませんか?
@1492tiger
3 жыл бұрын
お待たせしすぎてしまいました! MySQLは専門じゃないのでしばらくないかと笑 僕のポリシーとして、実務で使った経験があるものしか動画にしていないので!
@kimdh377
3 жыл бұрын
@@1492tiger 分かりました!今後ともトラハックさんのさまざまな講座を楽しみにしています!トラハックさん、質問ですが tsc --initをしたときに、zsh : command not found : tsc となりまして、npx tsc --initにしたらうまくtsconfig.jsonが作られましたが、どこを間違ったのでしょうか。
@1492tiger
3 жыл бұрын
@@kimdh377 プロジェクト内にtypescriptはインストールされていますか?
@kimdh377
3 жыл бұрын
@@1492tiger はい、動画の通りインストールしたのですが、他にググってみると$ npm install -g typescriptをしてみてくださいと書いてあったので、ターミナルにもう一回グローバルに設置したら今度は npxを前に付けなくてもtsc --init を入力するだけでtsconfig.jsonができました!
@1492tiger
3 жыл бұрын
@@kimdh377 なるほど、TypeScriptのグローバルインストールしてなかったからですね! グローバルインストールしてない場合は、これでプロジェクト内のtscコマンドを使えるはずです。 ./node_modules/.bin/tsc --init
@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
18 күн бұрын
メソッドやコンストラクターをサラサラ書いたり、オブジェクトをnewしたりってあっさりやってるけど、この辺はサーバーサイドを学ばないとしっくり来させるのは難しいかもね
@dogneko3462
2 жыл бұрын
とてもわかりやすいです!ありがとうございます!!
@user-ex9du7sw4g
3 жыл бұрын
発狂した。落ち着いたらまたくる
@user-jn5vn1wg8n
3 жыл бұрын
webpack-dev-server: "^4.1.0"なのですがnpm run startとしたらエラー出ました。 バージョンアップによってconfigのdevServerの所のcontentBaseという所がどうやら問題になっていて、ここをstaticにすることで起動できました。しかし、これで完全に解決したのか不安なのですが大丈夫でしょうか?
@user-ry3zq9no1g
2 жыл бұрын
ありがとうございます!ちょうど困っていたんです!
@ty15
2 жыл бұрын
21:20 constはconstant(コンスタント)じゃないですか?
@ktaka224
3 жыл бұрын
tsc --initを入力すると、tscが認識されてないようです。どうすれば良いですか?
@kawanabetasuku7660
2 жыл бұрын
./node_modules/.bin/tsc --initで動きました。参考: TypeScript チュートリアル qiita.com/EBIHARA_kenji/items/31b7c1c62426bdabd263
@user-hd4uo2fs6g
3 жыл бұрын
詳しい解説ありがとうございます。 少し気になったのですが、 webpackconfigのmoduleのtestの.tsって、シングルクオートで囲むのはだめなんですか? 他の.tsは文字列にしているのに、ここだけ正規表現なので気になりました。 理由など教えていただければ幸いです。
@user-ci1zy3fw3u
3 жыл бұрын
マークアップエンジニアを目指しwebpackについて最近勉強しております。 分からないことがあり教えていただけませんでしょうか?
@user-vt3ij1ru7g
3 жыл бұрын
こういう質問する人はエンジニアに向かないと一発でわかる
@user-ny1bn4xb8f
11 ай бұрын
JavaScript系苦手😢
@user-tb5dj4pz8h
2 жыл бұрын
import World from "./world"; が自動補完でimport World from "world";になってたし、distをsrcの中に作ってたしで、クソみたいなミスでエラー出まくった。
@user-tu3my8xl2o
3 жыл бұрын
こんにわ!index.tsファイル2行目のelementId:"root"が自動で補完されていますが VScodeの拡張機能ですか?拡張機能でしたら名前教えていただけると助かります
@1492tiger
3 жыл бұрын
僕のエディタはIntellij IDEAなので、そのエディタが表示してくれている補足情報ですね〜!
@user-tu3my8xl2o
3 жыл бұрын
@@1492tiger 返信ありがとうございます! なるほど、とても便利そうで良いですね
@user-ex9du7sw4g
3 жыл бұрын
npm run start で sh:wepack-cli command not foundが出てくる
@kunime-ji5066
3 жыл бұрын
何がやられているのか全くわかりません。相当勉強しているか仕事で開発業務をしていないと分からなそうです。
@1492tiger
3 жыл бұрын
環境構築は他の手段でサクッと作ることもできますが、あえて基礎から解説してます。 もしこの動画でわからなければ他の手段もあるので調べてみてくださいー!
@kunime-ji5066
3 жыл бұрын
@@1492tiger そうですね。他の教材で勉強し直して、またこの動画に戻ってきます。
32:53
【日本一わかりやすいTypeScript入門】ESLintとPrettierでコードの品質を高めよう
トラハック
Рет қаралды 22 М.
37:38
【日本一わかりやすいTypeScript入門】基本の型定義とアノテーション
トラハック
Рет қаралды 21 М.
00:16
Dad Makes Daughter Clean Up Spilled Chips #shorts
Fabiosa Stories
Рет қаралды 2,4 МЛН
00:40
The child was bullied and almost drowned in the swimming pool#Short #Officer Rabbit #angel
兔子警官
Рет қаралды 27 МЛН
00:12
🩸Жертва 🐰Флоппи Флопзи?! (😠Хмурые Твари x 💩Поу)
Ной Анимация
Рет қаралды 928 М.
00:25
Побег из Тюрьмы : Nuggets Gegagedigedagedago удирает от Nikocado Avocado !
Фани Хани
Рет қаралды 1,7 МЛН
35:55
【Typescript入門】本当の初心者からTypescript×Webpackの開発環境構築までをハンズオン形式で学ぼう!
プログラミングチュートリアル
Рет қаралды 32 М.
27:58
Конфигурация для TypeScript - tsconfig.json
Михаил Непомнящий
Рет қаралды 16 М.
45:20
【日本一わかりやすいTypeScript入門】TypeScriptで学ぶオブジェクト指向開発
トラハック
Рет қаралды 20 М.
5:36
The TSConfig Cheat Sheet
Matt Pocock
Рет қаралды 34 М.
42:36
【日本一わかりやすいTypeScript入門】型エイリアス(type)でオブジェクトの型定義
トラハック
Рет қаралды 14 М.
15:50
【モダンJavaScript #17】モジュールバンドラー「webpack」はReactやVueでも使われている
しまぶーのIT大学
Рет қаралды 13 М.
28:34
【日本一わかりやすいTypeScript入門】積極的に使いたい配列・タプルの型定義
トラハック
Рет қаралды 10 М.
20:27
ReactとTypeScriptの相性が良すぎる理由を解説しよう
トラハック
Рет қаралды 19 М.
2:26:42
【永久保存版】Python入門完全攻略
はやたす | Python・データサイエンスコーチ
Рет қаралды 172 М.
00:16
Dad Makes Daughter Clean Up Spilled Chips #shorts
Fabiosa Stories
Рет қаралды 2,4 МЛН