はてなブックマーク

この記事は裏 Unreal Engine 4 (UE4) Advent Calendar 2016の5日目の記事です。 はじめに UnrealEngine4(UE4)はUnity3D(Unity)に比べるとエディタ拡張が作りにくい。Unityの場合、通常のゲームのコードを書くときと同じC# or UnityScriptで特別な環境がなくても書ける。一方、UE4の場合はVisualStudioかXcodeでUnreal C++で書かないといけない。 UE4でエディタ拡張をやりたい場合、「エディタに新機能を付ける」というよりも「 効率の良い処理を便利なUIでやりたい 」という需要が多いのではないか 1 。そしてその需要があるのはプログラマはもちろん、アーティストやゲームデザイナなどのノンプログラマも同じである。 ノンプログラマにVisualStudioやXcodeの環境はふつうはまずない。C+

"use strict"; let I = require('instantiator') let UMG = require('UMG') let design = UMG(JavascriptWindow, { SizingRule:'AutoSized', Title:'Hello World' }, UMG(Button, {}, UMG.text({},"Hello World Window!") ) ) I(design).TakeWidget().EditorAddModalWindow() //① //I(design).TakeWidget().AddWindow() //② UE4を起動し、以下のWindowが開けばOK なお、②を有効にすると以下のウィンドウがでる ドキュメント 英語だが公式の動画チュートリアルやWikiが参考になる。日本語の情報は残念ながらほとんどな

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

TypeScript1.8の目玉機能と言えば、 ストリングリテラル（String literal）型 だ。 String Literal Type | TypeScript Deep Dive ストリングリテラル型は文字列型（string型）にさらに制約を加えて、 特定の文字列のみ許可する ものだ1。JavaScript的にはただの文字列で、コンパイルタイムに型チェックされる。 ストリングリテラル型のいい所 何と言ってもJSに多い、引数に文字列キーを渡して処理を分ける関数をちゃんとチェックできるようになるという点。他言語ならenumで処理する所だが、なぜかTypeScriptには数値enumはあるのに文字列enumがなく、有効な手段がとれているとは言いがたかった。 一応これまでも関数オーバーロードの形で、部分的にストリングリテラル型っぽいことは出来ていた。だが、関数を文字列キーの数だけ宣言

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

JavaScriptからTypeScript用型定義ファイル( d.tsファイル )を生成する dtsmake というツールを作った。その過程で型定義ファイルのコツが色々と見えたので紹介込みでまとめてみたい。 型定義ファイルで消耗してませんか？ TypeScriptでjsのライブラリなどを使う時に必ず問題になるのが、型定義ファイルの存在。DefinitelyTyped にあれば tsd で取ってくればいいが、問題は無い場合。そもそも非公開ライブラリの場合はあるはずもなく、自分で型定義ファイルを書くことになる。 私のようなノンプログラマの多くがそうであるように、ただライブラリを使いたいだけ、のような場面ではこれはかなりのコストがかかり、TypeScriptで消耗する原因のかなりの割合を占めるのではないかと推測している。 dtsmake について dtsmakeはそういった「 とりあえず使いた

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Photoshopを始めとしたAdobe製品群はJSX^1というJavaScriptで操作することができる。これをTypeScriptで書いてみる。 ExtendScriptをTypeScriptで書くメリット 型定義ファイル＋IDEによってゴリゴリ補完が効く PDFのリファレンスを読むより、補完に頼った方がラク TypeScriptの便利な機能が使える PhotoshopのJavaScript APIはいわゆる普通のJavaScriptとは異なり、情報も少ない。TypeScriptはこういった情報が少なく調べにくいAPIを持つものに対して、型定義ファイルさえあれば無類の力を発揮する。 また、Template Strings や Enum など、便利な機能も使う事ができる。素のJSで書くよりも格段に生産性が上がる。 導入方法 1. 型定義ファイルから補完が効くエディタを用意する Visua

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに注意! この記事で扱う内容は現時点(2015-07-19)で実用的でない とりあえず触ってみた、遊んでみたというメモ うごくまでには色々弄る必要があります なにをするの？ ES6/ES7をES5/3にトランスパイルするBabelというツールがある Babelのプラグインとしてbabel-plugin-asm-jsというものが最近公開された Flowの型付けがされたES6をEmscriptenを使わずにasm.js化するもの Flowの型はTypeScriptの型と互換性がある …つまりTypeScriptのコードをこのツールにかければasm.jsが簡単に吐き出せるんじゃね？ やってみよう インストール TypeScriptのインストール: Type Aliasを使うのでver1.4以降 今回コンパイルはしない 文法や型チェックにつかうだけなので--noEmitオプションを有効にして

からまとめてみた。 どれもJavaScriptに関係する。 #1. Reactの「JSX」 JavaScriptの独自拡張構文 Facebook社 Facebook社製フレームワーク、Reactで使われている構文 E4XみたいにJavaScriptの構文中にXML風のものをそのまま書く記法 // Using JSX to express UI components. var dropdown = <Dropdown> A dropdown list <Menu> <MenuItem>Do Something</MenuItem> <MenuItem>Do Something Fun!</MenuItem> <MenuItem>Do Something Else</MenuItem> </Menu> </Dropdown>; render(dropdown);