```javascript /** * generator_png_layer_listup.jsx */

// 処理に該当する拡張子名の配列
// 今回は png のみなので .png
var extensions = [".png"];
// 書き出す際のテキストを貯める変数
var strData = "";

// 以下処理 ///////////////////////////////////////////////////////
if( app.documents.length == 0 ){
alert( "【！】実行するドキュメントがありません。" );
} else {
main();
}

function main(){
if(confirm( activeDocument.name + "から、pngのつくレイヤーから矩形抽出しますか？" )){
section();
}
alert( "すべての処理が完了しました。お疲れ様でした。" );
return "完了";
}

function section(){

// ファイルを作成し、テキストレイヤー書き出し処理へ
var fileName = activeDocument.fullName + "_export.csv";
var file = new File(fileName);
var openFlag = file.open("w");

if(openFlag) {
// 再帰的に処理
allLayerSetsBounds( activeDocument );
// CSVテキストの出力
file.write(strData);
file.close();
// 完了
alert("書き出しが完了しました。");
} else {
alert("ファイルが開けませんでした。");
}
}

// レイヤー名に処理に該当する拡張子が含まれているか捜索する
function checkNameExtensions( name ) {
var len = extensions.length;
var ret = false;
for (var i=0; i<len; i++){
var checkName = extensions[i];
if( name.indexOf(checkName) > -1 ){
ret = true;
}
}
return ret;
}

function getGeneratedLayersName( artLayers ) {
var ret = [];
var ns = artLayers.length;
for (var i=0; i<ns; i++){
var focusLayer = artLayers[i];
if( checkNameExtensions( focusLayer.name ) ){
ret.push( focusLayer.name );
}
}
return ret;
}

function allLayerSetsBounds( layObj ){
var n = layObj.artLayers.length;

// レイヤーフォルダ内のレイヤー捜索 ////////////////////////////////////////

// レイヤー名に処理に該当する拡張子が含まれているか捜索する
var lList = getGeneratedLayersName(layObj.artLayers);
// あれば1つ1つ捜索しテキスト生成しCSV用テキストへ連結
var n = lList.length;
if( n > 0 ) {
$.writeln ( "[" + lList + "]" );
for (var i = 0; i < n; i++) {
var lname = lList[i];
var focusLayer = layObj.artLayers.getByName(lname);

var focusLayerArea = focusLayer.bounds; // フォーカスエリアを取得
var x1 = parseInt(focusLayerArea[0]); // 左上 x座標
var y1 = parseInt(focusLayerArea[1]); // 左上 y座標

var addStr = focusLayer.name + "," + x1 + "," + y1; // テキスト生成

// デバック出力
$.writeln(addStr);

strData += addStr + "\n"; // CSV用テキストへ連結
}
}

// 配下のレイヤーフォルダを捜索
var ns = layObj.layerSets.length;
for (var i=0; i<ns; i++){
var focusLayerSet = layObj.layerSets[i];

// デバック出力
$.writeln ( "[" + focusLayerSet.name + "]" );

// レイヤーセット名に該当する拡張子を捜索する
if( checkNameExtensions( focusLayerSet.name ) ){

var focusLayerSetArea = focusLayerSet.bounds; // フォーカスエリアを取得
var x1 = parseInt(focusLayerSetArea[0]); // 左上 x座標
var y1 = parseInt(focusLayerSetArea[1]); // 左上 y座標

var addStr = focusLayerSet.name + "," + x1 + "," + y1; // テキスト生成

// デバック出力
$.writeln ( " " + addStr );

strData += addStr + "\n"; // CSV用テキストへ連結
}
// 再帰的に処理
allLayerSetsBounds( focusLayerSet );
}
}

</div>

# 余談や応用例

## 自分の手元ではこれをどういうふうに拡張しているか

こちらのCSVのコードを書き換えると色々なものに応用できます。

私の場合は、FLASH内での配置に置き換えられるような処理群にさらに変換して、PSDの位置を移植できるような仕組みにしています。

ちょっと試してみたものとしては、Edge AnimateのプロジェクトはJSONでできているので、それに合わせた出力もなんとなく上手く行って、今後はもっとたくさんのオブジェクトで試してみようと画策中です。

## 対象のレイヤーでboundsの情報が深い階層になると重い

レイヤーセットのことが多い気がしますが、対象のレイヤーで中に含まれているレイヤー数が多い場合に、全部捜索して位置情報を拾うためエラい重くなるようです。

今回のスクリプトでは入れていませんが、その場合は一度レイヤーセットを複製し結合してしまってから、boundsを発動させるとかなり負荷軽減しました。

<div>
```javascript
var focusLayerSetArea = focusLayerSet.bounds;  // フォーカスエリアを取得
// ↑　レイヤーセット内に仮に50レイヤー＋20レイヤーフォルダあったりすると激重になる

var x1 = parseInt(focusLayerSetArea[0]);  // 左上 x座標
var y1 = parseInt(focusLayerSetArea[1]);  // 左上 y座標

```javascript var dupLayerSet = focusLayerSet.duplicate().merge(); // 複製してレイヤー結合してしまう（なるべく非破壊にしたいので複製） var focusLayerSetArea = dupLayerSet.bounds; // フォーカスエリアを取得 dupLayerSet.remove(); // 用済みで削除

var x1 = parseInt(focusLayerSetArea[0]); // 左上 x座標
var y1 = parseInt(focusLayerSetArea[1]); // 左上 y座標

</div>

こうすると、処理が軽くなります。

## 高解像度データが入っているスマートオブジェクトが激重

スマートオブジェクトは試行錯誤にとても向いているツールだとは思うのですが、高解像度データが入っているものは捜索が重くなります。

なので「すべてのレイヤーをラスタライズ」をかけてから行うほうがいいでしょう。

## シェイプやパスなどの作りによっては、位置がしっかり取れない場合がある。

シェイプやパスで画面外にはみ出る形で配置されていたりすると、位置がマイナスから始まるケースがあります。

ある意味正しい動作なのですが、それだと困ることも多いので、なるべくラスタライズしてから、画面ピッタリに切り抜きを行ってから行うほうがいいでしょう。

ラスタライズ後の切り抜きも自動化に組み込むことも可能です。以下が例です。

<div>
```javascript
// 切り抜き
    preferences.rulerUnits = Units.PIXELS;
    activeDocument.crop([0,0,activeDocument.width.value,activeDocument.height.value]);