開発環境の便利機能で「Wijmo（ウィジモ） 5」開発をパワーアップ
ECMAScript 5に準拠した高速・軽量なJavaScript UIライブラリ「Wijmo 5」の活用 第8回
ダウンロード サンプルファイル (483.6 KB)
-
- Page 4
Sublime Textではプラグインの導入手順に注意
Sublime TextはSublime HQ Pty Ltdが提供するテキストエディタです。プログラマーがソースコードを記述することを想定した機能を備え、プラグインによる拡張に対応しています。WebStormと同様に有料ソフトですが、無料でダウンロードして評価利用できます。評価期間に制限はありません。
Sublime TextにはMicrosoft純正のTypeScriptプラグインが提供されています。プラグインの導入にはまずSublime Textでプラグイン（パッケージ）を管理するツール「Package Control」をインストールします。インストール手順のWebサイトに記載されたコードをコピーして、Sublime Textの「View」-「Show Console」で表示されたコンソールに貼り付け実行します。
次に「Tools」-「Command Pallet...」（またはCtrl＋Shift＋Pショートカットキー）でコマンドパレットを開き、テキストボックスに「install」と入力して表示される「Install Package」メニューを選択します。
パッケージのリストが表示されるので「TypeScript」パッケージを検索して選択するとインストールされます。
一連のインストール後、TypeScriptファイルを表示させると、メソッドやプロパティの候補を表示できます。
またTypeScriptファイルを表示した状態でCtrl＋Bショートカットキーを押すと、TypeScriptファイルをJavaScriptファイルに変換できます。
なおダウンロードできるサンプルには、これらの動作を確認できるプロジェクト（004_SublimeText）を含めています。
まとめ
本記事では、グレープシティのJavaScriptライブラリ「Wijmo 5」をVisual Studioなどの開発環境と組み合わせて利用する方法を紹介しました。Wijmo 5はTypeScriptで開発されているため、コード補完やリファクタリングといった開発環境の支援機能が利用できるメリットを享受できます。
TypeScriptはマイクロソフトが提唱した言語ですが、本記事で紹介したようにマイクロソフト製以外のツールも多く利用できるようになってきています。またTypeScriptを全面的に導入しないまでも、開発環境の支援機能を利用するだけの目的で、リスト2のように「コード補完したい変数にだけ型定義する」記述方法もできます。
TypeScriptには次世代JavaScriptであるECMAScript 2015の仕様が先取りで採用されています。Wijmo 5をより便利に利用しつつ、次世代JavaScriptへの準備も進められる意味で、TypeScriptを試してみてはいかがでしょうか。
参考資料
この記事は参考になりましたか？
既に会員の方はを行ってください。
- 最先端テクノロジーに対応した高速・軽量なJavaScript UIライブラリ「Wijmo」の活用連載記事一覧
- この記事の著者
-
WINGSプロジェクト 吉川 英一（ヨシカワ エイイチ）
＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。 2026年時点での登録メンバは約50名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書、記事多数。 RSS X: @WingsPro_info（公式）、@WingsPro_info/wings（メンバーリスト） Facebook
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
-
山田 祥寛（ヤマダ ヨシヒロ）
静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ（Java・C#・Python・PHP・Ruby・JSP＆サーブレットなど）」「速習シリーズ（ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど）」「改訂3版JavaScript本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社
この記事は参考になりましたか？
この記事をシェア
