ものづくり筆耕ものづくり筆耕ものづくりを楽しむ。皇帝ダリアの栽培からオリジナルシステムの構築まで。何がしかの褒賞や報酬を期待して周辺強国の機嫌をとるために、高価な物品を献上するような外交姿勢を言いますが、個人や団体生活においても似たような動きがないわけではありません。近代以前の中国周辺諸国においては、無益な争いごとに巻き込まれないように姻戚関係を持つこともあったようです。皮肉が込められており、ワクワク感はありませんが、金言に画像を付けてみました。表現力の向上にご検討ください。ものづくり筆耕ブログinventor2018年も終章に大河ドラマ『西郷どん』も最終章に入りました。霜月(11月)に入ると、喪中の挨拶やお歳暮の準備やらでせわしなくなります。このブログでも物を贈ることについて何回か語っています。賄賂(わいろ)政治のことばとともに物やお金をある意を持って権力者に貢ぐ風習は有史以前からあったと思われます。これらはドラマや川柳などにしばしば取り上げられてきました。今回は12種の名言を集めて時間差表示を試みました。ひながたとなるプログラムコードは難なく入手できるので、これを発展させて中央の画像を名言・至言にふさわしいイラストに切り替えて表示するように改訂してください。地図から選ばれた世界主要10都市の現在時刻を表示します。それによるとリオデジャネイロが東京(正確には東経135度の明石市か)よりも12時間遅れた時刻になります。東京が2018年10月28日06時00分ならば、リオデジャネイロは2018年10月27日18時00分ということです。今回、分かった事ですが時差というぐらいだから、すべて1時間刻みかというとなぜかニューデリーは日本よりも3.5時間遅れになっています。詳しくはこれから調査したいと考えております。プログラミングについてプログラミングは単純化するために、選ばれた10都市の時差のデータを記憶しています。地図が正確ならば、ポイントされた地点の経度を求め時差を算出できますが、プログラムが複雑化します。日付変更線が一直線でないことも算出式は一筋縄ではありません。都市の時間情報を記憶する手法は手堅いです。今回、主要な都市を10ヶ所選び、世界白地図にプロットしました。その都市マークの画面上におけるカーソル位置を記憶しました。10ヶ所なのでこの作業は簡単に完成できますが、都市数が増えたときはかなり大変な作業となるでしょう。都市名からその都市の現在時刻を求めるのならば、都市の緯度経度から白地図にプロットする仕組みが拡張性に富んでいると言えます。プログラミングは複雑になる代わり、一度、完成させれば多くの都市の時計に対応することが可能になります。🌏プログラミングには多様な手法があります。開発者の技量や規模によってもどれが適切かは変わります。原始的に泥臭くても構いません。正確に動作することが大切です。これら方式を考えることも楽しみの一つと言えましょう。都市名を代表する丸囲み番号をクリックすれば、世界時計が表示されます。思いやりのあるBGMを用意しましたので再生ボタンをクリックして和らいだ雰囲気でお楽しみください。プログラミングinventor学ぶ前に真似ぶ動物はあまねく親や先輩を真似ることからは始まります。鳥などの小動物も巣立ちまでは親が運んでくる食料で生き延びますが、やがて自立が待ち受けています。先進国をひたすら参考にして成長しやがて自ら切り開く時代に突入して久しい時が流れました。プログラミング教育が小学校において必修化になる時期が近づいています。プログラミングについては、プログラミング言語開発に累計数十年、職業として携わり機械語、アセンブリ言語、高級言語と数えきれないほど触れてきました。お礼を込めてブログでプログラミングを取り上げています。今回は学び方の一つについて再び語ります。言語について人は母国語をもっています。プログラミング言語はその一つと言っても間違いではありません。人間の言葉には融通性がありますが、機械が理解するには厳密性が要求されそれで嫌になる人がおおぜいいます。時代が進めばそれらも改善されるでしょう。芸術家肌など新しいことに挑戦してとん挫する人は、あまりにまじめに考え過ぎます。理想をめざしたエスペラント語が世界共通語にはなりませんでした。あまりに理想的では暖かみがありません。プログラミング言語は良いと思ったものを一通り理解するのが肝心です。その言語がすたれても次に隆盛を極める言語は前の欠点などを補って成立するので、だいたい似通ったものになり取っつきやすいです。その意味でも現在、飛ぶ鳥を落とす勢いと言われる言語に触れることは悪くありません。HTMLとJavaScriptブログやホームページを記述する言語にHTMLがあります。JavaScriptはその仲間です。それらは無料で入手できるうえ、解説書やサンプルコードなども無料で役立つものが出回っています。特定のメーカーが開発したツールでなく公正な世界中の関係者によって管理されているので、予算的にも教育機関が採用する言語には妥当なところと考えます。取り掛かりのサンプル取り掛かりのサンプルとして、『世界時計を作る』に挑戦します。世界の地図の指定した地点の現在時刻を表示するものです。第一回は日本の標準時刻を1秒ごとに表示する課題です。作成のポイントhtmlで記述することを宣言。音声オブジェクトを定義して再生する。曲名や著作権を表示する。再生や音声制御のユーザーインターフェースを表示する。一秒間隔で起動する関数を定義する。地球儀やビッグベンの時計を表示する。年月日時分秒を表示する。《Warmth》思いやり、優しさというタイトルのBGM付きです。世界時計を作るTokyo(東京)2018/10/21(日)09:30:15次へのステップ今回は日本の現在時刻を表示しました。次回は世界地図上に指名した地点の現在時刻を表示する予定です。史上最強とも言われた夏も遠くのかなたに消え去り、肌寒ささえ感じる頃となりました。今年は時計の針が逆転したかのように東から西へ向かった台風もありました。憂いを残すBGMを聞きながら秋の夜長に思いを寄せてみましょう。同一方向の二重スクロールで秋の風物を背景にいにしえの和歌を著してみました。再生ボタンをクリックして開始です。ものづくり筆耕ブログinventorYouTubeを自前で扱う動画を作成してユーチューブに投稿すれば世界中の人々に見てもらえます。投稿規定を守れば投稿のための料金はかかりません。投稿規定といっても公序良俗に反しなければ特に問題はないと思われます。ユーチューバーに登録し精力的な活動をして思いがけないほどの閲覧者が現れて多額の広告収入が得られるかも知れません。APIを用いて自前でYouTubeを取り扱うことを目指しました。JavaScriptの中に、公開されたAPIを呼んできめ細かな動画システムを作り上げることを目標にしています。リファレンス』などに述べられており、参照させていただきました。『YouTubeプレーヤーAPIでYouTubeを複数設置する』では、YouTubeをマルチウィンドウで閲覧する例を具体的に解説されています。ここでは、運動会シーズンに因んで、4台のカメラを集中して管理する運営本部が1台のカメラを特化して大画面で放映するような様を想定しています。雰囲気だけですが、小学生が社会見学で訪れる右写真のようなテレビスタジオの副調整室を真似ています。起動すると4画面が表示されます。それぞれ、画面中央の▶周辺をクリックするとライブ中継が開始されます。4シーンを同時に描画することができます。❶~❹の白抜き数字をクリックすると数字の左側の画面が拡大されて描画されます。元のマルチ画面に戻すには右下のホームボタンをクリックします。4画面は停止状態にあり、再生する場合は再びクリックします。動作例と動作環境4台のWebカメラによるインターネットライブカメラの作り方は難しくありませんが、にわかには準備できないのでネット上にある既存のものを使わせていただきました。イベント会場のありさまをライブ配信するシステムを自作するには、Webサイト上で24時間ライブ配信を行う方法が参考になります。頑張ってライブ配信システムを構築して、運動会、野球、サッカー大会、ピアノ演奏会の模様を、いつも成長を見守ってくれる遠くの家族にオンライン中継することが可能になります。モダーンブラウザではおおむね、思い通りの動作が得られましたがIE11ではしっくりしません。edgeの利用が望まれます。世界で今、まさに起きているライブ風景を居ながらにして見ることができます。大画面に拡大して表示すれば、車や船の動きが一目瞭然です。ライブ配信システム自作の薦めインターネットにまつわる技術革新は秒進分歩(日進月歩)です。ライブ配信システムは手軽に自作できます。ウェブ上には自作集が山積みされています。趣味の領域ならば2000円ほどのウェブカメラでも十分であり、使わなくなったスマホなどを利用すれば10000円以下で構築できるでしょう。ハードウェアの知識とHTML、JavaScriptによるプログラミングの知識やYouTubeの利用法はおいおい身に付くでしょう。ものづくり筆耕ブログinventor四季の恵み日本は四季に恵まれた国と言えましょう。寒い冬に備えなければならないことは余分な仕事とも言えますが、それは人々に緊張感を植え付けます。人は怠けものの動物なのでだらだらと過ごしがちです。夏の暑さにはしゃいでもいいけれどはしゃぎっぱなしはいかんと、自然はそこを叱りつけてくれます。花を愛でる山間・寒冷地帯を除けば、日本では梅、桃、桜の順に花が咲きます。秋にはイチョウやもみじが鮮やかに紅葉します。春には桜前線、秋には紅葉(こうよう、もみじ)前線と呼ばれ季節の風物として毎年、語られます。桜前線は南から、紅葉前線は北から移動すると言われますが、ヒートアイランド現象のせいでしょうか、南よりも首都圏で先に桜が咲くことがあります。自然や月、太陽をあがめて日々、暮らす大衆の生活は日本独特なのでしょうか。行楽レジャー、リクリエーションなどの用語は戦後、欧米からの取り入れと思われますが野点(のだて)、茶会、花見などは古来から使われています。こんぴら歌舞伎などが盛会に催されました。今回は果物や木々に咲く花にまつわる楽しみについて語ります。鷹狩、ウサギ狩り、罪人を捕らえるのに狩るという言葉を使いますが、花や草木を観賞するために尋ね探すとの意味にも狩るを用います。果樹園などに入場料を払ってリンゴ狩り、ミカン狩り、ブドウ狩りをします。料金の対価になにがしかの果物を入手してきます。秋の観光の一つに紅葉狩りがあります。勘違いはどこにも誰にもあるもので、紅葉狩りに出かけ押し葉にするもみじの葉を山ほど持ち帰る人もいるそうです。自然の美しさを鑑賞するのに、一方は花見、他方は紅葉狩りというのも妙なものです。花見と言っても桜見とはめったに言いません。我が国では花と言えば桜なのでしょうか。春の華やいだ花見は心が浮き立ちますが、秋のイチョウやもみじの紅葉もまた、格別です。甲乙つけがたいとはこのようなことをいうのでありましょう。鮮やかな紅葉の出現には条件があるようです。昼夜の気温差が大きく、葉に十分な直射日光があたること、適度な湿度があって夏の気温が高く雨量が多い年ほど美しい紅葉が期待できると言われています。全国の色づき情報・紅葉名所が公開されています。気の早い向きには北に出かけたり、少し高い山に出かけ、晩春にならなければ時間が取れない人には南西に出かけるとよいでしょう。一年を通じて防寒具など要しないというのも気が楽でいいですが、少し辛抱した人には褒美として見事な紅葉が見られます。四季のある我が国ならではの特権です。今年も凶暴な自然に悩まされました。穏やかな季節には美しい自然に浸って次の活力にしたいものです。渡り鳥は、棲みやすい環境を求めて移動します。人間は衣服をまとったり住環境を整えて定住を試みます。お金持ちになるとカナダやタイなどに大移動します。一節を縦書きで表わしてみました。一節しばしのお別れ渡り鳥、雁の隊列です。鳥の群れはV字隊列を作って集団が消耗するエネルギーを最小にするという習性があるようです。スピードスケート競技のチームパシュートのように順番を交代するのだろうか。音声を再生する場合は一般には再生ボタンを押すのでびっくりすることは少ないです。音声のほとんどは音声オブジェクトの終了で停止します。最後は音声レベルがゼロになるように作られています。上図のように音声オブジェクトにおいてフェードイン、フェードアウトを考慮したオブジェクトになっているのがほとんどですが、長いBGMが流れているときに別の要因で音声を停止するとき、緩やかに音声が消えるようになるのが理想です。音が鳴り響くときは徐々に大きくなり、停止する場合は徐々にすぼまることをフェードイン/フェードアウトと言っています。人の会話のように、話の間、接ぎ穂など細かな会話の技法の代わりになるのがフェードイン/フェードアウト操作です。そのやり方がaudioの音をフェードイン・フェードアウトさせるに解説されていましたので参考にさせて頂きました。ねらいと手法audio要素にcontrolsを指定すると再生ボタンなどのインターフェースを表示させることができ、addEventListenerにより、playとpauseイベント関数を設定することができます。その関数でvolume属性を0~1.0に制御するねらいを立てました。これはplayイベントではねらいどおりになりましたが、pauseではすぐに音声が停止されるのでフェードアウトされず、プチっと音が消えるので不採用になりました。そこで参考サイトにあるようにbutton要素でplayとpauseのクリックイベントで処理するのがオーソドックスな手法のようです。play-play、pause-pauseなど誤った操作を処理するのを省くために、一つのクリックボタンをシーソースイッチのように扱ってフェードインとフェードアウトを制御します。num).slice(-2);}//1桁の数字の先頭に0を付加する</script></body></html>フェードインとフェードアウトの動作例フェードインは400ミリ秒、フェードアウトは1.5秒に設定しています。大音量を好み、心臓を大切にされる方はfadeInSpeedの値を大きくしてください。緩やかに立ち上がります。再生と一時停止を何度かクリックしてフェードインとフェードアウトの効果を試してください。太古の昔、食事は栄養の補給でしたが、そのうち、食事を楽しむ余裕が生まれて豊かな生活へと進んだことでしょう。フェードインとフェードアウトの効果がその一翼を担えたら幸いです。上の動作例は一度、動作完了して再実行するようには配慮されていません。その場合には再読み込みして実行してください。フェードアウトの最後にカツッとノイズが入るブラウザがありますが、それはブラウザの好まざる特徴と思われます。少なくもChromeとOperaでは発生しません。Ver0.02でsetIntervalとclearIntervalにおけるブラウザ間の微妙な挙動の違いを吸収しています。この改訂でノイズの発生は避けられた模様です。(2018-10-10追記)映像への応用この手法は映像に応用することができます。img要素にopacity属性を絡めて制御すれば、映像を薄い表示から濃い表示にすることができます。一つが消え去りつつ、他方が緩やかに現れるクロスフェードのような描画も可能になります。限りない可能性を大切にしてください。近場で間に合わせるつもりはありませんが、まずは手始めに。