2018/02/25

TypeScript で LINQ を使用する方法

TypeScript にはデフォルトでは LINQ 機能は組み込まれていないものの、npm でライブラリをインストールすることで LINQ を使用できるようになります。その方法をご紹介します。

環境は、Mac + Visual Studio Code になります。TypeScript や Visual Studio Code の環境設定については、以前の記事を参考にしてください。

続きを読む "TypeScript で LINQ を使用する方法" »

TypeScript/Swift/JavaScript の let がまぎらわしい

Swift を勉強した後に TypeScript を勉強していて混乱してしまったので、TypeScript/Swift/JavaScript(ES6) の let についてのメモです。

・TypeScript の let

TypeScript の let は変数を宣言します。定数は const で宣言します。

let hoge = "こんにちは!”;
hoge = "こんばんは!"; //OK

const hogehoge = "こんにちは!";
hogehoge = "こんにちは!"; //NG 

・Swift の let

Swift の let は定数を宣言します。変数は var で宣言します。

let hoge = "こんにちは!”
hoge = "こんばんは!" //NG
var hogehoge = "こんにちは!”
hogehoge = "こんばんは!" //OK

・JavaScript(ES6)の let

JavaScript(ES6)の let は変数宣言。var も変数宣言。スコープが違う。他の言語をやっていれば、let の方がスコープがブロックレベルになっていて分かりやすいです。

let hoge = "こんにちは!";
hoge = "こんばんは!" //OK

var hogehoge = "こんにちは!";
hogehoge = "こんばんは!"; //OK

まぎらわしいですね。

2018/02/18

TypeScript のビルド&デバッグ環境構築とデバッグ方法

はじめに

前回の記事では、TypeScript の開発環境構築の方法をご紹介しましたが、この記事では Visual Studio Code を使用してビルドとデバッグを行う環境構築方法とデバッグの仕方をご紹介します。

なお、開発環境は Mac を想定しています。

続きを読む "TypeScript のビルド&デバッグ環境構築とデバッグ方法" »

2018/02/17

TypeScript 開発環境構築方法

はじめに

TypeScript の勉強を始めたのですが、TypeScript の開発環境の構築方法は忘れやすいので構築方法を残しておきます。

エディタは Visual Studio Code になり、Web サーバーは http-server になります。

なお、Mac での開発環境構築になりますが、基本的には Windows でもあまり変わらないとは思いますので、参考になると思います。

 

続きを読む "TypeScript 開発環境構築方法" »

2017/10/30

React 環境構築方法

はじめに

React の環境構築はなにかと面倒ですね。Qiit○とかの記事を参考にしてみたら動かなかったり、create-react-app コマンドだと後で面倒なことになりそうですし。

なのでここでは、Node.js と npm のインストールが終わっていることを前提に、簡単に React 環境構築方法を掲載しておきます。

構築する環境は、WebPack, Babel を使用したものになります。

WebPack は複数のツールを使いビルドを行うもので、Babel は最新のJS記述を既存のブラウザでも動作するようにJSを変換するツールになります。

では、構築方法を見ていきましょう。

続きを読む "React 環境構築方法" »

2013/07/31

jQuery から WCF のサービスを GET/POST で呼び出す

WCF のサービスを作成し、 jQuery から GET/POST で呼びだそうとしたら、思いの外苦労しました。ですので、同じようなことをしようとしている方向けに方法を掲載しておこうと思います。

WCF のサービスは、jQuery から GET/POST でリクエストを受けて、レスポンスを JSON 形式で返すようにします。なお、.NET のクラスインスタンスを JSON に変換するのに、オープンソースの JSON.NET を使用しています。

続きを読む "jQuery から WCF のサービスを GET/POST で呼び出す" »

2011/11/25

jQuery Mobile は jQuery 上で動作するらしい

InfoQ: JQuery Mobile 1.0がリリースされ、様々な反応が返ってきている

jQuery Mobile 1.0 がリリースされていたのは知っていましたが、jQuery 上で動作するとは不勉強でしりませんでした。

JQuery Mobile 1.0は、JQuery 1.6.4の上で動作する。最新のJQueryリリース (1.7)は、いくつかの互換性のない変更が行われており、JQuery Mobile 1.1リリースでサポートされる予定である。

しかし、バージョン依存しているというのは、新規ユーザーにとっては厳しい制約ですね。

2009/11/14

jQuery 逆引きリファレンスがいい感じ

jQuery逆引きリファレンス - @IT

jQuery の逆引きリファレンスの連載記事の内容が上記にてまとめられています。ざっと見ましたが、jQuery は人気があるのが分かる気がします。

今まで Ajax のサンプルを作るときは prototype.js を使ってきましたが、今度 jQuery にも挑戦してみようという気になりました。

 

■関連エントリー

 

2009/10/18

Microsoft Ajax Minifier - Microsoft 製 JavaScript 圧縮ツール

Microsoft より JavaScript 圧縮ツールの「Microsoft Ajax Minifier」が公開され、以下よりダウンロード可能になったようです(via Publickeyさん)。

Minifier はコマンドラインで実行するツールで、インストール後スタートメニューから起動すると以下のような画面が表示されます。

MicrosoftAjaxMinifier

実際に圧縮するには、-o オプションに圧縮後のファイル名を指定し、以下のようにして実行します。

C:\Program Files\Microsoft\Microsoft Ajax Minifier>ajaxmin.exe c:\test\prototype.js -o c:\test\prototype-min.js

これで prototype.js を圧縮してみたところ、137KB が102KB になりました。なんでも、JSMin、Packer、YUI Compressorより圧縮率が高いそうです。

かなり多くのオプションが用意されているようですし、Microsoft 製ということで安心して使用できるのもいい感じですね。願わくば GUI ツールであればいうことがなかったのですが(笑)。

 

■関連エントリー

 

2008/10/03

Visual Studio に jQuery が含まれるようになるらしい

マイクロソフト、「Visual Studio」向けjQueryを提供へ:ニュース - CNET Japan
MSとNokiaが「jQuery」を公式プラットフォームに採用へ | エンタープライズ | マイコミジャーナル

Microsoft は、ASP.NET AJAX に jQuery を統合して標準ライブラリとして提供するとのこと。

インテリセンスにも対応して、数週間以内に提供予定だそうです。

しかも、Microsoft のテストやバグフィックスなどのを jQueryオープンソースプロジェクトに提供する模様。

これは意外な方向に動いてますね。

jQuery ユーザにとってはいいことずくめかも。

あと、jQuery は jQuery MITライセンスで提供されるようです。

ASP.NET AJAX もコントロール部分はオープンソースライセンスで提供されてますね。

このライセンス関係が日本企業がどのように反応するか興味深いところです。

 

より以前の記事一覧



プロフィール