【three-vrm】せっかくなのでTypeScript+webpack+three.jsに入門して、Web上でVRMモデルを表示してみる - Qiita
【three-vrm】せっかくなのでTypeScript+webpack+three.jsに入門して、Web上でVRMモデルを表示してみるthree.jsTypeScriptwebpackVRMVRoid どうも、にー兄さんです。 先月のVRoid公式ツイッターで、three.js用のVRMローダーが発表されましたね！ Webアプリケーションで3Dアバターモデルを簡単に扱える『pixiv three-vrm』をOSSとして公開しました！3Dモデルの専門知識がない開発者の方でも「VRM」ファイルをより簡単に扱うことができます！ #VRoid 詳細: https://t.co/psBwTYe3cy GitHubリポジトリ: https://t.co/j9IU2h2Zax pic.twitter.com/Fsp2VLbpkW — VRoid公式 (@vroid_pixiv) September
はじめてのvue-property-decorator (nuxtにも対応） - Qiita
この記事はVueを勉強している段階からTypeScriptでクラスベースのVueアプリを作りたい！という方へ向けて例を交えながらvue-property-decoratorの機能を基本と応用、上級の３セクションに分けて説明していきます。 基本では、Vueでアプリを作る上で必須となる機能を、応用では用意されている便利なデコレータを、上級では普通の開発ではほぼ使わない機能について説明します。 とりあえずは基本のみ理解しておけば困ることはないでしょう。 また、最後にnuxt-property-decorator独自のデコレータも紹介しています。 2019/12/09 追記：nuxt-property-decorator独自のデコレータの紹介を追加しました 動作確認バージョン vue-property-decorator v8.4.2 nuxt-property-decorator v2.5.1
vue.js + typescript = vue.ts ことはじめ
vue.js は typescript を公式にサポートしています。 つい先日 vue-cli のバージョン 3.0 にてついに、初めから typescript が導入された vue.js のプロジェクトテンプレートが追加されました。 いよいよ vue.js ならぬ vue.ts に追い風が吹いてきたのを感じます。 そこでその追い風を更に強くするべく vue.js + typescript でコンポーネントを作るための基礎知識というかチュートリアルっぽいものを書いてみました。 この記事の概要 vue.js を typescript で書く vue-class-component を利用する vue-property-decolator を利用する ドキュメントにない細かい機能や tips でお送りします。 目標はコンポーネントを自由に作れるようになることです。 プロジェクトテンプレート 何
TypeScriptを使うなら型定義ファイルの管理にはTSDを使おう - Qiita
(2016/7/11 追記) この記事は古い内容です。 TypeScript 2.0からは、npmのみで型定義ファイルが管理できます。詳しくは記事「特別なツール不要！ TypeScript 2.0時代の型定義ファイルの取り扱い方」を参照ください。 TypeScriptは、JavaScriptを型を使いつつ書くことのできる人気のAltJSです。その恩恵を最大限にあずかるには、型定義ファイルを使いこなすことが必須です。型定義ファイルはDefinitelyTypedより手に入れることができるのですが、下記の問題点があります。 DefinitelyTypedより毎回手動でダウンロードするのが手間 複数の型定義ファイルに依存関係がある場合、それを壊さないようにローカルに配置するのが手間 型定義が増える度に、TypeScriptでの読み込みコードを書き換える必要がある そこで便利なのが、TSD（Typ
TypescriptからThree.jsを使ってみた記録 - Qiita
概要 ここにあるように簡単なTypescriptの環境設定を行った後、次にTypescriptからThree.jsの機能を使えるように設定して簡単な3Dプログラムを実行してみました。 その記録です。 今回もほとんどコマンドラインからの操作で作業を行っています。 WebGLの機能を使用しているので要WebGLです。 使用したPCの環境は64bit版のWindows7ですが、ここから先は主にnpmから使える機能とJavascript・HTMLといった技術しか使用していないので、他の環境でも参考になるかもです。 Typingsのインストールと、TypingsによるThree.jsのtsd設定 TypescriptからThree.jsを使用できるようにするためにThree.jsの型の定義を取得・設定しています。 Typescript用の型定義の取得･設定には、前は tsd というものが使用されてい
Enum | TypeScript Deep Dive 日本語版
列挙型は、関連する値の集合を編成する方法です。他の多くのプログラミング言語(C/C#/Java)はenumデータ型を持っていますが、JavaScriptはありません。しかし、TypeScriptにはあります。TypeScript列挙型の定義例を次に示します。 コピーenum CardSuit { Clubs, Diamonds, Hearts, Spades } // Sample usage var card = CardSuit.Clubs; // Safety card = "not a member of card suit"; // Error : string is not assignable to type `CardSuit`
node_modules/@types cannot be deleted on Windows · Issue #29407 · microsoft/TypeScript
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
最新版TypeScript+webpack 5の環境構築まとめ(React, Three.jsのサンプル付き) - ICS MEDIA
TypeScriptはMicrosoftが開発するプログラミング言語です。JavaScriptのスーパーセットという位置づけで、静的型付けなど強力な言語機能を備えています。TypeScriptは高度なウェブアプリケーションの開発で使われることが多く、Google社内の標準言語として2017年に採用されるなど、注目が高まっています（参考記事『Google社内の標準言語としてTypeScriptが承認される － Publickey』）。 ▲TypeScriptの公式サイト TypeScriptはコンパイラによってJavaScriptのコードが得られますが、TypeScriptのコンパイラにはECMAScript Modules（ES Modules = importやexport文のこと）をまとめる機能が提供されていません。そのため、ES ModulesのJSファイルをまとめるモジュールバンド
TypeScriptでReact Native開発をする方法2018年最新版 - bagelee（ベーグリー）
セットアップ React Nativeプロジェクト作成 プロジェクト作成直後という前提で説明しますので、適当な名前でプロジェクトを作成しましょう。 $ react-native init <プロジェクト名> $ cd <プロジェクト名> ライブラリのインストール devDependenciesに依存関係を追加します。依存関係については、こちらの記事で詳しく説明しています！ $ yarn add --dev typescript react-native-typescript-transformer $ yarn add --dev @types/react @types/react-native typescript はTypeScriptの本体、 react-native-typescript-transformer はReact NativeからTypeScriptを読み込むために必要
2019年版: 脱Babel!フロント/JS開発をTypeScriptに移行するための環境整備マニュアル - Qiita
TL;DR いろいろ書いていますが、一番書きたかったのは最初のライブラリと最後のReact Componentのプロジェクトの作り方ですね。ぱっとnpm installして、最初から型定義ファイルが入っていて、@typesを持っているライブラリを探したり、自分で.d.tsを書いたりしなくてもいい世界がやってきて欲しいな、という気持ちから書いています。 ここで紹介したTypeScript環境構築はすべて、自分用にYeomanのテンプレートとして作成したので、以下のジェネレータをインストールして選択したらそれでおしまいです。 @shibukawa/typescript (npmには公開していないので、checkoutしてビルドしてインストールしてください) 2020/7/26: React周りを現在の最新の情報に更新 2019/1/22: TSLint→ESLintに修正 2019/8/1:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScript：Type GuardとNull安全 - Qiita
@types/three
GitHub - typings/typings: *DEPRECATED* The TypeScript Definition Manager
GitHub - DefinitelyTyped/tsd: [DEPRECATED] TypeScript Definition manager for DefinitelyTyped![GitHub - DefinitelyTyped/tsd: [DEPRECATED] TypeScript Definition manager for DefinitelyTyped](https://cdn-ak-scissors.b.st-hatena.com/image/square/a072ce83542982083208e305c2988dde202e9866/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Ff6eee4cc5b522067932cfbe13ec236a478555b525b8f54474ea770d5bf6976a8%2FDefinitelyTyped%2Ftsd)
@types/youtube
GitHub - DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions.
GitHub - typescript-eslint/typescript-eslint: :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript
typescript-eslintのversion1.x系がリリースされたので使ってみる - Qiita
GitHub - microsoft/TypeScript-Babel-Starter: A sample setup using Babel CLI to build TypeScript code, and using TypeScript for type-checking.
https://www.typescriptlang.org/samples/