デスクトップへの表示 （No 2064）

　2019.08.17（土）に、過去最大に長時間を要する、パソコンのＯＳのバージョンアップらしい（ＶＡと略す）のがあり、もしかしたら改良されるのかと若干の期待を持ったのでありましたが、結果は”見事な真逆”であり、大被害を被ったのでありました。　これはどこにも文句を言うわけにも行かず、ぶつぶつ言いながらも約二週間その修復に専念し没頭したのでした。

　そのバージョンが「1903」というのに変わり、多少はよくなると思ったが、その全貌は私の目には入らないが、日常最もよく使う部分で、大きな、そして身勝手な改悪があり、これを修復するのに大変な労力と時間を要したのでした。　これは今後のこともあり、同じ事をやらねばならない場合に備え、書き残さねばと感じたのでありました。　

 

　その第一の被害が「デスクトップへのアイコン表示がままならない」ことでありました。

 

　従来はデスクトップの画面には、当該画面を出して、アイコンをドラッグするだけで、自由にデスクトップ上に配置できたのですが、ＶＡ後は、これが出来なくなり、必ずMicrosoft（以下ＭＳと略す）の”Edge"内に半ば強制的に表示させるようにされてしまったのでした。

　その結果、1～３回クリック数が増え、更には、毎回出る画面の位置や大きさが変化するので、いちいち修正しなければならなくなったのでした。　前回使っていた位置に出なくなった事で、26型の二つの画面で作業しているものには、大変に煩わしい画面位置調整、サイズ調整が増えたのでした。

　このことに対し、友の見解は・・・（メールの一部を抜粋）

　EdgeはWin10の既定のアプリですから特殊な方法でしか消せないそうです。       設定で使用したいアプリに変更して置けば出て来ない筈ですが 、ショートカットはタスクバーにピン止めされたまま残って居ます。（私の場合） Edgeは良くなって来たとも書かれているので上手く 使いこなして下さい。

　・・・でしたが、私としては、”うまく使いこなす”なんてまっぴらごめん被りたい”ので、そりゃあもう必死で、あちこちやっていましたら、”何とかかんとか”　Edgeのお世話にならないで、表示出来るようになり、これで画面上は、ほとんど昔のままになったので、”まとめ”にかかったのでした。

 

　私は昔から、Internet Ｅxplorer（以後ＩＥと略す）を使用し、Yahoo などから、検索して必要なアプリの表紙を出して、そこからアイコンをドラッグしていたのですが、それがＶＡ後は、ＭＳの検索から所定のアプリを出すと、全てEdge下での表示となり、Edgeの支配下におかれてしまうのです。

　例えEdgeの支配下であったとしても、スムースに使えるのなら、少々のことは時代の流れなどと、自分を納めるのですが、繰り返しになりますが、「1～３回クリック数が増え、更には、毎回出る画面の位置や大きさが変化する」ので、とても容認する訳には行かなかったのです。

　この現象を冷静に見ると、ＭＳの支配下つまり、Edgeからの検索を止めれば行けるかも知れないと思ったので、先ずはEdgeの支配下におかれていない、Yahooの表紙がどこかに残っていないか、隅から隅まで探したら、何故か一つだけ見つけることが出来ました。

　これ幸いとばかりに、よく使うアプリ、facebook youtube MapFan Nifty など、従来Edgeの元でしか開けなかったものを、ＩＥの元で開く事が出来るようになり、ワンクリックで起動出来、前回作業した場所に前回と同じ大きさで表示出来るように、ようやくVA前の状態戻りました。

 

　弱い立場のユーザーがやったことは、ＭＳの意向に背く形ですが、何故改悪を強制するのかが理解できるまで、この戦いは続くでしょうなあ。　今回は何とか勝利できたが、次回も勝てるとは思わないので、ＭSがなぜここまで、こんなことをするのか、是非知りたいものです。

 

                                                                                 以上

 

 

 

　

OSのバージョンアップ-4 （No 2062）

　2019.08.17、突然、断りも無く長時間のＯＳのバージョンアップらしきが起きました。その結果、使いやすく長年掛けて構築したシステムが一瞬にして、購入した時の状態に戻ってしまったのでした。泣き寝入りしていても拉致が開かないので、約二週間、修復に没頭して来ました。

　被害が大きく修復に最も時間と手間がかったのは、デスクトップへの各サイトのアイコンを再表示することでしたが、試行錯誤と苦闘の結果どうにか道筋が立ち、修復の目処が出来たのでした。まだ、一部のアプリは開けるが中に入れぬなど、問題はありますが峠を越えたようです。

　不可解なことばかりですが、ようやく修復の全体像が判明したし、先がぼんやりながら、見えてきたので、今後再発も十分あり得る事なので、その時の私自身のために、実際に起きた数々の事実を出来るだけ忠実に書き残そうとするものです。

　最も大きな障害は、デスクトップへのアイコンの表示でしたが、このことは前回書いたので、今回は解決済みとか、まだ未解決の他の問題点とその修復履歴や、その方法を書き残したいと思います。

 　　・・・前回からの続きになります・・・・・　

 

　5.　その他の障害とその復元

　5.1.　Image Space

　このアプリは、ＯＳのバージョンアップらしきがあった当初からアイコンは、タイルの左のプログラムの中にあったので、簡単にデスクトップへのアイコンの表示はできたのですが、何度やってもログインが出来ないのです。　当然のことながら、パスワドなどは絶対に正しいのに受け付けないのです。

　あきらめて、二日間放置してましたが、三日目に同じＩＤやパスワード（ＰＷと略す）で一発で開けたのです。　あれー？、今までの苦労は何だったの－？と思ったのですが、ログインできたので、とりあえずはよしとしていました。

　そして、その翌々日になると、またしても初日の状態に逆戻りです。　こうなると、まともにやることが馬鹿らしくなりしばらくの放置をしているところです。　ここには4000枚を超える写真の原画を入れる共有のサーバーなので、解約は難しいのです。

　ーー追伸ーー
　2019.08.27　再度ログインを試みたところ、すんなりログイン出来ました。　同じことをやってるのに、その都度異なるみたいです。　何か変ですが、私にはわかりませんが今後も接続できるのなら、よしとせざるを得ません。 （投稿後の追加です） 　

　ーー追伸×2ーー
　2019.08.29　ログインして見たところ、ＩＤまたはＰＷが違うと出て、ログイン出来ません。ＰＷを変えてみましたが、やはりダメで、途方に暮れています。

　5.2.　ＦＦＦＴＰ

　このアプリは、ホームページなどのプログラムやデーターを、レンタルしているサーバーに送り込むために操作を簡単化したアプリなのですが、これも上記と同じく、何度やってもログイン出来ないのです。　これは我がホームページのメンテが出来ないので一大事です。

　このような事象は前にもあったので、その時はメールして、別法を聞き書き留めてあったので、その通りをやって見たのです。　それはYahooから、アクセスするのですが、書いたのは数年前であり、今は変わっていて、そのＵＲＬが見つからないのでした。

　そこで止むなく、サーバーにメールをして、やり方を教わったのでした。　その方法は Internet Explorer のクイックアクセスに、FTPサーバーのＩＤを書き込むことにより接続が出来、Internet Explorer 上で、ドラッグすれば出来るというものでした。

　書くと簡単ですが、FFFTPの簡単な操作に慣れたものには大変に面倒ですが、メンテナンスが出来るようになったので、ほっとしたものでした。　以前にも同様な事があった後に、いつの間にか、FFFTPが治っていたこともあり、同じように治らんことを念じているところです。

 

　5.3　Map Fan

　これは地図であり、緯度経度が簡単に出せるので、愛用していましたが、上記同様な現象でまともにサインインができていませんが、用途が緯度経度を出すことのみなので、これはサインインしなくとも、少しの手間をかけるだけで出来るし、上記同様いつしか修正されるのを待とうと思っています。

 

　5.4　リサイズ超簡単

　画像のリサイズアプリですが、初期化前は時々エラーが発生したりして、使いにくかったのですが、今回再インストールした結果、完全に修復したようで、昔と変わらなくなりました。もう少し多量のファイルを扱わせてみないと本当の事はわかりませんがね！。

 

　まだ、何故こうなったのか、何故問題が消えたのかよくわかりませんが、試行錯誤をやってるうちに、ほとんど解決することが出来ました。よって、今回の不当初期化に伴う、障害もこれでほとんど修復できたことになり、今後の自信にもなりそうな勢いでした。

　従って、当シリーズは一旦これにて終了とします。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　完

 

 

OSのバージョンアップ-3 （No 2061）

　2019.08.17、前触れも無く突然パソコンＯＳのバージョンアップがありました。　いつもと違って長時間を要したので、大きなバージョンアップのように感じ、ある意味期待も持ったのでしたが、結果は真逆で、システムが初期化され、いくつかのデーターやアプリが失われるなど、多大な被害を被りました。 

　この事態に文句を言う相手もおらず、泣き寝入りしかないのが、情けないですが、仕方なく処置をしてきました。　最初は”とりつく島もない”ほどに、パニクりましたが、友の援助もあって、ここ約１０日間修復に没頭した結果、 ようやく先が見えてきたので、書き込みをはじめました。

 　・・・前回からの続きになります・・・・・

 

　3.　デスクトップ画面へのアイコン表示

　デスクトップ画面へのアイコン表示をしようとしたが、一部は従来私がやってきた方法でやって見たところ、デスクトップ画面へのアイコン表示が出来ないものが、続出しました。過去は画面に30個前後のアイコンを並べていましたが、その時点では１０個ぐらいしか表示出来ないのです。

　友が教えてくれた方法は、あちこち数カ所の設定を、「デスクトップ画面へのアイコン表示出来るようにする」ことですが、調べて見た結果、全てがそうなっていたので、処置することは何もありませんでした、従って原因は別のところにあるように思えてきました。　

　この友からは前にも書いたように、”WIN10はアップデート後10日以内までに対応すれば元に戻せる”として、元に戻すことを推奨しますが、奮闘努力の甲斐があって、少しずつながら改善（復旧）しているし、”怪我の功名”の快適さも捨てられないので、復元はしませんでした。

　あるとき、 Microsoft Edge 系のプラウザが意図しないのに画面上に出ました。見ると Yahoo、Youtube、facebook、Niftyなど、よく使うが従来画面に出すことが出来ないものがあるので、ダメ元でタスクバーにドラッグしたら、なんと出来てしまったのでありました。

　これが出来たことで、デスクトップ画面へのアイコン表示が出来ないものはほとんど無くなると同時に、今後同じ事をすれば、表示が出来ることが判明しました。　ただし、Edge には、私には全く用の無い余分なものが、くっついてくることを承知していなければなりません。

 

　4.　システムの考え方 ?。

　これは私の極めて個人的な、また、理論的な根拠を持たない、単なる推測かも知れませんが、”事実は小説よりも奇なり”というべき、事象が重なり、私としては確信のようなものを掴んだので、今後のために書き留めたくなったのです。

　4.1　Internet Explorer上に書き込み後ならデスクトップにアイコンが書き込める。
　　　このことが判明したので、Ｃドライブも含め、過去の書き込みを探したところ、
　　　いくか見つかり、数点のアイコンをタスクバーなどに表しました。

　4.2　一度でも　Microsoft Edge に書き込んだものは、
　　　Internet Explorerには書き込むことは出来ないことが分かりました。
　　　さらに後になって分かったのですが、Edgeからも表示出来るようでした。
　　　しかしそれは、Edgeからであることが書き込まれ、余分な記述があります。

　4.3　このことから、システムの本意が見えてきたのです。

　　①　Internet Explorerよりも、Edjeを使わせようとすること。
　　②　その延長線上ですが、タイルを主に使わせようとしている・・・
・・・と見えてきたのですが、どんなものでしょうか？。　

 

この他にまだ、別の問題があって、ＯＳのバージョンアップ後、活用できていないアプリがいくつかありますが、それらは稿を改めたいと思います。

 

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　（つづく）　　　

　

OSのバージョンアップ-2 （No 2060）

　2019.08.17、突然マイクロソフトの長時間に及ぶバージョンアップがあり、その後起動したら、エラーメッセージが出て、起動できなくなったので、予備のパソコンから、友に助けを頼んだところ、解決方法を提示してくれたので、翌日再起動に取りかかりました。

　1.　パソコンの初期化（強制的？）による被害

　パソコンを起動すると、また何かやっており、暫く待たされましたが、それが終わったらしく画面が明るく表示されました。　しかし、なんとそれはこのパソコンを数年前に購入した直後の初期画面でした。　つまり、断りもなく勝手に初期化されてしまったのでした。

　最初に気になったのは、過去長期間かけて作り上げたホームページや各種データーがＤドライブに保管していますが、これが一番に心配したのでしたが、数カ所チェックした限りでは、幸いにしてＤドライブは何事もなかったように、見えました。当然のことながら、外付きＨＤＤのバックアップ（Ｄドライブの）も異常はみられなかったです。

　メールソフトには、ThunderBirdのを使っていましたが、消えてしまったので、アドレス集や過去のメールも全て無くなりました。　勿論、大切なメール等は別ホルダーにバックアップが取ってあるので慌てませんが、このアプリではメールが出来無くなりました。

　それで、非常に使いづらいですが、暫定的ですがNiftyメールを使ってやりとりをしています。ThunderBirdを使おうとすると、最初は有料化のメッセージが出ましたが、翌日にはそれは消えましたが、なんとしても使えないのです。どうしたらよいか途方に暮れています。

　Niftyメールは、画像を文中には入れられませんが、別途添付は出来るようです。また、文章を書き込むエリアが小さく、ホルダー間の文章移動に制限があるなど、極めて使いにくいですが、今はこれに代わるものがなく、やむを得ず使っています。

　あとから分かったことですが、インストールした種々のアプリの中には、形は残っているが、中身が無い（？）など、不完全なものが多数ありましたが、これは今回のバージョンアップと直接的に関係があるとは言い切れないものがあります。以前から壊れているのもあるみたいです。

 

　2.　旧の状態に戻す事はやめて前進あるのみ

　現時点における、被害の最たるものは、強制的初期化により、デスクトップ画面へのアイコン表示が全て消えてしまったことに尽きるようです。　もちろん、初期化により、いくつかのアプリが無くなり、反面、溜まりに溜まったゴミも無くなりましたので、サクサク動くようになったことは、よかったことです！。

　私が悪戦苦闘をしていると友は知っているので、”WIN10はアップデート後10日以内までに対応すれば元に戻せる”として、元に戻すことを推奨しますが、悪戦苦闘はしつつも、少しずつ改善していることと、ゴミが無くなってスッキリしているので、"災い転じて福"の部分もあるので、やっていません。

 

　問題点が、一部アプリの再インストール、及び、デスクトップ画面へのアイコン表示に絞られてきましたので、それらの対策はこの後、別途に書きたいと思います。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　（つづく）

OSのバージョンアップ-1 （No 2059）

　先日、マイクロソフトの大規模なバージョンアップがありました。　今までもしょっちゅうあり、またかと思ったのですが、仕方がないので受けることにしました。　その直前に友から、時間のかかるバージョンアップがあったと聞いており、覚悟（？）は出来ていました。

　それが2019.08.17、数時間にも及ぶバージョンアップ、やはり大規模のものでありました。夕方になりようやく終わったので、起動しようとしたら、エラーメッセージが出て、起動しません。　当然何度もシャットダウンを繰り返しましたが事態は全く改善しません。

　そのとき出たエラーメッセージは「User Profile Serviceによるサインインに失敗しました。ユーザープロファイルを読込みできません」と出るので、その下にある「OK」をクリックすると、元の画面に戻るだけで、何度やっても同じことの繰り返しで、起動が出来ません。

　ほかにコマンドなどがあれば、いろいろと試して見られるが、全面ブルーの画面に上記の文字が出るのみで、”とりつく島”がないので、似たような大規模バージョンアップがあり、その面では私よりも詳しい友に　”助けて”と、上記事実を書いたメールを、別のノートパソコンから送りました。（2019.05.17　17:02）

　そうしたら、その48分後に次のようなメールをくれました。（部分的抜粋）

対処法：とりあえずパソコンの再起動、　再発生なら次の対処
対処法1：パソコンをセーフモードで起動してエラーを修正。
対処法2：新しいユーザーアカウントを制作する。
だそうです。
詳細はここで見てください。
https://jp.easeus.com/todo-backup-resource/fix-user-profile-service-failed-the-sign-in.html

　早速上記を開けてみると、こまごまといろんな対処法が書いてあったので、何故か根拠もなく、従来の延長線上のことと勝手に解釈して、これで解決出来ると思ってしまい、明日ゆっくりやろうと、その日はＴＶでのプロ野球の見たい番組があったので、パソコンはおしまいにしたのでした。　

　この後、悪戦苦闘が始まるとは、夢にも思っていなかったのです。

　　　　　　　　　　　　　　　　　　　　　　　　　（つづく）

 

 

 

 

 

HTMLで画像に文字を書く （No 2055）

　レタッチソフト「ペイント」などを使って、画像に文字を記入することは、極めて簡単であり、レタッチの初歩中の初歩であるかも知れませんが、これを実際には画像には文字などを書かずに、レイヤーのように、表面に文字を載せる事を考えました。

　文字を入れた画像を作る事は簡単ですが、若干の手間と、何よりもその画像には、幾ばくかの容量（バイト）が必要であり、貧乏人にはレンタルサーバーが気になってくるのでありました。　細かく言えば枚数が多いので、画像の管理も別にしなければならず、厄介です。

　それに対し、画像は共通のものを使用し、HTMLで必要な時にのみ画像の上に文字やアイコンなどを表示すれば、数十ないしは数百バイトで済むから、容量は問題無いし、HTMLのコピペで作業が出来るから、速くて作業も極めて簡単なのです。

 

　下記はその実行例です。

　「イースターサボテン」と「イキシア」の各画像の左上には　Full sizeの文字がありますが、これは実際に書いたのではなく、そう見せているだけのものです。ですから、元の画像はそのままですから、他でも使えるという、大きなメリットがあるのです。

　

　画像に書く文字の代わりに、画像なども使えます。　また、文字の色や大きさを変える事が出来ますが、これらは全てCSSで指定します。

 

　具体的やり方  　（少々専門的になりますが、ご勘弁のほどを！）

1.　HTML

　該当画像を<div>でくくります。その中に<p>ダグで書く文字を指定するだけです。
　サンプル：

　<li>・・・・<div class="yyyyy"> 

　<img src="../../xxxxx.jpg"><p>Full size</p></a></div>・・・</li>

2.　CSS

　文字の大きさや色を通常の方法で記載します。

　.yyyyy  {   position: relative;   }

　.yyyyy p {  position: absolute;
                    color: white;           
                    font-size:  13px;  
                    top:  0;  
                    left:  0;              }

　.yyyyy   {   width: 185px;   }

 

　問題点

1.　文字の位置を右下にしたいが、これが何故か難しい。　位置は動かせるが、一定の位置に止める事が出来ないでいます。　出来ないはずはないのですがねー！？。ど真ん中なら、簡単に変えられます。

2.　上記はリスト方式（<ul><li>）でありますが、これを表形式（<table>)では文字が表示しないのです。

 

何をやりたいのか？ （No 1975）

　友からメールで「検索をやりたいと言うが、どのような形の物を狙っているのか？」との問いかけがあった。もとより、具体的な目標があるわけも無いので、その時は思いつくままに書いたが、もっと整理すべきと考えた。

　友は「検索」について、何かよい方法を知っており、そんなに難しい事では無さそうであるが、もしかすると、それが私が考えていることと、目的とか内容が違うかも知れないと思い、私の考えていることを、具体的に書き出そうと考えたのである。

　私のホームページの改造については、至る所に改善すべき所はあるが、今最もやりたいことを一つに絞れば、それは、ホームページ上で誰もが「特定範囲内からの検索」が出来るようにすることである。

 

1.　検索対象

　「花の名前のリスト」：　データーの数は現在3500個あり、今後も微増。
　　形式は変える事は可能である、ＣＳＶ方式（カンマ区切り）も可能。

2.　検索キーワードと抽出するデータ

　「花の名前」文字列に於いて、検索キーワードを含む行の特定データ
　　具体的には　今、念頭にあるのは・・・
　　　①花の名前（キーワードを含む名前の全体）
　　　②花の詳細データのＵＲＬ（リンク必須）・・・クリック時リンク
　　　③花の代表写真（データに写真Ｎｏ記載）

3.　抽出データーの数

　　「検索キーワードを含む全ての行」　であるから、複数になることあり。

4.　ＨＴＭＬとの関連

　　原則として、ＨＴＭＬ内で動かす。

 

　書いて見ると、こんな事になるが・・・・？。

　ＰＨＰとデーターベースを使えば、出来るであろうことは、容易に推測できるが、これを何度も、何度もやってみるも、未だにその目処さえも立たないので、いまだにこんなことを書いている。

　迷える羊、何とか　手を引いてもらえまいか・・・！。

 

 

 

暗中模索 （No 1953）

　ホームページとして、私には大変参考となる、神奈川県在住らしき、HIさんの「あの頂きをこえて」を見付け、また、その後、友から、「還暦Qpon喜寿」なるホームページを見せて頂き、我がホームページの改造すべき点が多々あることに気が付いた。 

　芸術的な装飾とか、記事の内容とか、それらをどう表現するかなどは、私には到底真似をすることさえも出来ないが、せめて「外形」「方式」だけでも似たような形に出来ないものかと強く感じたのであった。

　その第一は「検索」である。　このことは当ブログに何度も書いているように、ホ－ムページを始めた頃からの課題であるが未だに解決していないのだ。　世間では極々当たり前に「検索」窓があるのにである。

　「あの頂きをこえて」のソース（コンピューターを動かす英文章）を覗いてみると、ＰＨＰの文字が散見されるし、「データーベース」の言葉があることから、これが使われているように思える。

　一方、「Ｑｐｏｎ」さんの場合は、Java Script 使って構成されているように見受ける。　私の場合は扱うデーターの件数が3400件以上あるので、この方式では時間がかかるやも知れないが、Java Script も、捨てきれないと感じて居る。

　この辺りは先にも書いたように、Java Script で何とかやろうと、本を買ってみたり、「あの頂きをこえて」のソースをまねてみたが、私にはどうにも出来ないと感じ
今や、半ばあきらめの状態になっている。（この辺りは前にも書いた）

　始めて、ＰＨＰの本を買って見たが、この本は何故か、Tera Pad では、コーディングが出来ず、表紙には「知識ゼロでも大丈夫」とか書いてあるが、とんでもない、相当な知識が無いと到底ついて行けないことが判明し、初期の段階で頓挫した。 （Tera Padでは、PHPは画面表示が出来ない）

 

　「Ｑｐｏｎ」さんのホームページをよく見たら、「Java Script 入門」というコーナーがあり、比較的分り易く書いてあるので、順次試して見たが、未だ書き込みが完了していないようで、例えば文字検索で
解が複数ある場合については、ソースは後記するとあるが、今の所は見当たらないなど。

　そうこうするうちに、友が、「検索」を出来る方法を見つけたらしく、今研究中らしいので、それに期待することにしたので、いまはその結果待ちの状態である。　

 

　このテーマは、今後も続くが、一旦休憩とする。

 

キーボードの文字 （No 1933）

　ここの所、「コーディング」と称して、ホームページの改造を目的に、本を購入しその実習と、 本番の我がホームページの改造に取り組むなど、キーボードを打つ事が極端に多くなり、それとともに打ち間違いも相当に増えた。

 　コンピューターは、.（ドット、ピリオド）と ,（コンマ、カンマ） を間違えても動かないとか、とんでもない現象を引き起こす事がある。英文に不慣れなものにとっては、英字の羅列をみても、間違いがなかなか発見できないのである。

　そのうえに、キーボード上のよく打つ文字、例えば下の写真のAとか、S、E、R、Tのように、その表示が消えたり、文字が判読出来ないようになっててしまうのである。 

 　下の写真のほぼ中央あたりにある、U（な）の右半分がキーの中央に近いために消えてしまい、その隣の　I（に）と同じに見えてしまうので、つい打ち間違えてしまうのである。

 　ノートパソコンにつかっているキーボードを見ると、やはりAの文字が欠け始めている。　これ富士通の製品で使用期間一年くらいなのにこの有様、裏をみるとMede in Chinaとなっており、やっぱりなあ！。

 

　この事に関して、友がブログを見て下記のようなメールをくれた（一部を抜粋・原文のまま）

「キーボードの文字が消える」で検索すると、やはり有りましたね。
いろいろの意見を纏めるとこんな感じとなる。
（ベテラン派）
①コスト削減のため最近では単なる印刷だからあきらめた方が良い。
　文字を見なくても打てる様になるのが一番。→私には無理。
（購入派）
➁キーボードを購入、安い物も有ります。　　
➂「購入するなら10,000円以上のキーボードを買いなさい、10,000円以上の
　キーボードを使たら、もう純正のキーボードには戻れません 。
　万年筆と同じです。」と言う意見も有るが、→悪筆では高級万年筆を
　使っても上手くはならない。
（修理派）
④テプラでシールを自作するというのも有りますね→（白色ボードの場合）
➄修復再生業者に依頼する。　　→2,000円前後だから、高級品の場合
⑥文字シールを購入して貼る。　→620円から850円→安物キーボード購入が良い
➆油性ペンホワイト超極細で修正、瞬間接着剤などを塗って保護して置く。
　　　　　　　　　　　　　　　→DIO-Wで超極細ペン267円

 　私の場合も同様で、長年キーボードを打ち続けて居るが、指が文字の位置を覚えてくれず、目で見て人差し指一本で打ってるから、文字が消えたら打てなくなる。今はまだ限られた文字だけだから、この辺りにあるはずだと、指でなく頭が覚えているだけなのだ。

　今使って居るのは、”Excel作業効率を大幅にアップ”という売り込みで、若干便利なキーが両サイドに付いてるもので、価格は￥2500位だったと思うが、高機能にしては、安いから、矢張り”安物買いの銭失い”であったかもとの思いもあった。

　そのために、修理しても他が故障することも考えられ、文字の消え難いものに買い換えを年頭に、使えなくなるまでとの限定付で使用していたので、ペンを買ってまで修理することは、全くもって眼中にはなかった。

　しかし友が、このために、下記のペンテルをプレゼントしてくれたので、状況が一変したのであった。

 

 　それで、早速やって見たが、手が震えるし、キーが動くので、なかなか難しい。下手くそな文字であるが、この文字が画面に出る訳ではないからと進めたが、EとRの半分を塗ったところで、ペンキが出なくなったので、ひとまずここで終了とした。

 

 　友のお陰で、超極細の油性ペンを購入すれば、自分で修理出来る目処が立ったのは大変に嬉しいこと、取り敢えずはこれでも充分使えるのであるから、上塗りの透明塗料も含め、近日中に購入しようと考えている。

 

　その後、友からこのペンテルは殆ど使って居ないから、詰まってペンキが出ないのかも知れないとのメールがあった。　そのために、ペン先を見ると、「外径が１ｍｍ程度のパイプ」であるから、 この中に入るものは我が家にはあまりないが、我が工房を捜した所、確か「φ0.35ｍｍ」と思われる真鍮の針金が見つかり調べて見た。

　眼鏡をかけ、ペンを固定して、何度も何度もペン先から入れようとしたが、入らない。　ペンの外径から推測するしか私には出来ないが、0.35が入らないほど内径が小さくは無いだろうから、やっぱりペンの中で、ペンキが固まってしまったのかも知れない。やっぱり、ペンを買うしかないようだ。

 

 

 

コーディング－５ （No 1923）

　暇つぶしとホームページの改造とブログのネタ用とボケ防止のいわば多目的用途にしようとして、「HTML＆CSSとWebデザインが一冊できちんと身につく本」を購入し、この本に沿って実習をしている。　なお、ここで推奨しているエディータは、不調のため「TeraPad」というのに変えてやっている。　（不調の内容は　「コーディング-1」（12/22）を参照されたし。）

　ここまでの経過

　①　イデックスページを作る。・・・・・・・「コーディング-2」　12/24
　②　自己紹介のページを作る・・・・・・・・「コーディング-3」　12/26　
　③　シングルカラムのページを作る・・・・「コーディング-3」　12/26　
　④　２カラムのページを作る・・・・・・　・・「コーディング-4」　12/28
　⑤　グリッドレイアウトページを作る・・・・「コーディング-4」　12/28

　

 　それで今回は、「⑥　動画を埋め込むページを作る」　である。　動画には取り敢えず、YouTubeのものを使い実習する。 

 

 　ここまでは、比較的文字数も少なく、誤ってキーボードを叩かないよう注意し、また、その後のチェックも簡単に行う事が出来て、スムースに作業が出来、問題無く表示も出来た。　原因は後から分かった事であるが、キーボードを叩く回数、つまり英文の字数が少なかったからである。

 

　次は　「⑦　問い合わせのページを作る」　である。

 

 

 　本画面では、上の右下の地図が切れているが、都合上ここで切ったもので、正常に表示されている。　そして、下の画面は問い合わせをする場合にデーターを入力し、最後に「送信」ボタンを押すのである。

　見た目は正常に見えるが、実はカーソルが乗っかった場合（ホーバーした場合）青い表示が白に変わるようにしているが、最初は変わらなかった。　これを解消するため随分と時間と労力を要したが、プログラムの全文を、繰り返し点検し修正したことで、どうにか正常になったのであった。

 

 　ここまでは順調にきたものがのが、何故ここでストップしたのか、その原因は単純そのもの。　要は打ち込む文字数が多く、それだけにタイプミスが多くなり、何度も点検したが、全てのタイプミスを見つけ出す事が出来なかっただけのことであった。

　結果的には簡単な事であるが、原因が分からない時は、色々と考えるもので、例えば教科書（本）のプリントミスがあるのでは無いかと疑ったこともあった。　調べて見ると私の本は初版であり、すでに２回、ミスプリントの正誤表が出されているのでチェックしたが、そこには該当しなかった。

　あとは本を信用し、ひたすらタイプミスを探し出すことであった。　目も頭も老化現象が甚だしく、眼鏡をかけ、何度も目をこすり、腰と肩にはシップ薬を張りまくって、英単語と記号、数字の羅列（文章）を何度も何度も端から端まで隈無く見て、修正を繰り返し、どうにかこうにか正しい表示になったのであった。

　間違いの内容は、英単語のスペルが違っていたことが多かったが、これは哀しいかな、英語が出来ない者の悲哀であるのかも知れない。　あとは間違えやすい文字を、今後の為に書き残すことにする。（チェックのポイント）

　（１）キーボードの例えば、UとIのように隣にあり、形が似ている文字。
　（２）. と , （ドットとコンマ）。　　: と ; （コロンとセミコロン）。　　

　u と i　（id とすべきを ud と打つ）を間違えるのは、余程のボケたやつと思うかもしれないが、思い込みで見ていくと、何度も見たのに、見逃してしまうものと気が付いたのである。（それだけボケているのだと言われれば、そうかも知れないが・・・？）

 

 　以上にて、この本の　P258/300までが完了した事になる。　なお、このあとは「マルチデバイス対応ページ」などであり、当面必要ではないので、ここでひとまずピリオドを打つ事とする。 今後は実用化に向けての検討に入るが、それは少し時間がかかるかも知れない。

 

 

 

 

コーディング-４ （No 1922）

　ホームページの改造とボケ防止と暇つぶしに、「HTML＆CSSとWebデザインが一冊できちんと身につく本」という本を買い込んで、記載通りに実習をしているが、今回の当ブログはその４回目で本文に当たるところを学んでいる。

　①　イデックスページを作る。
　②　自己紹介のページ（シングルカラム）を作る　　

　・・・であったから、今回は、「③　２カラムのページを作る」であり、本文の右か左にサイドバーを設けるページを作るのである。　この作業は「コーディング」と言えば聞こえはいいが、実際は英文のタイピングに他ならない。

　英文のスペルを間違いなく、打つには英語の能力とタイプの能力にかかっているが、両方が苦手の私には、難行苦行の連続である。　「Brackets」を難しくて早々と諦めたが、タイプミスを防ぐためにも、効率もよいので、これを復活させねばならないかも知れない。

　当然のことながら、正確にタイピングすれば、「２カラムのページを作る」も、目を皿にして、時間はかかったが、タイプミスを無くしたことで、何も支障なくすんなりとできたのであった。(下記）

 

 　ここまでは、本の通り一字一句間違いの無いようにキーボードを打つ事であるが、当たり前の話しであるが、教科書の通りに表示された。　しかし、本番はここから先、ここで覚えた手法を、実際に我がサイトで実現することにある。

　所が、私のサイトは表型式のページがその大勢を占め、普通の文章形式なのは、ブログと古くてメンテも疎かにしている、ＤＩＹページの二件のみであり、ブログはＧooのものを使っており、変えられないとなるとやる物が無い。

　こんな事から、取り敢えずは、実用化よりも知識、技能の取得が先であり、全体を極めてから実用を考えることにした。　このように方向転換をしたので、　次の・・・「④　グリッドレイアウトページの制作」に入った。 

 

 　これも、正確にコーディングすれば、当たり前のことではあるが、きっちり表示がでた。　ここまでで教科書のP222/300までが、終了したのである。　この後は、動画を扱うページとか、問い合わせのページ等であるが、それは次のブログとする。

 　　　　　　　　　　　　　　　　　　　　　　　　　　　以上

 

　友が今日（2018.12.24）くれたメールにコーディングの意味を解説してくれたので、原文のまま載せよう。

 スルーしても良かったのですが「コーディングとプログラミングの違い」を
気になるのでググって見ました。

この写真を使う、文章はこんなフレーズで、フォントはこれだと
アイデアをまとめる、　　　　　　　　　　　　　　→デザイン
設計図（頭の中の案でも）をコードに置き換える事、　　→コーディング
不具合を直して完成させる　　　　　　　　　　　　→デバッグ

上の3工程をまとめたのがプログラミングでコーディングはその一部で
「考えないで、正しく記号化する仕事」だそうです、
君がやって居る事はやはりプログラミングだと思いますが如何でしょうかね。

 　上記はいままで考えた事もなかったが、　私が思っていた内容とは合致しているが、当ブログでの使い方は必ずしも、正しくは無いかも知れない。　私がこのタイトルを「コ－ディング」としたのは、より正確なタグの使い方をすることであった。

　従来は、あちこちの寄せ集め知識でやってるから、”結果よければ全てよし”であり、正確なコ－ディングが出来てなくても、　それなりの表示が出ればよしとしてきたが、この本を読んでみると、今までが実にいい加減な所が多々出てきたのであった。

　それで、今頃と言われかねないが、原点に戻る意味で「コ－ディング」にこだわって、そのついでに、我がホームページがより垢抜けしたものなればよしとしたのであった。どちらが主か従かわからなくなったが・・・！。

 

 

 

コーディングー3 （No 1920）

　「シングルカラムのページ作成」を実習しつつ、自己紹介ページを作成 

 

　「HTML＆CSSとWebデザインがきちんと身につく本」を買い求め、HTMLの技法と特に垢抜けしたデザインを求めて、我がホームページを改良したくて、本に従い順次コーディングを進めており、当ブログはその３回目になり、ようやく軌道に乗ってきたように見られる。 　

　　この本による実習では、最初にホームページ（Webサイト）の表紙になる「Index」を作った。これは「フルスクリーンのページを作る」ものであったが、今度は一歩進めて「シングルカラムのページを作る」を実習をしながら、自己紹介のページを作るのである。

　この本は何故こうするかを、新しいHTMLのタグがでる度に、説明しつつ実習を進めるので、良く分かり、また多少面倒でも「TeraPad」を使えば、順調に先へと進んでゆく。　そして完成したのが、下の About ページである。

 

 　Print Screen で取ったものを縮小しているので、文字が乱れているが、実際には全てが問題無く作る事が出来た。　これで本のP186/300まで進んだのであった。

 　この勢いで、我がWebサイトのプロフィールページを作ってみた。　練習の意味もあり、写真などはあり合わせを使ったので、本番には未だ使わないつもり。 なお、顔写真の実物はこれほど、男前ではないことをお断りしておく。

 

　ここまでで、解ったことを列記しておく。

①　それぞれのタグの多くは、あらかじめ「初期値（規定値）」が決められているが、ここでは最初にCSSで初期値をゼロにしてから進める。　従来は殆どやらないので、いろいろと害があり、確かにやる方がよいが、どこまでやるか判断が難しく、簡単では無い？。

②　CSSで同じタグに対して、異なる指示をした場合は、後からの指示が優先する。　このことは承知していたが、今回実体験出来たし、エラーにならないので、必要に応じて次々と指定することが出来て、気が楽になったが、文字数がどんどん増える事になるが・・・？。

③　各ページのフォームを統一すべきとは承知していたが、そうは言っても、中身が全く異なる各ページを、実際に統一するのは簡単では無い。　それが今回体験の重要課題であるが、今回のAbout　ページの作成で、早くも片目が開いた気分であり、先が楽しみになった。

④　フォーム統一はCSSを一枚で済ませそう！。　従来は、各ブロック毎にCSS専用フォルダーを設け、プログラム毎にCSSを作っており、管理上問題があると感じて居たが、これを例え主流のみであっても、一枚にする事が出来れば、管理は極めて楽になりそう！。　大きな期待がもてる！。

⑤　「Crescent Eve」や「HTML-EFMF」など、最近インストールしたにもかかわらず、対応していないタグが多々あるのに対し、古くからある「Tera Pad」が問題ないのは不思議なことであるが、前者の便利さが忘れられず、いずれは「Brackets」へ再度の挑戦もありうる。

　まだほかにもあるが、また書くとして、この次はいよいよ本丸に近づき「２カラムページを作る」の実習になる予定である。　よってここはこれで閉める。

 

　

 

 

コーディング-2 （No 1918）

   　インデックスページ（ホームページ表紙）の作成

 

  Ｗｅｂサイト（ホームページ）を少しでも見栄えをよくしたいと、予てから考えて居た所、「HTML＆CSSとWebデザインが一冊できちんと身につく本」に出合い、さっそく試そうと始めたが、最初の段階で躓いた。（詳細は当ブログ前々回を参照）

　この本では「Brackets」というちょっと高級（？）なエディータを使うように書いてあり、それなら是非使いたいのでやって見たが、私の頭脳では到底物にならず、この本の出版元に問い合わせたら、私では難しく到底使えないことが判明した。

　そこで「Brackets」を止めて、 「Crescent Eve」というエディータにした。　これはHTMLのタグを一文字入力すれば、その候補が現れて、その中から撰べばよいし、コーディングする画面の隣に即時に結果がディスプレーされるし、文法のチェックもしてくれるので、大変便利なのだ。

　しかし、その結果を見ると下の図のように正しく表示されないのである。　異常な所は、①　指定もしないのに、Logoが線で囲まれる。　②　その右のMenuが右端に寄らない。　③　コピーライトが中央に来ないし、文字の色が指定通りになたない・・・などである。 

 　

　この状態は、出版社に質問した直後であり、すぐには再質問は出来ないと思い、あらゆる事をやって見た。　しかしまだ出来ないから、遂に本は買ったものの、使い物にならないと、結論付けようかと思ったが、最後の最後に便利な「Crescent Eve」を使わない選択肢に気が付いた。

 　そして、やって見たのが下記である。あれだけ苦労して、色々やっても出来なかったことが、瞬時に出来てしまったのである。このアプリは長時間使うと、止ってしまい全く動かなくなる習性（？）があるので、要注意と思って居たが、特定のタグにも対応してないのだ。

 　このアプリは、最近インストールしたものであるから、まさか、対応しないタグがあるとは夢にも思わなかったのであった。　そのために、かなり面倒ではあるが、古くから使って居る「TeraPad 」というエディータにして、本に書かれているとおりに学習を再開した。

 

　かなり手間はかかるが、当然のことではあるが、一字一句正しくタグを入力し、その都度ディスプレーに標示させたが、極めてスムースに、教材のサンプル画像（インデックス画面＝表紙画面）が完成した。　それが下記である。（実物は横幅960px）

 

 　これにて、購入した本の、Ｐ149/300まで完了した（「Brackets」活用部分を除く）

 

 　それで、早速我がWebサイトの表紙を作ってみた。　取り敢えずは、殆ど真似をした状態であるが、ほんの少しは”垢抜けした！”と自画自賛中であるが、皆さんは如何であろうか？。　ロゴの「木燃人」の背景を取りたいが、未だ出来ないでいる。　背景画像は1260pxに縮小したものを使用。

　

　気分を変えるためには、背景画像を変えるのがひとつの案、それはCSSファイルから。　ついでに「詳細な目次」へのボタンの色も、地味な色であるが、周りの色と協調を取ってみた。

    

　Life is beautiful の言葉に惚れて、使わせて頂いたが、著作権上は如何なものであろうか、また、英語を知らないものが、Snap!Snap! を単に　Hobby!Hobby!　と変えたが、文法上は正しいのかどうかなど、ご教示賜りたいのである。　それに色合いとしては、私は落ち着きがあり前者の方を好むが・・・？。

 

 

 

コーディング-1 （No 1917）

　ある日のこと、買い物用ボランティア運転手が、客待ちの時間を持て余し、本屋に来て、例の如く立ち読みをしていたら、「HTML＆CSSとWebデザインが一冊できちんと身につく本」（￥2280+税）というのがあり、気が付いたら金を払っていた。　完全な衝動買いである。

　当ブログでも再々紹介しているように、我がホームページ（この本によると、正しくはWebサイトと言うらしい）の改造と称して、いくつかのプログラミングを実施してきたが、それが、この本を買えば「きちんと身につく」との言葉を、すっかり信じ込んでしまったのだ。

　このプログラミングと言ってきた言葉は、人間がコンピューターに命令する言語を組立てて、コンピューターを”言いなりにに動かす”為の、いわば命令の文章を作ることであるが、このことをこの本では「コーディング」と言うとあるので、今後はプログラミングは使わないことにする。

　私のコーディングの歴史は古く、４０才台の前半からであるから、４０年近くやってることになるが、最初は「N-Basic」であり、その次の「Epo Ace」が長く、「HTML」　は使い始めてまだ浅く、数年しか経験がなく、しかも本中心の独学であるから、自己流であり、まことにいい加減なものであった。

　その結果、私のWebサイトを見られた方はご承知の通り、できあがりは泥臭く田舎風であり、ごちゃごちゃしていて、決して褒められるものでなく、すぐにでも改良をしなければと思うが、知識能力が無いので、本に頼るしかなく、藁をも掴む気持ちで買ったことも確かである。

　そして勇躍、使用するフリーソフト「Brackets」と「Google Chrome」をインストールし、「Brackets」を起動し、本にしたがって作業を進めようとしたのであった。しかし・・・別のところで作ったホルダーが、左端のサイドバーに出ると書いてあるが、どうにも現れないのである。　　質問①

　仕方が無いので、そのままコーディングを進めようとするが、本には各タグの最初の一文字を入れると、その候補が現れると書いてあるが何も出ない。　質問②　　更に、これを保存しようとすると、エラーメッセージが出て前に進めない。エラーメッセージは下記。　質問③
　　　　　Encoding not recognized : null (searched as : null) 　

　この「Brackets」は、数ある普通のアプリと違って、コマンド（？）が極端に少なく、やれることは極めて少ないが、それぞれについて、隅から隅までやって見たが、どうにもならないので、止むを得ず、出版社に問い合わせをしたら、何と２時間も経たないのに回答が来た。それが下記である。（要点のみ・原文のまま）　　

①　P45で「ドキュメント」に作ったホルダーをBracketsの画面上で選択しても、表示しないのです。 

P.45のSTEP1でフォルダを作成したままでは、空のフォルダのため表示されません。またSTEP2でダウンロードした画像ファイルをコピー頂いても、Bracketsでは表示されません。この「snappers」フォルダにhtmlやcssファイルを作成することで、Brackets画面に表示され学習を進めて頂くことになります。 

②　P75からの記述をする場合、一文字目を入力しても、候補が表示されません。 

P.75STEP1の上に記載されているとおり、common.htmlファイルを作成し保存したのちに記述を進めるとhtmlの要素タグが候補として表示されるようになります。新規ファイルを作成しただけでhtmlファイルとして保存していないと、作成しているファイルがhtmlなのかcssなのか、あるいはただのtxt（テキスト）ファイルなのかBracketsが判断できず、入力候補も表示されません。一度ご確認ください。 

③　書いたものを、登録しようとすると、エラーに成ります。 

これまで1万5千人以上の方に本書をお読み頂いているのですが、この内容のお問い合わせは〇〇様がはじめてでした。 

　この内容から私は、なにひとつやるべき事が見当たらず、結論的には極めて難しいシステムに首を突っ込んだものだと、後悔したのであった。　このシステムはプロ向きであり、私のような素人向きのシステムではない、使おうとする方が間違っていると感じ取ったのであった。

　

　ここで私が使う事が出来なかったのは「Brackets」という名のエディータであり、他のエディータを使えば、学習は出来るはずなので、昔から使って居る「TeraPad」というエディータで作業を進めた所、若干記載されているようには出ないものの何とか115/300ページまでは出来た。

　教科書通りにならないと書いたが、それは、下記のように、①ロゴに変な線が入ること、②右のメニューが画面サイズにより動く事、③コピーライトが中央に位置しないばかりか、白抜きの文字にならない、・・・などである。

　しかし、そんな事にこだわっていては、前に進まないから。放置して行こう、いずれ答えが出るだろうと考えたが、その後手を変え品を変えて色々やるも、一層表示が乱れるようになり、滅茶苦茶になってしまった。

　いよいよ頓挫かと思えたが、翌日になって頭が冷えた状態で考えると、折角本を買って、ここで止めたら恥になると考え、もう少し色々試した結果でまた書く事が出来る、ブログのネタが作れると思い、ここは一旦これで閉めることにした。

　実はその原因は、思いもしなかった事であったが、それは次回のお楽しみとする。