日曜日, 6月 25, 2023

JavaScriptでAI遊び 03 
文字入力位置は文字のセンター位置

文字を指定位置に記述するだけです。

/* font_position.jsx */
var userInput = prompt("入力してください", "");
// ダイアログボックスを表示して入力を受け取る

if (userInput !== null) {
var doc = app.activeDocument;
// アクティブなドキュメントを取得

var Xposition = 100; // テキストのX座標
var Yposition = -100; // テキストのY座標
var fontSize = 36; // テキストのフォントサイズ

var textContent = userInput;
// ダイアログボックスから取得した入力値

var textFrame = doc.textFrames.add();
// テキストフレームを作成
textFrame.position = [Xposition, Yposition];
// テキストの位置を設定

var textRange = textFrame.textRange; // テキスト範囲を取得
textRange.contents = textContent; // テキストの内容を設定
textRange.characterAttributes.size = fontSize;
// テキストのフォントサイズを設定
textRange.characterAttributes.kerningMethod =
    AutoKernType.OPTICAL; // カーニングのメソッドを設定
textRange.characterAttributes.textFont =
    app.textFonts.getByName("migu-1p-bold");
// 書体を指定 migu-1p-bold

doc.selection = null; // 選択を解除
}
/* font_position.jsx */

実は、一番の問題はフォント名指定なのです。和名はNGなので英文表記にしないといけないのですが、今回は元々英語表記のMiguフォントを指定しています。
更にWindowsとmacOSでは同じフォントでも表記異なるケースもあるようでワケワカメです。

実行すると表示するテキストの入直を求めてきます。

上は処理結果です。
x100, y-100
つまりファイルの左上をの起点とし・・・
var Xposition = 100; // テキストのX座標
var Yposition = -100; // テキストのY座標
からの描画ということになります。
ちなみに、テキストの中央位置が起点となるようです。チョット怪しいですが気にしないことに。

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

TCDW7713 
来月になったら10枚×2で100円かな?

出先でバッグの中にあるはずのウエットティシュを切らしていたことに気がつき、コンビニで10枚125円を購入。普段は20枚×2で100円だったので高級ウエットティシュになります。ところが帰りに100均に寄ったら15枚×2で100円になって居ました。来月になったら10枚×2で100円かな? OMG

土曜日, 6月 24, 2023

Let's start JavaScript 10 
ベタにデジタル時計を表示

ベタにデジタル時計を表示してみました。以外と苦戦しました(^o^)

HTMLの記述
<!-- index.html -->

<!DOCTYPE html>
<html>
<head>
<title>digital clock</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="links/rule.css">
<script src="links/action.js"></script>
</head>
<body>
<br>
<p>現&emsp;在&emsp;の&emsp;時&emsp;刻</p>
<div id="view_box">
<h1> &emsp; </h1>
<h1 id="clock"></h1>
</div>
</body>
</html>

<!-- index.html -->

JavaScriptの記述
/* action.js */
function showTime() {
const now = new Date();
 /* nowには現在の日付を入れる */
const hours = now.getHours();
 /* hoursには現在の時間を入れる */
const minutes = now.getMinutes();
 /* minutesには現在の分数を入れる */
const seconds = now.getSeconds();
 /* secondsには現在の秒数を入れる */
const timeString =
`${hours.toString().padStart(2, '0')}:
/*時を2桁表示、1桁の場合は0を付ける*/
${minutes.toString().padStart(2, '0')}:
/*分を2桁表示、1桁の場合は0を付ける*/
${seconds.toString().padStart(2, '0')}`;
/*秒を2桁表示、1桁の場合は0を付ける
「`」はバッククオート[Shift @]で、
シングルクオート[Shift 7]ではありません。
バッククオートで囲むと複数行の文字列を整理定義します。*/
document.getElementById('clock').textContent =
timeString;
}
/*getElementByIdは、
HTMLで指定したIDに連動するドキュメント要素を取得するメソッド。*/

window.onload = function() {
showTime();
setInterval(showTime, 1000);
/* setInterval(showTime, 1000)だと
1秒後にshowTime関数を実行。
1000ミリ秒(1秒)を使うのは、もし0を使うと時計が行き過ぎて
-1まで進んでしまう可能性がでるからです。
時計が秒よりも小さい単位で動いている場合は、
終了条件式を1秒よりも小さい値にする必要があります。*/

};
/* action.js */

CSSの記述はいつもの通り
/* rule.css */
@charset "UTF-8";

html {
font-size: 16px;
}

html
{
overflow-y:scroll;
}

body *, ::before, ::after {
box-sizing: border-box;
}

.clearfix::after {
content: " ";
display: block;
clear: both;
}

body {
background-color: gainsboro;
font-family: Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}

div#view_box {
background-color: turquoise;
height: 100px;
width: 250px;
margin: 0px auto;
text-align: center;
vertical-align: middle;
border-radius: 10px;
}

p {
font-size: 20px;
text-align: center;
line-height:5px;
}

h1 {
font-size: 40px;
color: dimgray;
line-height:15px;
}

/* rule.css */

実行結果です。書体に凝るのもいいかも。

TCDW7712 
気になる300円のたい焼きシリコンポーチ

チョット気になる300円のたい焼きシリコンポーチ(ガチャガチャ)が、即刻完売だったらしいのですが、Amazonで6種類コンプリートセットが2680円で出ていて唖然。買わないよ〜ダ。

金曜日, 6月 23, 2023

PC操作時の腕枕を緊急制作しました

机の上の肘を動かすとゴリゴリして辛いのでPC操作時の腕枕を緊急制作しました。実はベータ版を少し前に作成していましたが、中身がタオルだけだったので、今回は豪華スポンジ入りです。

用意するのは・・・
・古いフェースタオル
・厚手のビニール袋を平面にひらいたもの
・100均のスポンジ
・100均の安全ピン
・無印の小さいトートバッグ

スポンジをしっかりビニールでくるみます。透明ガムテープで固定しました。

そのままタオルで包みます。

更にトートバッグに押し込んで隙間を作らないように安全ピンで固定します。上の写真は裏側になります。たったこれだけで腕に優しい枕の完成です。暇なときに寸法ぴっちりの袋を作成予定。安全のピンでの固定はソレまでの繋ぎです。

TCDW7711 
ここ日本だよね〜?私だけ変な時空に紛れたかな?

エリマキトカゲを意識したら、頭部はどう考えてもガボラ系ですね。いや〜しかし電車の中は乱れていますね〜。口も押さえずマスクのしていない兄さんが激くしゃみ10連発。通話しまくりオババ軍団。巨大リュックサックを背負ったまま後ろ向きに乗車してくるサラリーマン・・・。ここ日本だよね〜?私だけ変な時空に紛れたかな?

木曜日, 6月 22, 2023

Illustratorのトレースに正解はない

質問がありましたので・・・
Illustratorでトレースの練習といえば・・・
上の様なマークのトレースを想定して
綺麗な下絵を配置し・・・
それをトレースするのが教育機関などでは定番です。そして正確さを要求されますが、現実的にはほとんど意味がありません。それは・・・正確なトレース処理はデジタル処理の黎明期に、清刷りしかないが故に清刷りをデジタルデータ化するためにIllustratorでトレースする必要があった時の遙か遠くの昔話だからです。30年ぐらい前の話ですね。なので、DTPオペレーターの方であれば、企業のマーク類を綺麗な画像からトレースすることは皆無です。データはメーカーから支給されるからです。「支給されないので作成した」は絶対にやってはいけません。では、トレースは不必要か?というと違います。
現実的にはラフスケッチをトレースしてデータを新規作成するケースが一般的です。

ただし、この場合もデザイナーが作成したラフスケッチをオペレーターがトレースすることは皆無でしょう。このケースは、微妙なラインの善し悪しが分かるラフスケッチを作成したデザイナー本人が行う作業です。よって、綺麗な画像データーを丁寧にトレースし、アンカーポイントの位置が評価基準というのは疑問ですね。製図ではないですから・・・。綺麗な画像データーを丁寧にトレースがあるとしたら、それは、あくまでもペンツール操作の練習でしかないですね。

TCDW7710 
書き込みやリアクションはやっぱりPCからが落ち着きます

作業中だったり外出中は練ったアクセスはほとんどしません。つまりiPhoneでfacebookやtwitter、blogはほとんどしません。もちろん移動中などは対応可能ですが、よほどのことがない限り読むだけです。ソレもほとんどしません。メールとメッセンジャーチェックがメインなので歩きスマホでもしない限り無理ゲーです。書き込みやリアクションは、やっぱりPCからが落ち着きますね。もちろんiPhoneは普通に使えますよ(^o^)

水曜日, 6月 21, 2023

【NEXMAG】パソコン初心者必読。基本的なマウス操作の使い方ガイド

パソコン工房NEXMAG(ネクスマグ)さんにてマウス操作の記事を執筆させて頂きました。今後もオンライン原稿などは随時告知させて頂きます。


今までの記事










TCDW7709 
新幹線があるのに7時間掛けて大坂まで行った

そう言えば(コレばっかりですが)、私は寝台列車に一度だけ乗った記憶があるのですが、どの路線だったのか?もしかしたら夢だったのか?と言うぐらい記憶が曖昧なのですが、まだ一部の路線では残っているみたいですね。ちなみに新幹線が走っているのに料金ケチって7時間掛けて大坂まで行ったコトがありました(^o^)。