PHPackages                             pickles2/lib-indigo - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. pickles2/lib-indigo

ActiveLibrary[Utility & Helpers](/categories/utility)

pickles2/lib-indigo
===================

0.3.0(5y ago)02301MITPHPPHP >=5.4.0CI failing

Since Jun 27Pushed 5y agoCompare

[ Source](https://github.com/pickles2/lib-indigo)[ Packagist](https://packagist.org/packages/pickles2/lib-indigo)[ RSS](/packages/pickles2-lib-indigo/feed)WikiDiscussions master Synced today

READMEChangelog (4)Dependencies (3)Versions (14)Used By (1)

pickles2/lib-indigo
===================

[](#pickles2lib-indigo)

導入方法 - Setup
------------

[](#導入方法---setup)

### 1. `pickles2/lib-indigo` をインストール

[](#1-pickles2lib-indigo-をインストール)

```
$ composer require pickles2/lib-indigo;

```

### 2. Resourceファイルを配置する

[](#2-resourceファイルを配置する)

indigo を動作させる上で必要となる Resrouceファイル をプロジェクトに取込みます。

#### 2-1. Resourceファイル取込用スクリプトをプロジェクトへコピーする

[](#2-1-resourceファイル取込用スクリプトをプロジェクトへコピーする)

```
$ cp yourProject/vendor/pickles2/lib-indigo/res_install_script.php yourProject

```

#### 2-2. Resourceファイル格納用のディレクトリを作成する。

[](#2-2-resourceファイル格納用のディレクトリを作成する)

```
$ mkdir yourProject/[directoryName(ex. res)]

```

#### 2-3. スクリプトをコマンドラインで実行する

[](#2-3-スクリプトをコマンドラインで実行する)

```
$ php res_install_script.php [resourceInstallPath(ex. ./res)]

```

### 3. Resourceを読み込み、フロントエンドを初期化する

[](#3-resourceを読み込みフロントエンドを初期化する)

```

	// Initialize Indigo
	window.addEventListener('load', function(){
		var dateFormat = 'yy-mm-dd';

		$.datepicker.setDefaults($.datepicker.regional["ja"]);

		$("#datepicker").datepicker({
			dateFormat: dateFormat
		});

		var indigo = new window.Indigo();
		indigo.init();
	});

```

#### フロントエンドの初期化オプション

[](#フロントエンドの初期化オプション)

```
var indigo = new window.Indigo({
	ajaxBridge: function(data, callback){
		// バックエンドとのデータ受け渡しの方式を変更したい場合に、
		// このオプションを指定します。
		var rtn = '';
		var error = false;
		$.ajax ({
			type: 'POST',
			url: '/path/to/ajax.php',
			data: data,
			dataType: 'json',
			success: function(data, dataType) {
				rtn = data;
			},
			error: function(jqXHR, textStatus, errorThrown) {
				error = textStatus;
			},
			complete: function(){
				callback(rtn, error);
			}
		});
	}
});
indigo.init();
```

### 4. indigo作業用のディレクトリを作成する。

[](#4-indigo作業用のディレクトリを作成する)

後述の6. indigoの実行パラメタ設定 にて 「 indigo作業用ディレクトリ（絶対パス）：'realpath\_workdir'」 にパス設定を行うディレクトリとなります。

#### 4-1. ディレクトリを作成します。

[](#4-1-ディレクトリを作成します)

```
$ mkdir yourProject/[directoryName(ex. indigo_dir)]

```

#### 4-2. apache（その他）ユーザに書き込み権限を付与します。

[](#4-2-apacheその他ユーザに書き込み権限を付与します)

```
$ chmod -R o+w yourProject/[directoryName(ex. indigo_dir)]

```

#### 5. 同期先の本番環境ディレクトリのパーミッションを変更する。

[](#5-同期先の本番環境ディレクトリのパーミッションを変更する)

apache（その他）ユーザに書き込み権限を付与します。

※ `-R` オプションを付けることで、指定ディレクトリ以下に存在するディレクトリ・ファイルも全て再帰的に権限変更を行います。

```
$ chmod -R o+w honbanProject/[directoryName(ex. indigo-test-project)]

```

### 6. indigoの実行パラメタ設定

[](#6-indigoの実行パラメタ設定)

各種パラメータを設定します。こちらに記載したパラメタが別ファイルから呼び出されます。

```