月別アーカイブ: 2016年11月

ひとつの流れ

orangejuce境遇

常にルンルンな気分ではいられません。辛口の人に褒められる以外にも、遠くの屑籠にめがけて投げたチリが命中したとき、しばしの時間、幸せを感じます。

最近、あまり幸せを感じません。著名なラーメン専門店で注文した飲み物に付いてきたストローが逆さに入っていたり、レストランドリンクバーのコーヒーカップが汚れていたりしてがっかりしました。

不遇な体験とうれしい体験

nattoスーパーで購入する食料品は以前よりも品質が落ちているように思われます。鮭の切り身は薄くなり、納豆の両目が少なくなった他、練り辛子が水っぽくなった気がします。

安くてうまかったバナナも買えなくなり困っていたところ、バナナの新パナマ病で世界的な品不足が原因です。うれしい体験もあります。牛丼Yで「牛アタマ大盛」を頼んだら、食卓に配り終わった後、箸入れの蓋を開けてくれました。細かい気遣いです。

coffeecup食事処で新聞や週刊誌で取り上げられると味が落ちると言われています。SNSはうっぷん晴らしに個人的な思いを書き連ねる場ではありませんが、コーヒーカップの汚れは全国展開のレストランC〇〇で経験しました。

3つ目のカップでOKですから、満足度33%になります。アルバイトに任せきりで店長など責任者の目が届かないところで起きている現象と思われます。

スーパーやコンビニでも悲喜こもごもです。買い物かごがとりやすいように斜めになっていたり、レジ袋の持つ部分を持ちやすいようにクルクル丸めたりしてくれます。

大規模がすべてに勝利する

sansho経費削減のため、企業は合併傾向にあります。大衆食堂、八百屋、肉や、魚や、金物店など小規模店が次々と廃業にさらされています。

家族だけで経営している小レストランにおいて、先代や先々代が活躍した新聞記事の切り抜きをお店に飾ったりして昔の栄光いま何処と煙たがっていましたが、大組織が洋の東西を問わず不祥事に巻き込まれると「小粒な山椒」を応援したくなります。

足るを知るさいごに

おいしいものや満足のいく商品は、それなりの金額を用意しないと充足できない時代になったようです。

それならば多くを望まず、詩人や哲学者の境地に浸りたいものです。

ある日とつぜん

突然の出来事

noiseWindows10で突然、音量が大きくなる現象に二度、出会いました。

一度目はレジストリエディタでシステム上、重要な名称を変更したときに体験しました。

二度目はコントロールパネルにてアカウント名を変更したときです。

音量はパソコンが持つ最高レベルに設定されたらしく、パソコンが壊れてしまったとパニックに陥ったほどです。外部の音量レベル調整ボタンで急いで小さくして事なきを得ました。

原因の特定

インターネットで類似例を検索すると、突然の音量増大に悩んでる人が大勢いることが分かりました。症状が起きる状況を解明された方は少なく、その対策も画期的な策がない模様です。

こちらでは、二度の体験だけで原因を特定するまでは至っていませんが、「システム上の重要データを変更すると警告の意味で、飛びぬけて大きな音を提供する」と勝手に結論づけました。

%e6%9e%af%e3%82%8c%e6%9c%a8

あやふやな情報を出すのはためらいましたが、ないよりあった方がよいと考え公開しました。枯れ木も山の賑わいとお考えください。

さいごに

%e8%90%bd%e7%9f%b3%e6%b3%a8%e6%84%8f山間部を走っていると「落石注意」という看板に出会うことがあります。

この看板はあらかじめ、当局者が言い訳をしているようにも見えますが、そのような場所はすぐ、通過した方が良いと教えています。

根本的な解決策ではないけれど、ないよりはあった方が良い例を最後に挙げて終わりです。

奥深い日本語

中核病院

chukaku-byouin先日、病院にかかりました。最近、高価な医療設備、高度技術を持つ病院では原則、完全紹介、完全予約制を敷いてコンビニ受診を締め出しています。

予約なしの飛び込み診療も受け付けますが、その場合、5000円ほど割高になるようです。新しい法律が施行されているのです。

このたび、体験した大企業系列の中核病院では一日の往来者がかなりの人数になり、いつも長時間、待たされます。大学病院のように名前にひかれて行くのではなく、それなりの理由があって出かけています。

微妙な言葉

今回かかった総合病院のある内科では、診察室が第17までありました。あり余る待ち時間を利用して診察室の番号を調査しました。その体験から人間の病気に関する心理と言葉について考えてみます。

aka-3最近では、結婚式において、忌み嫌う言葉などには無頓着になったようです。

人の離合集散は言葉のあやで語りつくされるほど単純でないことが知れ渡り、本質的な論議を大切に考えるようになってきたからと推測されます。

反面、病気についてはまだまだ、難病と言えるものが多く存在し、言葉によって病人を不安にさせないように気を使っています。

以下は存在する診察室の呼称です。一般に第3診察室は短縮して3診と呼ばれることが多いです。

番号 正式名称 略式呼称
第1診察室 1診
第2診察室 2診
第3診察室 3診
第6診察室 6診
第7診察室 7診
第8診察室 8診
第10診察室 10診
第11診察室 11診
第12診察室 12診
10 第16診察室 16診
11 第17診察室 17診

避けられる数字と理由

17までの数字で避けられた数字は4,5,9,13,14,15の6つです。4と9は古くからある「死」と「苦」からきています。意外なのは5です。そこには病院ならではの理由があります。

goshin第5診察室を短縮して呼ぶと5診になります。5診は誤診につながり患者には嫌われるでしょう。5が欠番になった例は初めて見ました。

14と15は4と5の延長と考えられます。13は西洋ではもっとも忌み嫌われる数です。最後の晩餐でキリストを裏切ったユダの席が13番目とか13日の金曜日などが原因のようです。

江戸時代、鎖国体制と言えども西洋文化との交流はかすかに存在したでしょうからわが国でも13は嫌われ数字だったと考えられます。

最後に

hospital病院は「無防備の最たる場」、「泥棒の練習場」と言われています。最近、病院の内部犯行ともとられる不可解な事件が頻発ないし明るみになっています。

性善説に基づく運営は無理があるようです。他の施設同様に警備員の巡回や防犯カメラによる監視が多くなるのでしょうか。

おちおち、病気にもなれません。いや、病気にはなりたくありません。

8桁数字選択くじ

電子決済方式ロト8

tomikuji

以前に年末のジャンボ宝くじ抽選を電子決済方式にしたら楽しいのではと考え、宝くじ自動抽選例を取り上げました。今回、BGMを追加するなど機能を強化しました。

乱数を用いて当選番号を決定する仕組みは変わりませんが、8個のシャッフル表により、ハイポサイクロイド曲線や表示色が毎回、変化するように改訂しました。

余談になりますが、江戸時代には寺社が勧進のために富くじを発売しました。抽選方法は組と番号が書かれた木札を入れたくじ箱を、先端がキリのような棒で突いて選ばれた木札の番号を当たりとしました。

動作ブラウザ

browser_share

Chrome、Firefox、IE、Edgeの4ブラウザでの動作を確認しました。

また、右に表示されるハイセンスな美女や万葉美人の画像も多少、変更してあります。

プログラミング教育

2020年度から小学校でプログラミング教育が必修化されます。プログラミングは考える能力を育みます。小中学校において、将棋や囲碁の人気が高く、クラブ活動が盛んと聞きます。以下は初心者が習得しやすいビジュアルプログラミング言語5選です。

programingeducation

主なプログラ
ミング言語
呼称        
Viscuit     ビスケット     
Scratch     スクラッチ    
MOONBlock    ムーンブロック   
プログラミン  プログラミン    
Google Blockly グーグル ブロックリー

 

出来合いのゲームソフトに長時間、興じる状態から創造力を活かしたプログラミングに進むのも時代の流れのように思います。

実行例

momiji2実行例を以下に挙げます。開始ボタンをクリックすると、2桁の組番号と6桁の当選番号が決定します。停止ボタンのクリックで停止、再開ボタンのクリックでリスタートします。

すべての番号が確定すると開始ボタンが表示され再試行が可能になります。

ふわっと表示

遅延表示

テレビ放映において、付箋紙を使って部分的に時間差表示したり、一文字ごとに段階的に表示する手法があります。ウェブサイトで時間差横書き表示は、多くのプラグインが開発されていますが、縦書きでは有力なツールはまだ、存在していません。

2016-11-14

縦書きはh2vR.jsを用いています。一方、横書きの遅延表示は、setTimeout関数を使って、一定時間ごとにdocument.getElementById.innerHTMLを呼び出して表示する文字を追加して実現しました。

 ver0.02
葛の葉の
 うらみにかへる 夢の世を
  忘れがたみの 野べの秋風


   新古今和歌集 巻第十六 雑歌上 一五六五
    藤原俊成女(ふじわらのとしなりのむすめ)
supermoon

さいごに

遅延表示に対応した縦書きツールの出現を切望いたします。

本日は68年ぶりのスーパームーンです。早く帰宅しふわっとした気分で、月を愛でるのも一興ではないでしょうか。

深まる秋2016

秋の夕暮れ

日に日に寒さが増し、秋が深まりつつあります。食欲の秋、読書の秋、もの想いにふける秋、酒がうまくなる秋…、様々な秋を体験できます。和歌はh2vR.jsを使って縦書きに表示しました。

秋風に
  たなびく雲の絶え間より
    もれいづる月の影のさやけさ

 
      古今和歌集(巻四 秋上 四一三)
          左京大夫顕輔
 

 

縦書きスライドショー

autumntint_1

久々のスライドショー

久方ぶりに、縦書きでスライドショーを作ってみました。Meta Sliderをプラグインしています。

最後にmarqueeで右水平スクロールを追加しました。

演目

①人国山(ひとくにやま)に住む佳人をほのかに想う,万葉集第7巻1305,柿本人麻呂
②読んで味わう徒然草(つれづれぐさ),徒然草117段,吉田兼好
③あこがれの君、「葉津」,三月の鮠,藤沢周平

[metaslider id=16322]

付録

 

矢印を動的に描く

Svgとmarker要素

svgSvgはHTML5で導入された図形を描くときに適した機能です。当ブログでも急ピッチで取り上げつつあります。その中に矢印を描くmarker要素があります。

線の先端に矢印を付けたいときに使います。時々刻々変化する円弧の先端に矢印を自動的に付加する機能について語ります。

このたび、極座標の回転角をmarker要素にて円弧として描きました。矢印が期待した向きにならず、その制御に手間取ったので、次の機会に困らないように記録に残します。末尾にソースコードを追加しました。

marker-1

誤動作の一例

線の先端に矢印を付ける場合、始点と終点が変化したときは矢印の向きが自動的に追従してもらいたいものです。例えば、0度から360度まで変化する図形を描くとき、最初と最後で期待した動作にならないことがしばしばです。

始値を-0.005に、終値を360.005のようにすれば思い通りの矢印が描けることが多いです。ただし、その媒介変数を他のところで参照することがあり、小さめ、大きめの始値と終値では問題が起きることがあります。

arrow

矢印の向きの実用的な設定法

始値と終値を額面通りに設定し、上図の②と⑤のように表示された場合、矢印描画に使う値だけを設定しなおすことが実用的な解決策と判断しました。末尾に示した23行、24行のコードです。

以下に動作例とソースコードを示します。ここまで到達するにかなりの時間を要しました。参考になればありがたいことです。

動作例

再ロードボタンのクリックで動作します。

ソースコード

<html>
<head>
<script type="text/javascript" charset="Shift_JIS">
const ZX=254;				//中心点x
const ZY=254;				//中心点y
const SIZ0=26;				//半径
const COMT="M 280 254 A 26 26 0 ";
var th=0.0;
var vx=vy=0;
function start(){
	setTimeout('rose1()', 1);
}
function rose1(){
	calculate();
	th += 0.01;
	if(th <= 2.0000000000000013)	setTimeout('rose1()', 10);
}
function calculate(){
	var f1 = (th < 1.0) ? 0 : 1;
	var t = th * Math.PI;									//theta
	var vx = ZX + Math.cos(t) * SIZ0;
	var vy = ZY - Math.sin(t) * SIZ0;
	if(th==0) vy = 253.98;									//矢印の向きを修正
	if(th>=2.00) vy = 254.01;							    //矢印の向きを修正
	//alert("P0");											//初期状態を見るために停止
	var cmd=COMT + f1 + " 0 " + vx + " " + vy;				//COMT="M 286 254 A 32 32 0 "
	cm1.setAttribute("d", cmd);								//曲線
	console.log("TH="+th+" CMD="+cmd);
	//alert("P1");											//1回ごとの描画を確認に停止
}
</script>
<svg width="500px" height="500px" version="1.1" xmlns="http://www.w3.org/2000/svg">
<marker id="mk1" viewBox="0 -5 10 10" refX="5" refY="0" orient="auto" markerWidth="10" markerHeight="10">
  <polygon points="10,0 0,5 0,-5"/>
</marker>
<path id="cm1" d="M 280 253.99 A 26 26 0 1 0 280 254" fill="none" stroke="chocolate" marker-end="url(#mk1)"/>
<path id="xaxis" d="M 210 254 L 298 254" stroke="blue" fill="none" stroke-width="1"/>
<path id="yaxis" d="M 254 210 L 254 298" stroke="blue" fill="none" stroke-width="1"/>
</svg>
</head>
<body onLoad="start()"></body>
</html>

 

動画と音声をローカルディスクに保存

動画キャプチャー

以前、動画と音声をローカルディスクに保存するにあたり、以下のツールを使いコメントを載せました。
①Bandicamを使う方法「様々な動的コンテンツ」
➁Whammyを使う方法「Canvasに描画した動画をWebM動画に保存」
③ScreenCastifyを使う方法 「比叡山延暦寺までご案内」
で述べました。

rawkeep

有料版もありますが、それぞれフリーソフトが用意されています。多くを望むことは贅沢と言いつつもないものねだりになってしまいます。

商用マークが冒頭に表示されたり、音声を付けるのに別手段を必要としたり、Chromeからの起動が条件で、録画時間10分に抑えられたりと制限付きです。

gamebar今回取り上げる「動画キャプチャー Game DVR」は、Windows10に当初から組み込まれているソフトであり、動画と音声が同時に記録・保存することが可能で、録画時間の制限も2時間と緩やかです。

このたび、これを用いて音声付きCANVAS動画をローカルディスクに保存し、動画として描画しました。

ハイポサイクロイド曲線をSvg要素で描画する

Svg要素では図形や画像を表示しますが、テキストを用いて表示する仕様であり、画像を拡大しても画質が落ちることはありません。Svgによる描画例を魅惑的な曲線美で取り上げました。

今回の例では「動画キャプチャー Game DVR」と連動するために記事の起動から少し遅れて、三葉曲線と五葉曲線が描画されます。

35curve

「動画キャプチャー」はもともとXbox用のアプリの機能を使っていて、ハイスペックな環境が必要でWin+Gキーにより起動されます。使い方は、Windows10のデスクトップキャプチャ機能「Game DVR」の使い方と設定方法などを参照するとよいでしょう。

また、【新機能】Windows10のゲームバーでPC画面を動画で記録する方法にてdekiru.netさんが詳しい解説を公開しています。

動作例

以下に動作例を掲げます。全画面(フルスクリーン)にして▶をクリックし開始します。

さいごに

いろいろなスクリーンキャプチャーに接しましたが、フリー版では今回のツールがもっとも気に入っています。ソフトのインストール方法を初心者に説明する取説の補助資料として利用することができる優れものの一つ、『モニタ画面に表示される画像と音声をそのまま、保存するツール』を紹介しました。