水曜日, 12月 10, 2025

TCDW8611 
肉食系高齢者の雑談砲の破壊力は半端ないです

外国人観光者が日本の電車やバスの中は静かだという話しをよく聞きますが、そんな事は無いです。ウルサイです。特に肉食系高齢者の雑談砲の破壊力は半端ないです。数日前にバスで囲まれてしまい脳内崩壊しました(>_<)。

火曜日, 12月 09, 2025

Let's start JavaScript 90 
HTMLでMathJaxによる数式表示(2)

 
HTMLで数式や化学式の記述設定を整理してみました(その2)。
HTMLで LaTeX形式の数式 を表示する場合は、
一般的には MathJax(またはKaTeX)というJavaScriptライブラリを使います。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>MathJaxによる数式表示2</title>
<!-- MathJax CDN -->
<script
src=
"https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>
<style>
body {
font-family: "Noto Sans JP", sans-serif;
background: #f9f9f9;
color: #333;
padding: 30px;
}
</style>
</head>
<body>
<h2>MathJaxによる数式表示2</h2>
<h3>三角関数1:\(y=\sin(a)+\cos(b)\)</h3>
<h3>三角関数2:\(x=\tan(c)+\sin(d)\)</h3>
<h3>三角関数3:\(sin^{-2} \beta + \cos^3 \theta = 3\)</h3>
<h3>三角関数4:\(\cos x = \frac{1}{\cos x}\)</h3>
<h3>三角関数5:\(sec(60^\circ) = \frac{1}{2}\)</h3>
<h3>逆三角関数1:\(y=\arcsin(a)+\arccos(b)\)</h3>
<h3>逆三角関数2:\(x=\arctan(c)+\arcsin(d)\)</h3>
<h3>逆三角関数3:
        \(arctan^3 \gamma + \arcsin^{-1} \theta = 5\)</h3>
<h3>角度1:\(30^\circ\)</h3>
<h3>ギリシャ文字:\(\alpha, \beta, \gamma\)</h3>
</body>
</html>
実行結果です。引き続きもう少し複雑な式も後日整理してみます。

TCDW8610 
それだけでもハードルが高いですね

第三者のPC環境構築の相談は本当に難しい。誰もが同じではないからです。ブラウザ、メーラー、テキストエディタ・・・それだけでもハードルが高いですね。特にPCが少し苦手だったりすると、本当に難しいですね(>_<)

月曜日, 12月 08, 2025

Photopea Basic Operation 11 
用途別のファイルサイズとデザインテンプレート

整理していなかったので過去のバージョンがどうだったか忘れてしまいました。改めての整理です。

新規プロジェクトを選ぶと、用途別のファイルサイズとデザインテンプレートを選べます。
また、カラープロファイルの選択肢は・・・
sRGB、Adobe RGB、ProPhoto RGB、Display P3から選択出来ます。

なお、カラープロファイルのカラー空間は上のようになっています。、

プリントサイズ

フォトサイズ(2Lサイズは5×7in)

スクリーンサイズ

モバイルサイズ

広告サイズ

正方形サイズ?

となっています。

TCDW8609 
月額料金が自動発生する仕組みには呆れてしまい

Baby Alien 170
飽食のネズミ系(^o^)
有るメーカーのAIチャットで質問をしたら、解答はクレジットカード情報を入れて料金を支払ってから〜と表示されて呆然。別メーカーに丸投げしているのに唖然としてしまいました。仮に支払って解答を受けても、月額料金が自動発生する姑息な仕組みには呆れてしまいました。もちろん支払いはせず、解答も無視しました。

日曜日, 12月 07, 2025

サーマルプリンタ付きカメラでラベル作成

手持ちのトイカメラはサーマルプリンタ付きなので、ラベルを印刷してみました。


このカメラは撮影後あるいは同時プリントでないとプリントできないので、モニターを撮影することで対処しています。

庶路バックで黒文字を撮影すると・・・

白い背景は綺麗に再現できません。

サーマルプリンタでインク代金は掛からないので、黒バックの白文字で作成すれば・・・

ナイスな結果になります。長い文字数は行数で対処ですね。シール付きの用紙がない場合は透明ガムテープで固定で対応します。

TCDW8608 
どう考えても許す方がオカシイと思うんですけどね

ラゾーナ川崎のアップルストはには先月からいつも長蛇の列。ちょっと店頭のスタッフに「並ぶとどのくらい待ちですか?」ときいたら、並んでいる方は5台以上iPhoneを買われる方達だとか・・・。どうりで日本語が聞こえず、怪しい雰囲気丸出しでした。しかも翌日も同じ人がいたりして、どう考えても許す方がオカシイと思うんですけどね。

土曜日, 12月 06, 2025

Excelでの日付・時間の加減演算

質問がありましたので・・・
Excelでの日付・時間の加減演算について整理してみました。

上は処理結果です。
例えば、現在の時間は・・・
=NOW() で以下のように求められます。
2025/10/15 11:30

このときのカナダ・トロントの時差は14時間です。コレを求めるには・・・
=NOW()-(14/24) で求められます。
2025/10/15 03:30

セルB2に=NOW()で2025/10/14 21:30と表示されている状態で
セルC2に時差を表示したい場合は=B2-(8/24)。
ストレートに表示したい場合は、セルC4に=NOW()-TIME(17, 34, 0)。

=NOW() で以下のように表示されたセルを選択し、
2025/10/15 11:30

ここで17時間34分前は、
=NOW() - TIME(17, 34, 0)

セルB3に=NOW()で2025/10/15 11:30と表示されている状態で
セルC3に時差を表示したい場合は=B2-TIME(17, 34, 0)。
ストレートに表示したい場合は、セルC4に=NOW()-TIME(17, 34, 0)。

秒まで計算したい場合は・・・
書式を[yyyy/m/d h:mm]から[yyyy/m/d hh:mm:ss]に変更し・・・

=NOW()
hh,mm,ss
2025/10/15 11:30:12

セルB4に=NOW()で2025/10/15 11:30:12と表示されている状態で
セルC4に時差を表示したい場合は=B2-TIME(15, 26, 45)。
ストレートに表示したい場合は、セルC4に=NOW()-TIME(15, 26, 45)。

2025/10/14 20:03:27

C列のみで計算した場合の数式。

B列を指定して計算した場合の数式。

TCDW8607 
気持ちの良い接客は大切ですね

ふと立ち寄った和菓子屋さんは、前に訪れた感じがしていたのですが、それはアタリでした。10年ほど前に訪れたときは店主の態度が最悪で気分が悪くなったことを思い出しました。しかし、今回は外観こそ当時のままのような感じでしたが、店内は綺麗で店員さんも愛想が良く気持ちの良い接客でした。気持ちの良い接客は大切ですね。

金曜日, 12月 05, 2025

Illustratorでの作図基本 32 
パターンのカラー変更は2種類から

質問がありましたので・・・
Illustratorでパターンのカラー変更は2種類の方法があります。

まず、ベースパターンを作成し、[オブジェクト]>[パターン]>[作成]で・・・

上の様な設定でパターンを策せします。

直ぐにスウォッチに登録されます。

そのまま任意の図形に指定すれば完了です。なお、作例ではパターンのみ45度回転しています。ここでカラー変更したい場合は・・・

[編集]>[カラーを編集]>[オブジェクトを再配色]で変更すれば、ライブで変更されます。

いくらでも変句出来るので、元データを適当に作成していても大丈夫です。

また、この方法なら、変更したデータを別途スウォッチに登録されます。
もう一つの方法は、アピアランスで・・・

新しい塗りを作成し・・・

描画モードを任意変更するだけで・・・
カラー変更することが出来ます。変更後にデリケートな色調整が出来て便利です。

TCDW8606 
今まで無かった団子屋の屋台があってビックリ

昨日は、神保町にある日本大学法学部図書館への所用の後で12年ぶりに小石川後楽園へ向かいました。一時期年間パスポートを持っていた時期もあります。何度訪れても癒やされる空間です。園内には今まで無かった団子屋の屋台があってビックリ。和風でイイですね〜。

木曜日, 12月 04, 2025

HTMLとCSSの様々な表現 25 
スマートフォン対策の最も簡単な設定

仕事ではなく個人で作成したサイトをスマートフォンやタブレットに対応させるのは意外と大変で、次の3パターンが考えられます。

A) HTMLファイルにviewportを指定する
B) メディアごとにCSSファイルを作成し切り換える
C) 自動変換ツールを活用する

[C]は有料なのでサイト内容に対して財布と相談ですね。[B]はページ数が多いと作成及び今後の修正にも手間が掛かるので、かなり大変です。
例えば私のサイトは・・・

PCだとこんな感じになるように作成しています。コレ見てピンと来た人がいるかもしれませんが、スマートフォンを意識したデザインにしています。

そのままタブレットやスマートフォンで表示するとこんな感じになります。

ところがHTM内に以下の記述をするだけで上の様にデバイスのサイズに合わせてくれます。

<meta name="viewport" content="width=device-width">

他にも色々設定できるので整理すると・・・

■width
    表示エリア(ビューポート)の幅を指定します。
<meta name="viewport" content="width=device-width">

■height
    ビューポートの高さを指定します。
<meta name="viewport" content="height=device-height">

■initial-scale
初期表示時のズーム倍率(0.1〜10.0)
<meta name="viewport" content="initial-scale=1.0">

■minimum-scale / maximum-scale
    ズーム可能な最小・最大倍率
yes 可能
no ズーム禁止
<meta name="viewport"
    content="minimum-scale=1.0, maximum-scale=3.0">

■user-scalable
    ユーザーがズーム可能かどうか
<meta name="viewport" content="user-scalable=no">

■viewport-fit(iPhone X 以降のノッチ対応)
    ノッチを含む全画面を使う設定
auto 既定のレイアウト
contain 安全領域内のみ
cover 画面全体を使用(ノッチまで)
<meta name="viewport" content="viewport-fit=cover">

簡単ですがどんなサイトでも良い感じに展開できるわけではない点に注意し、ある程度割りきるですね。ちなみにPCの表示は未設定時と同じです。そのうちHTML側で自動変更に対応してくれるカモ(根拠のない期待)ですね。

TCDW8605 
だからオールドメディアなんでしょうけどね

Baby Alien 169
変わり玉飴系(^o^)
しかし。情報のモトネタを調べもせずにワケワカランこと言う人がオールドメディアに多くて本当に呆れますね。まっ、だからオールドメディアなんでしょうけどね(^o^)

水曜日, 12月 03, 2025

引き伸ばしレンズ遊び 04 
EL-NIKKOR 50mm F2.8

EL-NIKKOR 50mm F2.8をゲットしました。50mmは貴重です。チョット嬉しい。


所有していた古い80mmと比べると、少し大きいです。

ということでSONY α NEX-6に装着した状態です。たまたま所有していたフードを付けてみました。

今回も物撮りなら問題ないですが。APS-Cで使うなら50mmがいいですね。80mmはフルサイズ向きかも。

EL-NIKKOR 50mm F2.8
39-42mm 変換リング
14mmマクロチューブアダプタ
12〜19mmヘリコイドアダプタ
1mmマウントアダプタ

Panasonic LUMIX DMC-G3
LUMIX G VARIO 14-42mm/F3.5-5.6 ASPH

SONY α NEX-6
EL-NIKKOR 50mm F2.8

TCDW8604 
御用聞きの文化そのものがオワコン化しています

12月と言えば、子供の頃は、米屋さんや魚屋さんが勝手口から正月用の餅やお節料理の御用聞きに来ていたことを思い出しました。お餅と栗金団に黒豆、蒲鉾に伊達巻きだけ有れば十分な私に取っては,ちょっとワクワクしたことを思い出しました。今は御用聞きの文化そのものがオワコン化していますね。

火曜日, 12月 02, 2025

Let's start JavaScript 89 
HTMLでMathJaxによる数式表示


HTMLで数式や化学式の記述設定を整理してみました。
HTMLで LaTeX形式の数式 を表示する場合は、
一般的には MathJax(またはKaTeX)というJavaScriptライブラリを使います。


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>MathJaxによる数式表示</title>
<!-- MathJax CDN -->
<script
src=
    "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>
<style>
body {
font-family: "Noto Sans JP", sans-serif;
background: #f9f9f9;
color: #333;
padding: 30px;
}
</style>
</head>
<body>
<h2>MathJaxによる数式表示</h2>
<h3>分数1:\(\frac{a}{b}\)</h3>
<h3>分数2:\(\frac{a-x}{b+y}\)</h3>
<h3>分数3:\(\frac{a-x}{\sqrt{b^3+y}}\)</h3>
<h3>平方根1:\(\sqrt{x}\)</h3>
<h3>平方根2:\(5\sqrt{x}-\sqrt{y}\)</h3>
<h3>平方根3:\(\sqrt{3x^2-2}\)</h3>
<h3>化学式1 アンモニア:\(NH_3\)</h3>
<h3>化学式2 硫酸:\(H_2SO_4\)</h3>
<h3>化学式3 水産課カルシウム:\(C_a(OH)_2\)</h3>
<h3>ギリシャ文字:\(\alpha, \beta, \gamma\)</h3>
</body>
</html>

実行結果です。もう少し複雑な式も後日整理してみます。