Kaizu-Blog

日曜日, 7月 19, 2026

Illustratorでの作図基本 41　
二等辺三角形の作図は2つの方法

Illustratorで二等辺三角形をストレートに作図することはできませんが、プロパティで切り抜けます。

例えば上のような二等辺三角形が欲しい場合・・・

Illustratorの作図は正三角形で概説する縁の半径と同じ半径の正三角形になってしまいます。

なので、とりあえず適当な正三角形を作成してからプロパティでWidthとHightの値変更で作図します。

あるいは、二等辺三角形の底辺と高さに該当する長方形を作成し［オブジェクト］＞［パス］＞［アンカーポイントを追加］後に上図のようにアンカーポイントを目引きして作図することもできます。

TCDW8832　
外出を取りやめて観察したというわけです

近所に現れたセールスマン風の男性。スマホで誰かと連絡中なのは会社の連絡だとしても、どの家でもピンポンせず、ただ周りを物色していて不気味。完全に不審者丸出しでした。外出しようとして発見したので外出を取りやめて観察したというわけです。

土曜日, 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 -->