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

ブログカスタマイズへの一歩

WordPressとは

当ブログはWordPressを用いて管理されています。

WordPressはブログやホームページを作成するソフトウェアの一種です。会社、行政機関などの広報・情報発信のためのサイトをホームページと当初、呼んでいました。

WordPress-1

ホームページは作成されるとその更新は長いスパンだったり、利用者の声が届きにくく、生の声をホームページに反映されることは少なかったようです。従来型サイト管理ソフトウェアは静的なページを扱うことを得意としており、動きのあるページをサポートしにくいことに起因しています。

Webサイトを運営するに当たり、小組織の公開日誌のようなイメージで動的なページを日々、更新するのに適したツールが採用されるようになり、この方式が大企業・行政機関にも普及したことからホームページとブログの境い目はなくなり、両者を含めてWebサイトと呼ぶように変化しています。

ツールは何かを作り上げる道具との意味が強いですが、サーバー上にインストールされたWordPressは、ユーザーが自分のパソコンやスマホ上のブラウザを通して、ウェブページを組み立てて閲覧者に送信してくれるブログシステムのひとつとして位置づけられます。

カスタマイズとオープンソース

段組み多くのWebサイトを閲覧すると千変万化です。それらを個々にデザインするには多くの労苦を必要とします。Web制作未経験者でもサイトを構築できるようにひな形としてのテンプレートが用意されています。

そのデザインテンプレートを『テーマ』と呼んでいます。用意されたテンプレートをそのまま組み入れるだけで簡単なWebサイトを作り上げることができます。

WordPressはphpというプログラミング言語で記述され、進化したウェブサイトを構築するにはその仕組みが明らかにされていると拡張性、信頼性が向上します。

WordPressはソフトウェアの設計図を公開する「オープンソース」という考えのもとに運営されています。そこには全世界の技術者からの声が反映されます。

カスタマイズの一例

記事のレイアウトには2段組み、3段組みなどが多いですがサイド欄(ウィジェット欄)を左にする場合と右にする場合の2種があります。当ブログはウィジェット欄を右に設置した2段組み方式です。ウィジェット欄にはカレンダーを表示することもあり、先の図に示した感覚よりはウィジェット欄が広いことが多くなります。

格別なページ

記事内容によっては、上図のように画面いっぱいに記事や画像を表示したいことがあり、多くのブログサポートソフトウェアでは特定ページだけをカスタマイズすることができます。当ブログでは特定のカテゴリー名や記事名により、全面表示になるように制御しています。

カスタマイズを始めるには

当ブログは2段組みと述べました。上図のようにウィジェット欄を使わないで全画面表示にカスタマイズする方法を示すために、記事を書き始めましたが簡単ではありません。それには少しはWordpressの仕組みを理解しなけれなならないことに突き当たりました。

次回にはその部分を取り上げてみます。

Windows10への移行

激しいキャンペーン

Windows10の日マイクロソフト社のたび重なるキャンペーンに白旗を挙げ、Windows7として残しておいた最後のパソコンをWindows10に移行しました。

W10へのアップグレードは2016-07-30から最低でも19008円かかるそうです。W7で動作していたパソコンはスペックは低く、数多くの機能が追加されたW10では少し動作が重くなったように感じられます。

思わぬ現象

使い込んで1年近くなるスペックの大きいW10パソコンで、画面から突然スタートメニューやタスクバーが消え、大あわてしました。こうなるとシャットダウンや再起動もできず壊れてしまったのかと不安になるものです。検索はできるので調査をするとかなり専門的な手順で復元できるとのアドバイスが見つかりました。

TaskBar

電源を切らないで

別の検索記事では裏(バックグラウンド)でWindows Updateが自動起動したときに、タスクバーが消えるとの情報を知らせてくれました。W7でトラブルが発生したとき、復元ポイントを使用して、Windowsシステムファイルを元に復元することができます。

このとき、《復元が完了するまで電源を落とさないでください》とメッセージが出力されました。まさにこの状態に相当しているようです。

更新中

的確な動作ながら不親切

注意を喚起しても電源を故意に落とすことができるので、メッセージを出すよりも電源を落とせない方がシステム的には安全です。そのため、一時的にタスクバーが消えてしまったと思われます。

仕組みや理由がわかると理にかなった策とも言えますが、利用者を不安にしているので何らかの善処が欲しいところです。今回はあたふたと悩んでいるうちに自然復帰し事なきを得ました。

パソコン出荷実績

W10の開発費は巨額であったと推測されます。パソコンの生産台数が年ごとに落ち込み、そのぶん、スマホが伸びてスマホにも搭載できるOS(厳密にはWindows 10 Mobile)は一大決心して開発したことでしょう。しかし、そのこととOSの移行や販売促進策が強引なこととは別問題のような気がします。

最後に

《泣く子と地頭(じとう)には勝てぬ》の現代版でしょうか。

地頭

 

法律の近傍について

性善説

かつて許されていたことが時間が経過して許されなくなったということが多々あります。ひたすら子育てにまい進し、余裕が出たら夫婦間がぎくしゃくしたという話があります。受忍限度が周りの状況により変化したからでしょう。

信用信頼大企業や地方行政トップ、不動産会社のコンシェルジュなどで信頼関係が揺らぎ、性善説では説明がつかないです。

信用・信頼関係を基本にしている主なる職業に、鍵屋さん、不動産オーナー、郵便配達人、先生、警察官、お坊さん、住宅建設業者、宅配業者、ホテル従業員などです。

ホテルでは従業員が合鍵で室内に自由に出入りできるのですから、ホテルを信用するしかありません。

全幅の信頼をおくと簡単に言いますが、かつて戦前の軍事作戦で退却を転進、その後の報道で敗戦記念日を終戦記念日と言い換えたように権威筋を全面的に信頼することは危ないです。

どこまで信用するか

eastereggどこまで信用するかは各人により差があります。従業員の国庫納付保険料などは会社を信用して被雇用者がいちいち監視するようなことはありませんが、その間隙をついてそのお金を運転資金に回し、挙句に倒産になった会社は多くあります。

組織内部に隠しカメラ・マイクを持ち込んで仲間を監視するわけにはいきません。疑心暗鬼が蔓延したらその組織は崩壊が近いです。

リベンジ合戦

かつて良好な関係にあった者同士が疎遠になり、ののしりあう光景は見たくありません。そればかりでなく、SNSで個人を間接的に特定しての非難合戦は悲惨です。口喧嘩ですと録音でもしない限り、詳細が残ることはありませんが、メールなどでは証拠物件として残ります。

りべんじ合戦

配達証明、内容証明郵便は将来の裁判などを考慮して出すものですが、メールやSNSはそれに近い効果が知らず知らずのうちに醸し出していることを忘れないでほしいです。

専門知識の悪用

職業上知り得た知識や専門知識を悪用すると罪状が重くなると言われています。空手の有段者やボクシング選手が傷害事件を起こしたり、警察官が捜査情報を悪用したり、システム設計者が機密情報を流用する、プロジェクト統括公務員によるインサイダー取引きをすると一般人よりも重い罪にとわれます。

新たな時代ひと昔も前のドラマで病院関係者と葬儀社が病死情報を巡って結託するドラマがありました。

時代劇で腕は良いがモラルに欠ける大工が、目立たない塀の特定場所に秘密の仕掛けを作っておいて、後日にその仕掛けを使って泥棒に入るという筋立てです。その他、直接に手をくださず、家屋の見取り図を盗賊に売るという不法行為もありました。

天網恢恢疎にして漏らさず

法令順守現代版では、上司と部下が対立しパワーハラスメントを受けて部下が会社を辞める際に、後日、いつでも上司への働きかけが可能なように巧妙な仕掛けを作っておいたという話題を耳にしました。

その手法はコンピューター版イースターエッグというものです。あることないことをかつての部下のせいにして逃げ切ったと思っていると何年も過ぎたころ思わぬリベンジに会うかもしれません。

法隆寺落書き法隆寺の天井裏から建立後、数百年も経って落書きが見つかりました。上司から無理難題を吹きかけられた大工さんが書いたらしいです。

リベンジする側もこれは私怨ではなく文化であるとの思いがにじみ出ています。子や孫の代に感情の発露を求めているのです。そこには上司の小さな出世への素見(すけん、そけん)が読み取れます。

いずれにしろ、専門知識の悪用は重罪ですが、弱いものを踏みつけにして、一時的に授かった力を良からぬ方向に使うと晩年が心配です。

法律の埒外にある事柄を処置するのは極めて困難です。そこにはしつけ、掟、マナー、行儀作法、礼儀、エチケット、モラル、心得などが法律の代わりになるはずです。

杞憂あまり心配すると天が落ちてこないかと言われる杞憂につながりかねませんが、ときどきはグレーゾーンを見直したり話題に取り上げたいものです。

 

プログラミング教育

基礎教育

最近、小学校でのコンピュータープログラミング教育の必修化が文部科学省にて討議され、その実現が現実のものとなりました。わが国のコンピューター教育は、欧米やアジア諸国と較べて先進状態にあるとは言い難いです。

NewTheme応用技術重視の反面、基礎技術を軽んじる傾向、個性の軽視などが遠因になっていると思われます。遅ればせながら、IT技術が生活のすみずみまで浸透している現実に沿う形になり、的を射た施策と言えましょう。

お金を出せばいいものが手軽に買える時代に、コストパフォーマンスにそぐわないことを何故するのかという疑問がわきますが、面倒と言って基礎的なことを避けているといつかは付けを払わさせられることになります。

コンピュータープログラミング教育が話題になった時期に日頃の思いを綴ってみます。

プログラムとプログラマー

canvas要素プログラムとは物事を進めるための手順を言いますが、テレビの番組表、予定の計画表などその意味は広いです。コンピューターの世界では手順をコード化して、コンピューターに対し教え込む職業人をプログラマーと言い、その行動をプログラミングと呼んでいます。

プログラミングする前に、全体のことを立案する人々のことをシステムエンジニア(SE)、プランナー、マネージャーなどと呼びますがそれらの区分けははっきりした定義はなく、技術者派遣の単価決めに悪用されているようです。

プログラマーは派遣費が低く初心者、SEは熟達者、派遣費は高いとの評価には釈然としません。

プログラマーの歴史

Ada階差機関世界で最初のプログラマーはバベッジの解析機関のプログラミングをしたエイダ・ラブレス(Lovelace,Augusta Ada Byron 1815~1852)と言われています。ラブレス伯爵夫人はあの著名な詩人・バイロン卿の娘で、米軍国防省が世界中から公募して完成させたada言語(エイダげんご)にその名を残しています。

エイダ・ラブレスはわが国で通用しているいわゆるプログラマーの領域をはるかに超える学坂本龍馬識を持ち、幕末の坂本龍馬(1836~1867)より21年も早く生まれた女性です。

プログラマーは外国では高い技量の持ち主の呼称でありその偉大さを認識して欲しいです。

グーグルのPosted by Megan Smith担当副社長、Lynette Webbシニアマネージャー が数年前、GOOGLE Japan Blogにて《1843 年のコンピューター先見者エイダ ラブレスを讃えて》というタイトルで女性先駆者を称えていますので、興味をお持ちの方はどうぞお読みください。

教育の効能

小学生へのプログラミング教育は何をもたらすでしょうか。今では国内で活躍している日本人によるノーベル物理学受賞者も増えて世界に通用する力量を保持していると声高に言われるようになりましたが、まだまだ危なっかしい現実も見え隠れします。

魚はほとんどスーパーで切り身で購入するので、魚に頭やしっぽがあることを知らない子供が多いといわれています。モノは買って手に入れる他に、作り上げることができるということを知ってもらいたいものです。

GPS_sokui工作や裁縫・料理は必要ですがIT社会の中ではプログラミングは必須と考えます。

友好国に安住してなんでもただ乗りは危険です。海の向こうでは飛びぬけて元気のある大統領が生まれるかも知れません。

そうなると今の常識が通用しなくなる恐れがあります。独立独歩や創造力の育成には早い段階でのプログラミング教育が合っているように感じます。

プログラミング例

<html>
<head>
<div>Lissajous Curve</div>
<script type="text/javascript" charset="Shift_JIS">
const SIZE=160;
const ZX=220;
const ZY=230;
var ctx;
var r=0.0;          //0~2.0
var d=0.002;
var tm=1;
var count=0;
const col = [ 'tomato', 'royalblue', 'magenta', 'indigo', 'bisque', 'darkgreen', 'orange', 'yellow' ];
 
function start() {
  var canvas1 = document.getElementById('sample');  //描画コンテキストの取得
  if (canvas1.getContext) {
    ctx = canvas1.getContext('2d');                 //次から具体的な描画内容を指定する
    console.time('tm1');
    console.log("start:");
    draw1();
  }
}
function draw1(){
    var q = r * Math.PI;
    var p = 3 * q;
    var o = 4 * q;
    k = SIZE * Math.sin(p);         //x
    l = SIZE * Math.sin(o);         //y
    var wx = ZX+k;
    var wy = ZY+l;
    r += d;                                         //linear function
    if(r<=2.001){
        dot(wx, wy, col[count % 8]);
    }
    else{
        count++;
        console.log("回数=%d %d", r / d, count);
        console.timeEnd('tm1');
        r = 0.0;
    }
    setTimeout('draw1()', tm);
}
function dot(x1, y1, col){
    ctx.fillStyle = col;                            //塗りつぶしの色は赤
    ctx.fillRect(x1, y1, 5, 5);
}
</script>
</head>
<body onLoad="start()">
<canvas id="sample" width="480" height="480" style="background-color:ivory;">
</canvas>
</body>
</html>

実行例

Lissajous Curve

悲喜こもごもな並び

有史以来の難題

キャスト結婚式の席順、葬式の花輪の位置、映画のスタッフロールにおける役者名の出現順で思わぬ齟齬をきたすことがあります。

クラス会など平らな組織でなく様々な世代や役職が集まっているときは、特に頭を悩ませます。

思い通りでなかった場合は、運営側の意図がそこに色濃く表現されていると理解するのが妥当です。

納得のいく決め方

ドラフト会議同じランクにある集団の順番を決めるには、くじ利用が一般化しています。参加者ぶんのくじを抽選箱に入れ、ガラガラポンとかき混ぜてランダムにくじを引いてもらいます。

確率的にはくじを引く順番は無関係ですが、気分的に最初に引きたいという要望を聞き入れて、くじを引く順番をくじ引きで決めてから本番のくじを引くことが多いです。

電子くじ引きの採用

プロ野球のドラフト会議では上に示したオーソドックスな方法を採用しています。当ブログでも電子式くじの引き方や抽選法について以下のページで取り上げています。

2016の運勢
sarudoshiあみだくじ作成法
電子式福引き管理ソフト封切

ここでは席順を決めるための簡単な電子くじ引きについて考えてみます。準備や手順は以下のようになります。

①受付で受付順番号を発行し参加者と関連付け、受付順番号を参加者に通知する。
②受付順番号を一つ上げ、次の参加者に引き当てる。
③締め切り時間になったら、出席者一覧表を作成する。
④乱数を用いて席順を決め席順表を作成する。

プログラミングの準備

①二次元配列を作り、一次元要素に乱数を作成する。
②乱数値の小さい順に並べ替える。ソートする。

ビット構成図様々なプログラミング言語において整数値は-2147483648から2147483647まで扱えるものが多いです。

扱う数値が大きくない場合は、図のように変数を上位部と下位部に分けて利用すると二次元配列を使わないで、処理が可能になります。図は一つの32ビット変数を2用途に使い分けています。

IDは受付番号に、IDデータは乱数値に用います。

32ビット全体の値を較べて、小さい順に並べ替えた後に、IDを取り出します。それには255と論理積演算(AND)で算出します。JavaScriptではAND演算はまだ不明ですがなぜか思い通りの結果にならないので、256による剰余(モジュロ)演算で代替します。

a=b^255; ➩ a=b%256;

実行例とプログラムコード

開始ボタンをクリックするたびに、席順が変化します。プログラムコードは右クリックで見ることができます。

並べ替えの探求





 Sorting





青嵐

 

踏みならす

 

紫蘭大型連休も終わり、薫風(くんぷう)が吹き抜ける季節になりました。

飛び交う鳥もウグイス、ひばり、つばめ、ほととぎと増えてきました。

右に示す紫蘭(シラン)は庭で楽しめる蘭のなかまで、紫色の花を咲かせる草花です。

高級イメージのする蘭にそぐわず普通に目にする親しみが沸く花の一種です。

端午の節句母の日も過ぎ、梅雨までは大いに羽を伸ばしたいものです。

 

藤の花

 

宝くじ自動抽選例

ロト8自動抽選会

年末ジャンボ宝くじ抽選会をテレビで観ました。そこではくるくる回る円盤の前で、矢を放射する自動銃で一斉に番号を引き当てていました。案外、古風な方法を採用していると感じました。

このページの末尾、実行例に宝くじ自動抽選例を載せてあります。お楽しみください。

年末ジャンボ宝くじ

このたび、乱数を用いた方法で当選番号を決定する仕組みを作成しました。当然のことながら、抽選を行うたびに当選番号は変化します。一桁ずつ間をおいて当選番号が決定します。桁の移動ごとに画像が切り替わりますが、これも毎回、変動します。

LOTO8

以前にあみだくじ作成法を公開しました。それらと併用してお楽しみください。開始ボタンをクリックしてスタートです。Chrome,firefox,IE11で動作が確認されました。

ハイポサイクロイドについて

半径aの定円の内部を半径bの円が転がるとき、内接円の中心からc離れた点の軌跡であるハイポサイクロイド曲線をパラメータを変えながら描いています。

軽快なジャズの音楽がバックに流れます。詩情豊かな万葉美人やハイセンスな美女とともに幸運を引き寄せてください。

ハイポサイクロイド曲線

実行例

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

ハーブ園2016

桜の便りが津軽海峡を渡る頃、色鮮やかな花々が咲き乱れるハーブ園を訪ねました。種を蒔き、水や肥料をやり、丹精込めて育てた成果です。

三春ハーブ園

それにしてもDNAに刻み込まれた花を形成する要素は毎年、毎年、忘れることなく体現され我々の眼を楽しませてくれます。また、幾度となく訪れていても、例年と異なるオリジナルな作品に触れることができてうれしい限りです。

ハーブ園の20景をお届けします。

 

東京の下町「谷中銀座」を訪ねて

谷中銀座は平成8年、NHKのテレビ小説『ひまわり』の舞台となった東京都台東区にある下町商店街です。

谷根千

この近辺は、谷中、根津、千駄木を一括りにして谷根千と呼ばれる新しい観光スポットです。岡倉天心を始めとする文化的な施設も多くあり、明治、大正、昭和をしのぶ散策にちょうど合っており、十分な時間をとって再度、訪れるつもりです。

谷中銀座入り口

アスファルトジャングルの中に林立する高層ビルに伍して、昭和のレトロな雰囲気をかもし出す町並みは魅力いっぱいです。

P1040731_R

お気に入りの店を写真に収め、Youtubeの動画に投稿しました。竹細工のお店に入りましたが撮影禁止でした。値打ち物の魅力的な作品が数多く飾ってあり、ふところが豊かなときにまた訪れたいものです。