月別アーカイブ: 2018年7月

プログラミングの初歩3

幻想的なコンピューター万華鏡

めざすべきコンピューター万華鏡の動画を見つけました。15秒の『幻想的なコンピューター万華鏡』です。

このサンプルは長方形に描画されていますが、万華鏡だから円形に表示できたらいいかなと考えています。そして、もう少し明るくいろっぽいものにし、15秒で終わらず無限リピートにしたいです。

望むような幻想的コンピューター万華鏡を描画するには、HTMLとJavaScriptの知識を深める必要があります。

まずは地道に進むべく今回も動きが含まれませんが、町内会会報をHTMLで作成する例を示します。

回覧板で町内会の折々のお知らせを流す原稿をHTML文書で作成します。冒頭に町内会のロゴマークヘッダーを入れました。この部分は毎回更新することがなくロゴマークを微細に表現するために画像がふさわしいです。

町内会会報を作る

町内会の会報は高価なドキュメント作成ソフトを持たずとも、見やすくインパクトあるものを作ることができます。ドキュメント作成と言えば、WORDや一太郎を思い起こします。

WORDとセットで扱われる表計算ソフトのEXCELは動作が軽いことや勘違い、知名度の高さからドキュメント作成に使われています。行政機関への申請書などをダウンロードする際、WORD、一太郎、PDFの3種の様式が用意されています。

HTML(エイチティーエムエル、HyperText Markup Language)は、ウェブページを作成するために開発された言語ながら、一般文書も作成することが可能です。

標準化非営利団体のW3Cが策定するHTMLは世界中の多くの技術者によって運営されています。WORD、一太郎は有料で高価です。一方、無料のHTMLにより有料ドキュメント作成ソフトに遜色ない《町内会会報》を作成しました。作成方法を述べましょう。

テキストエディタを使う

html文書を作成するez-HTMLのようなフリーのエディタがあります。htmlのことを深く知るにはメモ帳のような単機能エディタを使うとよいでしょう。高機能のHTMLエディタはタグをあまり意識しません。本来はその方が理想的ですが、プログラミングを知るには何もないことで考える力が備わります。

例題:町内会の会報

スズラン通り町内会会員様

文化コミュニティセンターの清掃について

標記の件について、下記のとおり実施いたしますのでご協力のほどよろしくお願いします。

項 目 内 容   
日 時 平成30年7月29日(日)午前8時
場 所 文化コミュニティセンター
持参品 鎌、雑巾
服 装 雑草取り、清掃のしやすい服装

スズラン通り町内会会長 鈴蘭太郎

作成日:H30-07-16

 

 

町内会の会報の解説

  1. 冒頭にロゴマーク入り町内会画像を描画。
  2. 宛先を指定。
  3. 表題を指定。
  4. 主文面。
  5. 詳細内容。
  6. 発信元アドレス。
  7. 作成日。

町内会会報の詳細文面

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://aidesign.lolipop.jp/wp-content/uploads/2017/12/common.css" charset="UTF-8">
</head>
<body>
<DIV style="width:640px; height:1030px; margin-left:20px; border:1px solid blueviolet;">
<img src="http://aidesign.lolipop.jp/wp-content/uploads/2018/07/kairanHeader.png" width="640px" height="246px">
<p><span style="font-size:32px;">スズラン通り町内会会員様</span></p>
<p style="font-size:28px; font-weight:bold; text-align:center;">文化コミュニティセンターの清掃について</p>
<p style="font-size:28px;">標記の件について、下記のとおり実施いたしますのでご協力のほどよろしくお願いします。</p>
<p style="font-size:32px;text-align:center;">記</p>
<table style="font-size:32px;" border=0>
 <tr><th>項 目 </th><th>内 容   </th></tr>
 <tr><td>日 時 </td><td>平成30年7月29日(日)午前8時</td></tr>
 <tr><td>場 所 </td><td>文化コミュニティセンター</td></tr>
 <tr><td>持参品 </td><td>鎌、雑巾</td></tr>
 <tr><td>服 装 </td><td>雑草取り、清掃のしやすい服装</td></tr>
</table>
<p style="font-size:20px; text-align:right;">スズラン通り町内会会長 鈴蘭太郎</p>
<p style="font-size:12px">作成日:H30-07-16</p>
</DIV>
</body>
</html>

目指すはIT版万華鏡

夏休みの課題としてIT版万華鏡はできるのでしょうか。魚釣りにでかけ成果が何も得られず、帰りは魚屋さんに寄っていくことにならないように頑張りたい。

 

プログラミングの初歩2

テキストファイルを作る

前回、教育熱心な市の取り組みで興味を引く項目に「キャラクタを動かす」、「作品を発表する」がありました。そこでHTMLを使って他の人に情報や意見を伝える文面づくりの例を示します。

HTMLはC言語のように文章を表示するに当たり、printfやechoのような命令を必要としません。伝えるべき文章を示すだけで済み、ごく小さな作品を以下に示します。

MySite.htmlによる表示例

『御朱印』とは、神社や寺院において、参拝の来訪者に向けて押印される印章・印影の事です。押印の他に、参拝した日付や寺社名・御祭神・御本尊の名前などを墨書きします。初穂料(はつほりょう)は祈祷やお祓い、祝詞の謝礼のことですが御朱印の発行料も初穂料といいます。

 

MySite.htmlは、上に『御朱印』から始まる青字で示した文字だけを使い、文章としてのテキストから成り立っています。表示に味付けをする指定は皆無です。

実際の表示画像は以下の通りです。改行や文字の装飾はなく素朴な表現です。

ちょっと高級に

次に字のサイズや色を変えてみます。このとき、初めてタグ(要素)が出現します。タグの多くは<から始まり/>で閉じられます。人の目につく多彩な表現は多くのタグから構成されますが、慌ててタグを理解しなくても多くのサンプルコードに触れることにより、自ずと習得することができます。

spanタグによる文章の表示例

お盆とは正式には盂蘭盆といい、古代のインド語の一つであるサンスクリット語のウランバナを漢字にあてはめて読まれた言葉です。

 

お盆から始まる文字をspanタグも含めてobon.htmlに納めた内容を以下に示します。

下の文章はすべてテキストですが画像データにしました。なぜならば、説明するのにタグを示す<や/>が混じると表示が乱れるからです。文字のコピーができませんが内容を忠実に表現しています。

CSSを代替する

HTMLで文章を表現するには、表示内容をテキストエディタで編集し、拡張子をhtmlに指定したファイルを作成します。その後、ファイル管理ツール(エクスプローラーなど)により起動・実行する例を示しました。

豊かな文面にするにはCSSファイルを用意してきめ細かい表現をします。

CSSファイルはタグ(要素)の中にstyle属性で代替できます。

このやり方はCSSファイルを共通化して汎用利用する利便性が後退しますが、文書の構造たる骨組み(HTML)と文章への装飾(CSS)を一つのファイルで表現できるのでファイル管理が楽になります。

当ブログではこれを評価してstyle属性を多用します。

プログラミングの初歩1

プログラミングに触れながら歩を進める

2020年から小学校において、プログラミング教育が必修科目としてスタートします。必修科目とは大げさで算数や国語のような独立した科目ではないような気がしますが、ともかくもプログラミング教育が必須の授業になります。

最近、電車に乗ってもプログラミングの解説本の広告が目立つようになりました。夏休みを前にプログラミングについて語ります。

紙媒体書籍は1000円~3000円ほどの料金ですが電子書籍ならば100円~1000円程度です。日本文化を維持する上にも大枚と言わず小枚をはたいてください。

ネット上にはフリーで役に立つ情報が満載されていますが、玉石混淆を見分けなければなりません。その上、自分のレベルにピタッとはまる難易度のものを選ぶ必要があります。そこで体系的にまとまっていて多くのサンプルコードや画像データが詰まっている解説本をお薦めします。

無料を望む方へ

今では電子書籍ならば200円ほどでも手ほどきとして十分な自由研究本が多数あります。

それでも無料を望む方のためにときどき、通常のブログ記事のなかでプログラミングに触れてみようと思います。ゼロからのスタートは当然でしょうが、コンピュータの操作から語るのは難しいです。やはり、テキストファイルの作成、編集ができることが最低条件です。

プログラミング教育環境に恵まれている

肩書を重要視する向きには次項で述べる教育機関で学ぶのがふさわしいでしょう。意欲あるものには道は拓かれ、独自に多くの知識を身につけることができます。

プログラミング教育環境を整備するに当たり、高額な費用は必要ありません。

すでにメールのやり取りやデジタル写真の保存ができていれば、ほとんど無料でプログラミング教育環境を作り上げることができます。

初歩の初歩からスタートするには、テキストファイルの作成と編集などを参照してください。

なぜHTMLなの

ここでは、数あるプログラミング言語から将来性のあるHTMLJavaScriptについて語ります。なぜならば、多くの言語を扱うには長期間かかり、費用もまとまったものが必要です。

それ(本格的な教育)は国から補助を受けた専門の教育機関(大学、専門学校、セミナー主催社など)が受け持ちます。

HTMLはホームページやブログの記述言語として世界の多くの人々に利用され、初心者にも取りつきやすい言語であり、プログラミング教育を語る上でエポック的な存在だからです。JavaScriptはHTMLとの親和性が抜群でHTMLに動的な記述を加えます。

ファイル属性について知る

ファイルには名前が付き、拡張子が含まれます。拡張子はファイルの属性を表しており、拡張子をhtmlにしておくとエクスプローラーはそのファイルをHTMLの規定に則った記述であるとみなし解釈、実行するように取り計らってくれるのです。

だから拡張子は重要です。拡張子は何十種類もあり、ファイル属性に注視すれば徐々に理解が深まります。まずは拡張子htmlを知ってください。ファイル拡張子とHTMLの関連については、自由研究のはじめ4を参照してください。

最終目的と準備するもの

もうすぐ夏休みです。親子合作による手作りの宿題が課されます。かつて、望遠鏡や万華鏡をレンズ、ボール紙などを用意して作った経験があることでしょう。今はキット商品としてのレンズや鏡は入手困難です。

そこでIT版万華鏡を作ることに挑戦しましょう。用意する素材はパソコンのほか、プログラミングの知識です。

すぐに高度なプログラミングは高望みですが先ずは「Hello World!」、あるいは日本語で「世界の皆さん、こんにちは!」と文章を作るだけでよいのです。

絵が満載のやさしいプログラミング解説書を手元におけば最高でしょう。

余談

我が国は、欧米列国を手本にして近代化を図り先進国の仲間入りを果たしました。ひたすら追随し多くのことを学びました。これからは技術導入、優れたものを交易するだけでは明るい未来は開けません。自ら考えて難局を切り開く力が必要です。

考える力を養うために、プログラミング的思考を身につけるためにプログラミング教育は必須です。子女の選択肢を広げるためにも新しいことに挑戦してみませんか。詳しくは次回に注目ください。

ほおずき市2018

四万六千日の功徳
浅草寺発行の御朱印

7月9日、10日は東京都台東区浅草(あさくさ)の浅草寺境内(せんそうじけいだい)において、夏の風物詩であるほおずき市が催されます。

この日に参詣すれば四万六千日ぶん参詣したと同じご利益(ごりやく)が得られると言われています。

しまんろくせんにちの由来は諸説あり、お米の一升が46000粒ほどで一升を一生とかけて一生平穏に過ごせますようにとの願いが込められているようです。

ほおずきは鬼灯の字があり、鬼灯市なればどこぞの市の名前のようです。

 

 

御朱印(ごしゅいん)ひとくちメモ

  1. 「御朱印」とは、神社や寺院において、参拝者のために押印される印章・印影の事です。
  2. 押印の他に、参拝した日付や寺社名・御祭神・御本尊の名前などを墨書きします。
  3. 御朱印を拝受するために使用する帳面を、「御朱印帳(ごしゅいんちょう)」と呼びます。
  4. 御朱印帳は大型書店や文具店で買い求めることができます。
  5. 御朱印の発行代金(初穂料)は300~500円が相場のようです。

 

 

ほおずきを詠う

鬼灯市で袖触れあひしことの縁  樋口玉蹊子

ふたごころあり四万六千日の雨  小島千架子

雨季さなか四万六千日帰依す   石山佇牛

 

朝顔市2018

人を惹きつける美人女性

朝顔はアジサイ同様、色遣いが微妙で何とも言えない味わいがあります。飛び切りの美人ではないがいつも人を惹きつける魅力の女性を思い起こします。

朝顔市(あさがおいち)は東京入谷(いりや)の鬼子母神(きしもじん)において7月上旬に開かれるものが有名です。

話し好きな人には恐(おそ)れ入谷(いりや)の鬼子母神(きしもじん)のきめ台詞をタイミングよく発して喝さいを浴びてください。鬼子母神(きしぼじん)という言い方もあります。

駅名と地名で使い分けているようです。これが絶対正しいということではない見本です。

朝顔市の情景

 

 
 おしめりや
  朝顔市あさがおいち
   ひとらず

     石川桂郎いしかわけいろう

HTML動作サンプルコード

<DIV style="float:left; position:relative; width:400px; border:0px red solid;">
<div class="h2vr_8" style="width:400px; color:navy;font-size:40px; line-height:2em; font-weight:bolder;">
 <BR>
 おしめりや<BR>
  <ruby><rb>朝顔市</rb><rt>あさがおいち</rt></ruby>に<BR>
   <ruby><rb>人</rb><rt>ひと</rt></ruby><ruby><rb>減</rb><rt>へ</rt></ruby>らず<BR><BR>
     <span style="font-size:20px;"><ruby><rb>石川桂郎</rb><rt>いしかわけいろう</rt></ruby></span>
</div>
<img src="http://aidesign.lolipop.jp/wp-content/uploads/2018/07/asagao-5.png" width="400px" height="320px" style="position:absolute; left:0px; top:0px; opacity:0.5;">
</DIV>
<DIV style="float:left; position:relative; overflow:hidden; width:180px; height:270px; border:0px gold solid;">
<div style="position:absolute; left:-560px; top:70px; width:1200px; weight:488px;">
<img src="http://aidesign.lolipop.jp/wp-content/uploads/2016/07/e4e718a86f9ae87f820a7909d0ee171e.png">
</div>
</DIV>

 

リサイクルと整理

不用品回収

最近、使用済みパソコンを一掃しました。これまでは暮れのイベント時期に業者の集積所に運んで無料で引き取ってもらいました。

チャンスを逃して、貯まりに貯まっていたところなので、大量の不用品を適切に廃棄できてせいせいしています。

レアメタルを回収してリサイクルの一助になれば幸いです。このたびは、決められたサイズの段ボールに、複数のパソコンを梱包してインターネットによる申し込みをすると宅配業者が着払いで集配してくれる方式でした。

廃棄物が処理場に届いた時と処理が完了した時にメールにより連絡が入るので、適切に回収が行われたものと思われます。

限りある資源を再利用する機運を大切にしたいものです。電子部品から金、銀、インジウム、錫、タンタルなどを分離して再利用します。都市鉱山を掘り当てて巨万の富を目指せるかも知れませんが、地道な作業になることでしょう。

リサイクル運動

江戸時代は究極の循環型社会が結実した時代ではないでしょうか。近視眼的な経済効果で物が動く傾向に鎖国制度がブレーキをかけ、資源の再利用に向かわせたのではないだろうか。

昭和の中頃までは廃品回収屋さん、鋳掛屋さんなどが辻々に回ってきたように記憶しています。その後、大量生産、大量消費時代が到来し、やがて一巡し再利用への回帰が叫ばれるようになりました。

昔は廃品でも再利用できるので、なにがしかの実入りがありましたが、今では有料で回収してもらいます。新聞、段ボール、雑誌類は回収業者が回ってくる地区があり、自治体の無料回収と競合する形になっています。

 

回収業者によるトイレットペーパーやティッシュペーパーとの交換は、玄関先まで回収に見えるので高齢者には重宝されています。

地方ではゴミ集積所が遠くにあると車で運ばざるを得ないことになり、免許証返上の高齢者には業者による回収は大変ありがたいと好評です。

自治体への回収物は公共の集積場に置くので、それを無断で持ち去るものがいます。

一方、回収業者は自宅の私有地に置くことを奨励し、私有地からの持ち去りは明らかな窃盗であり無法者をけん制しています。

自治体の予算が年々、先細りになりコミュニティの市民運動費も激減し、無償提供を薦める自治体と回収業者とのバトルは、きめ細かなサポートが採否を分けそうです。