Kaizu-Blog

土曜日, 7月 18, 2026

JavaScriptでAI遊び 100　
Illustratorで選択したオブジェクトをレイヤー分け

選択したオブジェクトを個別にルートレイヤーに分けます。いられるのデフォルト機能である［サブレイヤーに分配］とは処理結果が異なります。個人的に［サブレイヤーに分配］は勘違いしやすいので使って居ません。

Illustratorのサブレイヤーに分配が変？ 2026/07/13

// 選択グループ内のパーツを前後関係を維持してレイヤー分割

if (app.documents.length == 0) {
    alert("ドキュメントを開いてください");
    exit();
}

var doc = app.activeDocument;

if (doc.selection.length != 1) {
    alert("グループを1つ選択してください");
    exit();
}

var target = doc.selection[0];

if (target.typename != "GroupItem") {
    alert("グループを選択してください");
    exit();
}

// pageItemsを配列化
var items = [];

for (var i = 0; i < target.pageItems.length; i++) {
    items.push(target.pageItems[i]);
}

// IllustratorのpageItemsは前面→背面なので逆順で処理
for (var j = items.length - 1; j >= 0; j--) {

    var item = items[j];

    var layer = doc.layers.add();

    var num = ("000" + (items.length - j)).slice(-3);
    layer.name = "Layer_" + num;

    item.move(layer, ElementPlacement.PLACEATBEGINNING);
}

alert(items.length + "個のパーツをレイヤー分割しました");

オブジェクトを選択し実行すると・・・

このレイヤー状態は・・・

このパレットが表示されたら完了です。

こんな感じです。

※Illustratorのアップデートで不具合が出る場合があります。気がついた時点でデバッグするように心がけていますが、すぐに対応できないのでご容赦ください。

TCDW8831　
ネガティブなことが続いているので

昨日は外出したにに雨には全く影響なかったのはラッキーだったのだろうか？　ネガティブなことが続いているので、そう感じてしまいました。

金曜日, 7月 17, 2026

HTMLとCSSの様々な表現 26　
target="_black"で開いたときの背景処理

画像表示で大きめの画像を小さくリスト表示し、クリックしたら別ページとっして大きい画像を表示させるとき［target="_black"］で背景色を変更したいとき、何もしないと背景は黒になってしまいます。

<!-- index.html -->
 <!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Beach on a southern island</title>
</head>
<body>
    <center>
            <h2>南の島のビーチ 200×150px</h2>
            <a href="pic/beach.jpg" target="_blank">
                    <img src="pic/beach.jpg" width="200px" 
                        alt="南の島の写真">
            </a>
    </center>
</body>
</html>
<!-- index.html -->

<!-- beach.html -->
 <!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Beach on a southern island</title>
</head>

<body>
    <center>
            <h2>南の島のビーチ 800×600px</h2>
                    <img src="pic/beach.jpg" alt="南の島の写真">
    </center>
</body>
</html>
<!-- beach.html -->

色々と実験してみましたが、ヤヤコシイので、単純に新しい表示設定のhtmlファイルを開く設定にすルのが一番簡単確実です。

<!-- index.html -->

<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<title>Beach on a southern island</title>

    <style>

        body {

        background: black;

        color: lightskyblue;

}

    </style>

</head>

<body>

    <center>

            <h2>南の島のビーチ 200×150px</h2>

            <a href="beach.html" target="_blank">

                    <img src="pic/beach.jpg" width="200px" 

                        alt="南の島の写真">

            </a>

    </center>

</body>

</html>

<!-- index.html -->

<!-- beach.html -->
 <!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Beach on a southern island</title>
    <style>
        body {
        background: lightskyblue;
        color: mediumblue;
    }
    </style>
</head>

<body>
    <center>
            <h2>南の島のビーチ 800×600px</h2>
                    <img src="pic/beach.jpg" alt="南の島の写真">
    </center>
</body>
</html>
<!-- beach.html -->