Adobe Brackets 最小構成の拡張機能をjavaScriptで作成

Adobe Brackets (テキストエディター)で自分用の拡張機能(extension)をJavaScriptで作成する。
公開するわけではなく、ローカルのみの自分用なので余計な記述は省いてとにかく動くことを目的とする。

## Bracketsのインストール

当然ながらBracketsはインストールしておく。 
<a href="http://brackets.io/" target="_blank">http://brackets.io/</a>

## 拡張機能のインストール方法

拡張機能はプログラムを記述したテキストファイルを用意して、特定のフォルダに配置するだけでよい。 
BracketsをF5で再読み込みすれば拡張機能がインストールされる。

## 拡張機能作成

今回の目的は、必要最低限のファイル構成で作成することとする。 
以下の拡張機能は、エディタ選択範囲の英大文字を小文字にする機能である。 
フォルダを作成して以下2個のファイルを設置。

package.json
```json
{
	"name": "aosystem.tolowercase",
	"title": "aosystem toLowerCase",
	"description": "aosystem toLowerCase for Brackets.",
	"homepage": "",
	"version": "1.0.1",
	"author": {
		"name": "ao-system",
		"email": "",
		"url": ""
	},
	"author": "Akira Ohmachi <info@ao-system.net>",
	"keywords": [],
	"categories": [],
	"dependencies": {
		"child_process": "*"
	},
	"repository": {
		"type": "",
		"url": ""
	},
	"license": "",
	"i18n": [],
	"engines": {
		"brackets": ">=0.40.0"
	}
}
```

main.js
```javascript
define(function (require, exports, module) {
	'use strict';

// Brackets modules
	var EditorManager	= brackets.getModule('editor/EditorManager');
	var DocumentManager	= brackets.getModule('document/DocumentManager');
	var CommandManager	= brackets.getModule('command/CommandManager');
	var Menus			= brackets.getModule('command/Menus');

/* Extension const */
	var commandId = 'aosystem';

/**
	 * Editor get select area or all text.
	 *
	 */
	function _get() {
		var editor = EditorManager.getCurrentFullEditor();
		if (editor) {
			var content;
			var selectedText = editor.getSelectedText();
			if (selectedText.length > 0) {
				content = selectedText;
			} else {
				content = DocumentManager.getCurrentDocument().getText();
			}
			return content;
		}
	}

/**
	 * Editor set select area or all text.
	 * @param result content
	 */
	function _set(result) {
		var editor = EditorManager.getCurrentFullEditor();
		if (editor) {
			var isSelection = false;
			var selectedText = editor.getSelectedText();
			var selection = editor.getSelection();
			if (selectedText.length > 0) {
				isSelection = true;
			}
			var doc = DocumentManager.getCurrentDocument();
			doc.batchOperation(function () {
				if (isSelection) {
					doc.replaceRange(result, selection.start, selection.end);
				} else {
					doc.setText(result);
				}
			});
		}
	}

//選択範囲の英字を小文字にする
	function toLower() {
		var result = _get();
		_set(result.toLowerCase());
	}

//登録
	CommandManager.register('英字を小文字にする', 'toLower', toLower);

function createNavigation(menu) {
		menu.addMenuItem('toLower');
	}

var menu = Menus.addMenu('自分用', commandId, Menus.AFTER, Menus.AppMenuBar.HELP_MENU);
	createNavigation(menu);	//メニューバーへ追加

var contextMenu = Menus.getContextMenu(Menus.ContextMenuIds.EDITOR_MENU);
	createNavigation(contextMenu);	//コンテキストメニューへ追加

});
```

## extensionsフォルダに移動

以下にフォルダごと移動する。 
C:\Users\(ユーザー名)\AppData\Roaming\Brackets\extensions\user\

## extensionsを読み込み

前述の通り、BracketsをF5でリロードする。

## 以上で完了。

今回は最小限の記述で単機能を設置することを目的とした。使い捨ての拡張機能でもどんどん試せるのではないだろうか。

Adobe Brackets 最小構成の拡張機能をjavaScriptで作成

動画

画像

アイコン

文字列

QRコード

Excel

SVG

読み上げ

HTML,CSS

色

3D

音

ビット、バイト

データベース

カレンダー系

IPv4,IPv6

インターネット

開発

ビンゴ大会開催システム(Wタイプ) 自動更新

ビンゴ(Pタイプ) 自動更新

ビンゴ(Aタイプ) 抽選機+カード

ビンゴ(Mタイプ) 手動更新

抽選機等

パズル、ゲーム

他