金曜日, 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 -->
投稿者 時刻:
ラベル: ,

TCDW8830　
2回タップしてストップ！詳細はコメント欄で！

YouTubeのショートで「2回タップしてストップ！詳細はコメント欄で！」が流行ってますが、コメント欄に答えがない確率が高いですね。まっ、重要な情報でもないし、基本知らなくてもいい情報ばかりですからね。読み続けるのは時間の無駄ですね。
投稿者 時刻:
ラベル: , ,

木曜日, 7月 16, 2026

Bambu Studio Lessons 15　
3Dプリント失敗作の活用方法

失敗作の活用方法です。ただし、使える失敗作の場合限定です。

左がキャラクターの失敗作で下半身だけが救済された感じです。一応上面にはフタをしています。っそして、今回作成したのが右のコップ（※）。

※底のある筒

Bambu Studioでシリンダーを2つ作成し、センターに配置してから上下の位置を調整し・・・

メッシュプール演算で［差分］を実行するだけで・・・

コップ形状が得られます。

後は接着剤で結合するだけです。まっ、流石に鉛筆立てには無理がありますが・・・何に使うか考え中です。

Bambu Studio 2.6.0.51
投稿者 時刻:
ラベル: ,

TCDW8829　
下調べをしてから普通の街を徘徊するので

Cute Baby Alien 049（^o^）
オバQじゃなくてメジェド風〜。
最近空いた時間に町探検をしています。下調べをしてから普通の街を徘徊するのですが、神社、小さなミュージアム、公園、著名な建築物・・・色々と楽しいです。
投稿者 時刻:
ラベル: , , ,

水曜日, 7月 15, 2026

Illustratorのサブレイヤーに分配が変？

Illustratorで作成したデーターをレイヤー分けする場合、オプションメニューから［サブレイヤーに分配］を選ぶと、ちょっと希望と異なる結果になります。

例えば、上はサンプルデータ画グループからされている状態です。


オプションメニューから［サブレイヤーに分配］を選べるときと選べないときがあり、正直ワケワカメです。


グループ化せずに［レイヤーパレット］＞［オプションメニュー］＞［サブレイヤーに分配（シーケンス）］の結果はグループ化したときと同じ？

グループ化せずに［レイヤーパレット］＞［オプションメニュー］＞［サブレイヤーに分配（ビルド）］の結果は一瞬焦りますが、これはAfterEffcts等に取り込むことを想定しているようです。問題は［サブレイヤーに分配（シーケンス）］ですが・・・


グループ解除して［サブレイヤーに分配（シーケンス）］ならPhotoshopにレイヤーを生かして配置できますが・・・

グループ化している状態で［サブレイヤーに分配（シーケンス）］するとPhotoshopは孫レイヤーを見逃します（>_<）
投稿者 時刻:
ラベル:

TCDW8828　
良い子は真似しちゃいけません状態だったかも

昨日の炎天下は洒落にならなかったです。2時間ほど某所を散策していて死ぬかと思いました。もちろん日傘と水分補給で防御しましたが・・・良い子は真似しちゃいけません状態だったかもですね。
投稿者 時刻:
ラベル: , ,

火曜日, 7月 14, 2026

Photoshopで低解像度イメージを修正

Photoshopで低解像度イメージ（※）を修正する手順を整理しました。

※2階調のイラストを想定しています。また、完全に戻すことは出来ないので、最終的に微修正が必要です。また、指定されたロゴやシンボルマークの場合はオリジナルを使います。あくまでも一時的な処理です。
ジャギが目立つ状態なら・・・
［フィルター］＞［ぼかし］＞［ぼかし（ガウス）］で若干ぼかしてから・・・

［イメージ］＞［色調補正］＞［レベル補正］にて・・・



黒と白のスライドを調整してエッジを立たせます。
処理結果の細部は丸まってしまうのでッ修正が必要ですが、いい感じに調整出来ます。
Illustratorで行う場合は、ラスタライズ画像を［効果］＞［ぼかし］＞［ぼかし（ガウス）］で若干ぼかしてから、画像トレースにて2階調設定を実行後、パスの省略を行うと良いでしょう。
投稿者 時刻:
ラベル:

TCDW8827　
久しぶりにアクセスしたら消滅していてビックリ

かつては頻繁に理容していたオンラインショップを久しぶりにアクセスしたら消滅していてビックリ。私も昨年はサイトが消滅しかかりましたが、今年に入ってレジストラの方が消滅していました。ネットの世界は動きが速いですね。
投稿者 時刻:
ラベル: , ,

月曜日, 7月 13, 2026

JavaScriptでAI遊び 99　
Illustratorで選択したオブジェクトのサイズをランダム変更

選択したオブジェクトのサイズをランダムに変更じます。

// 選択オブジェクトをランダムスケール

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

if (doc.selection.length === 0) {
alert("オブジェクトを選択してください。");
} else {

var minScale = parseFloat(prompt("最小倍率(%)", "50"));
if (isNaN(minScale)) exit();

var maxScale = parseFloat(prompt("最大倍率(%)", "200"));
if (isNaN(maxScale)) exit();

if (minScale > maxScale) {
var tmp = minScale;
minScale = maxScale;
maxScale = tmp;
}

function randomScale(min, max) {
return min + Math.random() * (max - min);
}

for (var i = 0; i < doc.selection.length; i++) {

var item = doc.selection[i];
var scale = randomScale(minScale, maxScale);

item.resize(
scale, // 水平
scale, // 垂直
true, // パターン変形
true, // グラデーション変形
false, // 線幅は維持
true, // 塗りパターン変形
scale // 線幅倍率
);
}

alert("ランダムスケール完了");
}
}

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

最小倍率を指定し・・・

最大倍率を指定するだけです。

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

上は処理結果です。線幅も対応させる場合は、38行目を以下の様に変更すれば完了です。

false, // 線幅は維持
true, // 線幅も変更

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

TCDW8826　
これが第四のトラブルだったのかも

昨日は、ちょっとしたトラブルで大工仕事をしたのですが、ニッパの戻しバネ部分に右人差し指を思いっきり挟み、左小指にちょっと火傷してしまいました。工具が入りにくい場所の作業はトラブルの元ですね。もしかしてこれが第四のトラブルだったのかも（>_<）・・・ということで第五に期待です（^o^）
投稿者 時刻:
ラベル: , ,
登録: 投稿 (Atom)