投稿者: AmpiTa

★今日の課題★
WordPressのサイト内に独自の検索窓を実装

---

検索窓（Wordpress標準）

　ワードプレスでは標準で検索窓が用意されており、クリック１つで配置できます。

　設定も多少は変更できます。

検索

検索

検索

検索

---

ＨＴＭＬ記述

　HTMLタグを入力することで、簡単な検索窓は作れました。

　この検索窓は下記のhtmlタグを入力して作成しています。

<div align="center">
<form action="/?" &="" value="" target="_blank">
AmpiTaサイト内検索（検索ワードを入力してください）<input type="text" name="s">
<input type="submit" value="サイト全体検索">
</form>
</div>

　冒頭にある『 <div align="center"> 』と末尾の『</div>』で中央揃えを指示しています。これを無くしても検索窓として機能します。

　２行目の『 action="/?" 』は検索に使うURLの指示です。
　ここでは『 / 』しかないので、サイト全体を検索します。実際に動かすと『 https://www.ampita.net/? 』というURLに変換されます。
　この『 / 』の部分を、サイトのフォルダ名に変えれば、そのエリア内だけ検索されます。例えば『news』というフォルダを作っておいてそこにコンテンツを集めておけば『 action=" /news?/』という文字列にすることで、newsフォルダ内を検索してくれます。

　ワードプレスのブログなどでは年月でフォルダを分ける設定にしている人も多いと思いますので、『 action="/2021/?" 』とすると、当サイトでは2021年の記事だけを検索対象にすることができます。

---

窓の幅指定

　下の検索窓は、さきほどまでの物に比べて入力欄が小さくなっています。『 style 』という指示文を追記しました。

　この検索窓では入力欄の幅を300ピクセルに指定しています。指定方法は input 文の中に『 style="width:300px;" 』を追記しています。

<div align="center">
<form action="/2021/?" &="" value="" target="_blank">
幅３００ピクセルの検索窓<input type="text" name="s" style="width:300px;">
<input type="submit" value="2021年記事検索">
</form>
</div>

　下の場合は、検索窓を50%に指定しています。
　こちらは『 style="width:50%;" 』をinput文に追記しています。

　このように、検索窓の幅は絶対値と相対値のいずれかで指定することができます。

<div align="center">
<form action="/2021/?" &="" value="" target="_blank">
幅５０％の検索窓<input type="text" name="s" style="width:50%;">
<input type="submit" value="2021年記事検索">
</form>
</div>

---

Ｓが検索指示

　構文『 <form action="/?" &="" value="" target="_blank"> 』という物がありましたが、『 /? 』の後ろには『 s= 』という文字が自動的に付記されてURLとして渡される設定になっています。
　それが input 文からの戻り値です。

　input文は『 <input type="text" name="s"> 』という記述が最小であり、『 name="s" 』のエスが明示的指示をしたURLの後ろに付く記述と関係します。

　実際にはURLのあとに『 /?s=検索文字列 』という形になり、検索文字列にはユーザーが検索窓に入力した文字が反映されることになります。

<div align="center">
<form action="/2020/?" &="" value="" target="_blank">
AmpiTa記事検索<input type="text" name="s" style="width:75%;"  placeholder="2020年の記事">
<input type="submit" value="2020年記事検索">
</form>
</div>

---

薄っすら出る文字

　前述の検索窓には入力欄に薄く文字が表示されています。

　input文に『 placeholder="2020年の記事" 』と追記したことで表示されています。

　『 placeholder 』は文字として認識されないが、薄っすらと見せるための指示になります。

---

検索ワードを最初から入力

　薄っすら表示される文字は検索ワードとして使われませんが、検索ワードとして使う文字を先に入力しておく指示も出せます。

　先ほどの『 placeholder 』を『 value 』に置き換えるだけです。

<div align="center">
<form action="/?" &="" value="" target="_blank">
HDMIスルーを検索ワードとしてAmpiTa記事検索<input type="text" name="s" style="width:66%;" value="HDMIスルー">
<input type="submit" value="HDMIスルーで記事検索">
</form>
</div>

---

Google検索にも使える

　この検索HTMLタグはサイト内検索だけでなくGoogle検索にも応用できます。

　下記を書き込むだけで検索窓が作れます。２行目の form 文に『 target="_blank" 』を入れているので検索は新しいウインドウで行われるため、現在のページは残ります。

<div align="center">
<form action="https://www.google.com/search?" &="" value="" target="_blank">
Googleサーチ<input type="text" name="q" style="width:66%;" placeholder="Google検索">
<input type="submit" value="Google Search">
</form>
</div>

---

　今回は検索窓の実装について検討してみました。

　サイト内検索もGoogle検索も実装は容易である事がわかりました。

　まだまだ応用の余地がありそうですので、使いこなせるようになりたいと思います。

　最後までお読みいただき、ありがとうございました。

★今日の課題★
マイクロソフトのペイントアプリの影響でマウスポインタが行方不明になる問題

---

ポインタが消える

　この事象は、ここ１カ月くらいで頻繁に経験しています。

　パソコンで作業中に、突然マウスポインタが行方不明になり、操作感としては『マウスが効かない』『フリーズした』という感じになります。

　しかしながら、キーボードのWindowsボタンを押せばスタートメニューが表示されますし、Tabキーなども有効に働きます。

　マウスのカーソル（マウスポインタ）だけがどこかに行ってしまっている感じです。

---

左クリックは無効
右クリックはときどき有効

　この現象が発生したとき、マウスのカーソルを探すためにクリック（左）をしてみましたが無反応でした。

　右クリックですが、ときどき反応があります。
　その要因は後述します。

---

疑わしきペイント

　この現象が発生するタイミングとしては、Microsoftのペイントを使った直後です。

　毎日のようにペイントを使っているので、かなりの長い時間、ペイントが立ち上がったままになっています。

　このペイントに疑いをかけつつ、他の可能性も視野にパソコンを使い続けました。

---

ＭＳペイントでほぼ確定

　ペイントを使った後、×印でソフトを終了させた場合には100％この現象は発生しませんでした。

　多くの場合、ペイントでの作業終了はCtrlキーとＮキーで表示中のファイルは終了、ペイントソフト自体は残しておくという方法をとっているのですが、この場合はマウスカーソルの行方不明が発生します。

1. ＭＳペイントで作業
2. Ctrlキーを押しながらＳキーを押して保存
3. Ctrlキーを押しながらＮキーを押してファイルを閉じる
4. マウスのカーソル（ポインタ）が行方不明

　ただし、毎回が行方不明と言う訳ではなく、10回に1回くらいです。

---

９回で止める

　10回に1回なら、9回で止めれば現象が起きないのでは、という理屈を突き付けられそうです、仕事を上、そうもいきません。

　他のペイントソフトを使えば良い、という考えもありますが、ＭＳペイントには独特の便利さがあります。

　いま、手元にはいくつかのペイントソフトがあり、よく使う準で言うと以下の順です。

• ペイント (Microsoft)
• AzPainter2
• PhotoShop (Adobe)

---

マウスキーではない

　マウスが勝手に動くという現象はWindowsの『設定』から調整できる『マウスキー』（マウスをキーパットで操作する）が影響する場合があります。

　今回の現象に付いて、米国のサイトを検索するとマウスキーを疑う記述がみられますが、少なくとも私のパソコンは『オフ』になっているので直接の要因では無さそうです。

---

ＭＳペイントからの離脱方法

　マイクロソフトのペイントがマウスカーソルを行方不明にすることはほぼ確定した感じですが、その発生を抑止する方法は見つかりません。

　しかし、現状を脱する方法は見つけました。

　ＭＳペイントがアクティブな状態なので、このペイントから逃れられれば状況はマウスは動かせます。

　そこで試したのが『Ｆ１』キーです。

　奏功しました。

　Ｆ１キーはネットでのヘルプ参照です。私の使用環境ではMicrosoft Edgeが立ち上がり『windows のペイントに関するヘルプ』という検索をした状態でEdge画面が表示されます。

　このとき、Edgeがアクティブなので、マウスはEdgeのために動いてくれます。

　このとき、Edgeを×印で終了すると、再びＭＳペイントがアクティブになってマウスの操作権が戻りますので、タスクバーにあるＭＳペイントを右クリックして『× ウインドウを閉じる』を選択してＭＳペイントを終了しておきます。

　ＭＳペイントさえ閉じれば、Edgeは関係なくなります。

---

　今回、原因はよくわかりませんが、ウインドウズ標準搭載のマイクロソフト社のペイントソフトが、マウスのカーソルを操作してしまうという現象に当たりました。

　姑息的ですが、Ｆ１キーを押す事で離脱できるところまではわかりました。

　最後までお読みいただき、ありがとうございました。

　silhouette CAMEO 4 でのカッティングデザインを集めてみました。

　こんなステッカーがあれば便利だなと思う物をただ単に並べているだけです。

---

フォント

　下記のデザインデータの中で使用しているフォントをご案内いたします。

---

駐車場番号と契約者名

　月極駐車場でよく見かけるプレートです。
　幅30cm×高さ10cmの金属板に貼付することを想定してデザインしました。

仕上がりイメージ

シルエットスタジオ用データダウンロード

　シルエットスタジオ（silhouette studio）用のデザインデータをダウンロードする事が出来ます。

参考事例

---

電気自動車の月極契約の相談承り

　これから電気自動車が増えていく中で、月極駐車場も対応していかなければなりません。

　先に設備投資するのではなく、相談を承れる体制にしておくことが必要だと考えて看板を作りました。

　A4判の複合板に貼付して、フェンスなどに取り付けてＰＲすることを想定しています。

仕上がりイメージ

シルエットスタジオ用データダウンロード

　シルエットスタジオ（silhouette studio）用のデザインデータをダウンロードする事が出来ます。

---

防犯カメラ設置案内

　防犯カメラを設置するのは個人の自由ですが、無断で撮影されているという印象を与えると『盗撮』と捉える人も居なくはないので、一般的にはカメラが設置されている事を明示します。

　狭い場所に表示するためのステッカーが必要だと思って制作しました。

　『防カメ』と省略するのは泥棒除けの場所、例えば窓や勝手口などの位置を想定しています。

仕上がりイメージ

シルエットスタジオ用データダウンロード

　シルエットスタジオ（silhouette studio）用のデザインデータをダウンロードする事が出来ます。

参考事例

---

マスク着用のお願い

　Google Mapでも『マスク着用を義務付けていますか？』と聞かれるのですが、オフィスやショップはマスク着用をお願いしていないとならない時代です。

　つい、忘れてしまう人も居るので案内板を作ってはどうかと思ってデータを制作しました。

仕上がりイメージ

シルエットスタジオ用データダウンロード

　シルエットスタジオ（silhouette studio）用のデザインデータをダウンロードする事が出来ます。

★今日の課題★
Picture Manager (Microsoft)を入手しWindows10のパソコンに実装する(2021年)

---

画像ビューア ＋ 編集ソフト

　Microsoft Picture Managerの機能はビューアと編集です。

　ビューアーとしては、ある程度のスピードで次々とめくっていけるので重宝しています。

　編集機能として明るさやコントラストが調整できますし、角度やサイズも変更できます。

　特に気にっているのがトリミングです。
　サイトに貼付する画像もPicture Managerで適当な形にトリミングしますが、これがマウス操作だけでなく数値で指定できるのが使いやすいです。
　Officeソフトのトリミングは『上』と『左』の基準点を決める作業と、そこからの『幅』と『高さ』を指定する作業の組合せが多く私の思考では追い付かないのですが、Picture Managerは端から何ピクセルカットしたいかを指定するだけなので、感覚的にわかりやすいです。

　サイトに掲載する画像はトリミングして、そのあとで幅を640や480ピクセルに縮小しています。この２つの作業が１つのアプリでできる点が優れていると思います。

---

2007では標準だった

　Microsoft Office 2007までは標準でインストールできていたPicture Managerですが、2013や2019などをインストールすると付いてこないことにあとから気づきました。

　昨日まではMicrosoft 2007のAccessを使っていたので、ついでにPicture Managerを入れておいたのですが、2019にupgradeするのに伴ってAccessをアンインストールしたところ、Picture Managerも一緒に消してしまいました。

　64bitのOSに32bitのOfficeソフトは何かと不整合が多いためAccess 2007をやめたので、さぁどうしようかと思ったところです。

---

Microsoft公式無料ダウンロード

　Microsoft Office のオマケ的なソフトではありますが、Microsoftが公式にPicture Managerの無料ダウンロードを認めています。

Microsoftサポート：PowerPoint > 図、グラフ、表 > グラフと図 > Picture Manager の場所

　Microsoftのページでも紹介されていますが『SharePoint』（シェアポイント）というソフトのインストーラーに含まれているので、それを活用します。

　ダウンロードページは32bit版と64bit版があります。

Microsoft SharePoint Designer 2010 (64 ビット版)

Microsoft SharePoint Designer 2010 (32 ビット版)

---

exeファイルからインストール

　SharePointDesigner.exeというファイルを起動するとインストールが始まります。

　起動すると同意画面が出ますので、そこは型通りに進みます。

　次の画面が重要です。『ユーザー設定(U)』を選びます。

---

選択的インストール

　ユーザー設定のインストールにすると、下図が表示されます。

　インストール画面では、とりあえずすべてのアプリや機能を『インストールしない(N)』にします。

　名称左にあるドライブアイコンの横の▼を押すとメニューが出てくるので 『インストールしない(N)』 にすると、すべて×になります。

　そのあとで『Microsoft Office Picture Manager』だけ『マイコンピューターから実行(R)』にすれば、１本だけインストールができます。

---

　今回、少しだけ困ってしまったMicrosoft Picture Mnagaerのアンインストールでしたが、費用ゼロでリカバリできました。

　最後までお読みいただき、ありがとうございました。

★今日の課題★
　さくらインターネットで契約中のレンタルサーバにあるMySQLデータベースを活用してブラウザからデータを見られるようにする。

---

データベース

　データベースとは、データが格納されている書庫や倉庫のようなものです。単にデータが存在するだけなので、そこからデータを引出さなければ格納されている情報の価値は潜在したままです。

　Excelの表も遠からずデータベースの一種です。
　取り扱えるデータは縦と横の二次元的なマトリクス、そのマトリクスはSheetで別々の物を作る事ができ、Book単位でまとめられます。

　同じMicrosoft製品ではAccessというソフトがデータベース管理ソフトになっています。
　紙媒体で昔からある伝票を積み重ねて帳簿とするようなデータ管理ができます。
　1枚1枚の伝票には取引先や商品などの情報が記録され、それが1カ月単位や客先単位でまとめられ帳簿となります。1枚の伝票が出荷台帳や売上台帳などさまざな帳簿とリレーションする事になりますが、これを昔は手書きで行っていたと思うと、ものすごい労力です。Accessを使えば、1枚の伝票に記録するだけで、さまざまな帳簿にもデータが反映されます。

---

データのリレーション

　データベース（database）では、データ（data）を関連付け（relation）してを活用していきます。

　relation（リレーション）とは関連や結びつきなどの意味があります。

　データベースでは商品や取引先などをコード化し、伝票上で結び付けるとともに、一意的なデータ管理をします。

　缶コーヒーを仕入れれば『缶コーヒー』だけではわからないので付加情報が必要になります。『ジョージア エメラルドマウンテンブレンド』と入力しても容量がわかりません。
　こうしたときに役立つのがバーコード（JANコード）です。伝票にはコードを入力しておくと商品を取り違えにくくなります。
　これが一意的な入力方法の１つです。

　商品データベースにJANコードと商品名を登録しておくと、伝票にJANコードが入力されたときに商品名を呼び出すことができます。

　この商品が入荷されたときには在庫台帳に記録しますが、JANコードと数量を記録しておけば、あとで『何の商品だっけ？』と思っても、商品データベースに照合することで商品名がわかります。
　これがリレーションの方法の１つです。

　商品が売れれば『在庫が減った』『売上金を受け取った』という記録が行われますが、レジでいちいち在庫台帳と売上台帳に記帳している時間は無いので、レジ専用の伝票を使います。
　実際のオペレーションではバーコードを走査して、お金を受け取って商品を渡すという行為になりますが、裏では何時何分に何円で何を何個売ったという伝票が起票されています。
　細かい事を言えば商品のJANコード以外にもレジの機械番号やレジ係の個人番号、金種なども記録されます。

---

情報の見せ方

　データベースは、どのようにしてデータを集めて管理するかという事が先行しますが、データは二次利用されなければ価値が生まれません。

　入出庫や売上については業務で活用されるので、その時点で一度は利用されますが、実際には『何時ごろに売れている』『まとめ買いが多い』などの解析にも用いられます。

　今回、いくつかのデータをウェブサイトで見やすくしたいと思ったのですが、どうやったら情報の羅列であるデータベースを見やすくできるのか、そもそもデータベースをウェブサイトで公開できるのか、といった壁に当たりました。

---

MySQL

　契約中の『さくらのレンタルサーバ』では『MySQL』というデータベースが追加料金なしに設置できます。

　このMySQLがどういうものかわかりませんでしたが『SQL』という名前を冠しているので、おそらくこちらから命令したとおりにリレーショナルデータベースを操作できるのであろうと思いました。

　サーバ上に置くことができるデータベースがMySQLしか無かったので、この一択で話を進めることになりました。

---

サーバコントロールパネル

　『さくらのレンタルサーバ』でデータベースを管理するためには『サーバコントロールパネル』にログインする必要があります。

さくらのレンタルサーバ：サーバコントロールパネル

　ログインすると下図のような画面になります。

　メニューにある『データベース』を選ぶと、データベース管理画面に遷移します。遷移先でデータベースを作成します。

　以後のデータベース管理は『phpMyAdmin』というウェブツールを使います。

---

テーブル作成

　データベースの構築の第一歩目は名前を付けるところからですが、実質的な作業は『テーブル』（table）を作る事から始まります。

　テーブルとは、Excelでいうsheetのような意味を持ちます。データのまとまりです。

　例えば『商品』『社員』『在庫』などを作ります。名称は日本語で『tbl_商品』でも良いのですが『tbl_staff』『tbl_zaiko』など半角英数にしておいた方が不具合が出づらいと思います。

---

カラムの追加

　カラム（column）はExcelでいうセルの列に類似します。

　テーブルは複数のカラムで構成されます。

　識別・重複防止用にユニークなカラムが１つ設定されるのが一般的です。

　社員テーブルであれば社員IDで識別し、氏名や職種、連絡先などのカラムが合わさって１つのテーブルを構成します。

　MySQLでは『phpMyAdmin』という管理ツールを使いますが、その中でカラムを追加する事が出来ます。
　『構造』タブの中に『個のカラムを追加する』という枠がありますので、任意の数を指定します。下図では17個を『class_code』の後へ追加する指示を出しています。

---

インポート

　作られたテーブル（データベース）にデータを入力するのは手打ちでも構いませんが、外からインポートすることもできます。

　今回はExcelで作ったマスタをCSVファイル（カンマ区切り）に変換して流し込みました。
　Excelの操作は『名前を付けて保存』からファイル種別をCSVにするだけです。
　デフォルトでは１行目も取り込まれるのでご注意ください。

　phpMyAdminではインポートタブからファイルを選択し、フォーマットを『CSV』にして『実行』を押します。

---

公開用ファイル

　今回はインターネットブラウザで見られるように、ホームページ上に公開することにしました。

　データビュー専用ページを設ける方法が早そうでしたので、そちらにチャレンジしました。

　『test.php』というファイルをパソコン上に作り『メモ帳』ソフトでタグを入力する方法でページファイルを制作します。
　それを『さくらのレンタルサーバ』の『サーバコントロールパネル』から『ファイルマネージャ』を使って原始的にウェブサーバへアップロードする方法としました。

　冒頭の記述はデータベースへの接続になります。
　『$server』にはphpMyAdminに接続する際に表示されているものを入力します。おそらく４桁の数字があると思います。
　『$userName』『$password』にはMySQLのユーザー名、パスワードが入ります。

　『$dbName』はデータベース名です。データベース作成時に任意で付けた名前です。

$server = "mysql●●●●.db.sakura.ne.jp";
$userName = "●●●●●●";
$password = "●●●●●●";
$dbName = "●●●●●●";

<?php
server = "mysql●●●●●.db.sakura.ne.jp";
$userName = "●●●●●";
$password = "●●●●●";
$dbName = "●●●●●";

$mysqli = new mysqli($server, $userName, $password, $dbName);

if ($mysqli->connect_error){
    echo $mysqli->connect_error;
    exit();
}else{
    $mysqli->set_charset("utf-8");
}

$sql = "SELECT * FROM ●●●●● ORDER BY ●●●●● Asc";

$result = $mysqli -> query($sql);

//クエリー失敗
if(!$result) {
    echo $mysqli->error;
    exit();
}

//レコード件数
$row_count = $result->num_rows;

//連想配列で取得
while($row = $result->fetch_array(MYSQLI_ASSOC)){
    $rows[] = $row;
}

//結果セットを解放
$result->free();

// データベース切断
$mysqli->close();

?>

　後半では表示するデータ（カラム）と表示名を指定します。
　下記コードで表示名を順番に指定していきます。 黒丸の所は任意の文字列です。日本語でも大丈夫です。

<tr>
<th>●●●●</th>
</tr>

　下記コードではページのどのカラムを表示するか指定します。
　黒丸のところには、MySQLのカラム名を入力します。任意で『td』で囲まれた行を増やしていきます。

<?php
foreach($rows as $row){
?>
<tr>
<td><?php echo $row['●●●●"];,?></td>
</tr>
<?php
]
?>

　以後のデータベース管理は『phpMyAdmin』というウェブツールを使います。

<!DOCTYPE html>
<html>
<head>
<title>●●●●●</title>
<meta charset="utf-8">
</head>
<body>

<div style="text-align: center;">
<a href="/db"><img src="●●●●●.png" alt="●●●●●" title="●●●●●"></a>
</div>

<hr>
<br>

<h1>●●●●●</h1>

<div style="text-align: center;">
<a href="https://www.●●●●●" target="_blank" style="text-decoration:none;">●●●●●</a>
</div>

レコード件数：<?php echo $row_count; ?>

<table border='1'>
<tr>
<th>●●●●●</th>
<th>●●●●●</th>
<th>●●●●●</th>
</tr>

<?php
foreach($rows as $row){
?>
<tr>
<td><?php echo $row['●●●●●']; ?></td>
<td align="center"><?php echo $row['●●●●●']; ?></td>
<td align="center"><a href="●●●●●.php?id=<?php echo $row['●●●●●']; ?>" target="_blank"><?php echo $row['●●●●●']; ?></a>
</td>
</tr>
<?php
}
?>

</table>

</body>
</html>

---

公開

　『さくらのレンタルサーバ』の『サーバコントロールパネル』を開きます。その中にある『ファイルマネージャ』を開きます。

　ウェブサイト用に用意してあるフォルダ（www）に、先ほどの『test.php』をアップロードします。

　ブラウザを開いて、先ほどのファイルのアドレスを入力します。
　例えば『http://www.●●●.sakura.ne.jp/test.php』のようなアドレスです。黒丸には契約時に決めたIDが入ると思います。

---

DBデータメインテナンス

　データベースの構造は一度制作すれば終わりですが、中身のデータは更新していく必要があります。

　当方ではデータ管理をMicrosoft Accessで行っているため、このデータをMySQLに書き込むことになります。

　MySQLでインポートに対応しているファイルはCSVやSQLなど限られたファイル形式です。AccessのMDBファイルやExcelのXLSXファイルなどは対象外です。

　一番手軽なのがCSVファイルです。Excelなどでも標準的にエクスポートできます。

---

Access ⇒ CSVエクスポート

　Accessでは『外部データ』のタブ内に『エクスポート』という項目が用意されています。

　今回はCSVファイルなので『テキストファイル』を選びますが、『Excel』を出力してからCSVに変換する方法でも同じ結果は得られます。

　エクスポートのテキストファイルを選ぶと下図の『データのエクスポート先の選択』画面が現れます。

　ファイルの拡張子が『.txt』となっているところを、『.csv』に書き換えて『OK』を押します。

　ウィザードが現れて細かな決定ができますが、特に変更することなく次々と先へ進んでファイルを出力（エクスポート）します。

　私の場合はここでもうひと手間加えています。
　出力（エクスポート）したCSVファイルをExcelで開いて、中身は何も触らずに『名前を付けて保存』を選び、ファイル形式を『CSV UTF-8 (コンマ区切り)』に指定して保存し直しています。
　phpMyAdminのインポートでは『ファイルの文字セット』がデフォルトで『UTF-8』になっているようですので、そちらに合わせています。
　他の作業でもJISでは上手くいかずにUTF-8にすると上手くいくことが多いので、このひと手間を加えています。

　だいたいの場合、Excelから操作で問題なかったのですが、ときどき上手くいかない事がありますので、お勧めするのは『メモ帳』を使う方法です。

　データベースの主キーとなるID等をゼロ詰めのコード、例えば１番なら『0001』としている場合、Excelで操作すると数字の前のゼロを消してしまいます。

　消されるとコードが崩れてしまい、データベースとして使えない場合があるので、勝手に変換する機能を持たない『メモ帳』を使います。

　メモ帳で『名前を付けて保存』を選び、ダイアログボックスの下方にある『文字コード』を『UTF-8』にして保存します。

　ファイル形式はドロップダウンメニューから選べないので、手入力でファイル名の末尾を『.csv』にします。

　もし、CSVにせずTXTで保存してしまった場合には、エクスプローラーで編集します。
　普段は表示されていないかもしれませんが、エクスプローラーの『表示』タブを開くと『ファイル名の拡張子』というチェックボックスがあるので、そこにチェックを入れると、エクスプローラー上のファイル名に拡張子が表示されます。
　先ほどのファイルは『.txt』という拡張子で終わっていると思いますので、そこを『.csv』に変えれば完了です。

　まぁまぁ面倒な作業なので、メモ帳で完結しておいた方が良いと思います。

---

テーブルを空にする

　データのメンテナンスを進める前に、テーブルの掃除をします。

　phpMyAdminでメンテナンス対象のテーブルを開き、上の方のタブで『操作』を選びます。
　すると下図が現れます。

　画面左下に赤字で『テーブルを空にする (TRUNCATE)』という記述がありますので、そこをクリックします。
　ちなみに" TRUNCATE "とは切り捨てるという意味です。

　画面には確認のポップアップ表示が出ますので、そのまま『OK』をクリックします。

　データの量にもよりますが数秒で『返り値が空でした (行数 0)』という表示がでます。

　テーブルの中身を表示する『表示』タブを選んでも、項目名だけしか表示されません。

---

更新データのインポート

　データベースは空になったので、あとはデータを取り込むだけです。

　phpMyAdminでテーブルを選択し、上方の『インポート』タブを選びます。

　ファイル選択をクリックするとダイアログが開くので、先ほど用意したCSVファイルを選択します。

　自動的にフォーマットがCSVになりますが、念のため確認しておきます。

　内容に問題が無ければ『実行』をクリックします。

　今回は4403件のデータ、10秒程でインポートが完了しました。

　インポート後には『インポートは正常に終了しました。4403個のクエリを実行しました。』という表示が出ます。

　この『4403個』が元データと一致しているか確認します。
　今回はAccessのレコード数も4,403件でしたので、間違いありませんでした。

---

参考資料

【参考】Qiita：MYSQLとPHPをつかって表を出力してみる（2018年4月18日投稿）

【参考】思考の葉：MySQLにつないでデータを追加する[INSERT][mysqli]（2016年1月18日投稿）

【参考】思考の葉：MySQLにつないでテーブルデータを表示させる[SELECT][mysqli]（2016年1月19日投稿）

---

　今回、4千行以上あるエクセルファイルをデータベースにインポートして、それをウェブで公開することができました。

　MySQLとPHPの組合せで、意外と簡単にできました。

　あとはリレーショナルデータベースの本領を発揮できるようなSQLを考えるだけです。

　最後までお読みいただき、ありがとうございました。

　メーラーソフト『Thunderbird』（サンダーバード）が、メールを閲覧しているだけで特にアクションを起こさなくてもクラッシュするようになりました。

　メール送信などを押すと落ちるという現象は頻発なので、とりあえずウェブメールで送受信は対応しました。

　結論としては、ユーザー側のインストールの問題だったようです。32bit⇒64bitに書換えて経過観察中です。

　上図はクラッシュしたあとで出て来る画面です。

　この画面が出るということはすなわち、Thunderbird側でクラッシュが発生した事を認識できているという事になります。

　あまりに頻発するので、どのような行動をしたあとでクラッシュしたかを入力して『Thunderbirdを再起動』をクリックしています。

　クラッシュレポータについては下記に詳しく説明があります。

Mozilla Support：Mozilla クラッシュレポータ TB

---

クラッシュレポートの例

　レポートは詳細に確認することができます。

　下図の例ですとローカルのThunderbirdにはレポートID『bp-794b030b-dfe2-445a-8591-3460e0211106』と送信日時『2021/11/06 11:46』しか残っていませんが、ウェブで参照すると細かいデータが残されています。

　レポートには『Crash Reason』という項目がありますが、確認されたクラッシュ理由にはいくつかの種類がありました。

EXCEPTION_ACCESS_VIOLATION_READ
例外アクセス違反

STATUS_FATAL_MEMORY_EXHAUSTION
致命的なステータスメモリの喪失

EXCEPTION_BREAKPOINT
例外ブレークポイント

Signature	サイン
UUID	ユニーク識別子
Date Processed	処理日時（日本時間ではなくUTC）
Uptime	稼働時間（秒単位と何分何秒の表示）
Last Crash	最後のクラッシュ報告からの秒数
Install Age	インストール経過時間（秒数）
Install Time	インストール日時
Product	製品名（Thunderbird）
Release Channel	リリースチャネル
Version	バージョン（今回は91.3.0）
Build ID	ビルドID
OS	OS（今回はWindows 10）
OS Version	OSバージョン
Build Architecture	ビルドアーキテクチャ
CPU Info	CPU情報
CPU Count	CPU数
Adapter Vendor ID	アダプタベンダーID
Adapter Device ID	アダプタデバイスID
Startup Crash	スタートアップクラッシュ（False）
Process Type	プロセスタイプ
Crash Reason	クラッシュ理由
Crash Address	クラッシュアドレス
Total Virtual Memory	合計仮想メモリ
Available Virtual Memory	利用可能な仮想メモリ
Available Page File	利用可能なページファイル
Available Physical Memory	利用可能な物理メモリ
System Memory Use Percentage	システムメモリ使用率
EMCheckCompatibility	EMチェック互換性
App Notes	アプリノート
Processor Notes	プロセッサーに関する注意事項

---

Mozilla Support Site

　公式サポートサイトで検索してみましたが、明確な解決策は出てきませんでした。

　わかったことは、『「クラッシュ」とは、Thunderbird が予期せず閉じてしまうことです』ということです。

　解決策は『効果的な助けを得るもっともよい方法は、フォーラムやバグレポートに クラッシュレポート ID を投稿するか、スタックトレースを添付することです』という事で、誰かの助けを借りましょうというのが結論になってしまいそうです。

---

91.3.0

　現在のThunderbirdのバージョンは91.3.0です。

　このバージョン確認のために下図の画面を開こうとしただけでも途中でクラッシュしました。メール送受信に関係ないヘルプのタブでもクラッシュが起こります。

　バージョン情報の確認方法ですが、メニュータブから『ヘルプ(H)』を選び、『Thunderbirdについて(A)』を選ぶと表示されます。メニュータブが画面上方に無い場合は、キーボードの『Alt』（オルト）キーを押すと現れます。　

　今回のクラッシュ頻発は2021年11月5日～6日にかけて発生し始めて、その後はずっと頻発です。6日にメール送信しようとしてクラッシュした記憶があるので6日（土）の午前には始まっていたと思われます。

　トラブルの原因がアップデートにあるかもしれないと思ったので『ヘルプ』から『トラブルシューティング情報』を開いて確認しました。

　更新履歴を確認すると2021年11月5日の19:19:46にバージョン91.2.1が91.3.0に更新されたことがわかりました。

---

91.3.0の内容は修正のみ

　今回のアップデートでは『FIXES』にはたくさんリストがありましたが『NEW』は表示がないのでゼロでした。

　修正の中で気になったのは最初に出て来る"Default mail headers were set incorrectly when the value contained a colon (:)"という修繕です。

　私も少しプログラミングをかじっていますが、このコロンなどの記述はやっかいだなと実感することがあります。様々な記号はプログラミング言語としての意味を持ってしまっているので、それがプログラム上の言葉ではなく、ユーザーが任意で入力した文字であることを、プログラム内に論理的に記述しておかなければならないので、実際はバグを指摘されてから気づく事があります。人間の仕事なので、仕方ないとは思っていますが、プログラマーさんとしては回避したいと考えていると思います。

　91.3.0ではヘッダーの件は解消されたようですが、他にも同様の穴があるのであれば、今回のクラッシュの原因と関係しているかもしれないなと思いました。

Default mail headers were set incorrectly when the value contained a colon (:)	値にコロン（：）が含まれている場合、デフォルトのメールヘッダーが正しく設定されていませんでした
Thunderbird did not send the QUIT command when closing an SMTP connection	SMTP接続を閉じるときにThunderbirdがQUITコマンドを送信しなかった
Mail tabs could not be closed using the context menu	コンテキストメニューを使用してメールタブを閉じることができませんでした
"Print" context menu was still shown when no message pane was displayed"Print" context menu was still shown when no message pane was displayed	メッセージペインが表示されていない場合でも、「印刷」コンテキストメニューが表示されていました
Windows tray icon did not reappear after restarting Windows Explorer	Windowsエクスプローラを再起動した後、Windowsトレイアイコンが再表示されませんでした
Compose window attachment drag and drop fixes	ウィンドウ添付ファイルのドラッグアンドドロップの修正を作成する
Various macOS stability improvements	さまざまなmacOSの安定性の向上
Drag and Drop area for file attachments on Windows was incorrect	Windowsの添付ファイルのドラッグアンドドロップ領域が正しくありませんでした
CardDAV address books without a name did not work	名前のないCardDAV名簿は機能しませんでした
Thunderbird tried to refresh disabled and manual-only calendars when the network state changed from offline to online	Thunderbirdは、ネットワークの状態がオフラインからオンラインに変わったときに、無効な手動のみのカレンダーを更新しようとしました
Various Calendar event dialog fixes	さまざまなカレンダーイベントダイアログの修正
Various security fixes	さまざまなセキュリティ修正

---

今できるのはアップデート手動化

　いまはメーラーソフト（Thunderbird）側の問題自体を解決する策はなさそうなので、次に備えるくらいしか対処方が思いつきません。

　今回、自動アップデートしたことでクラッシュするバージョンに切り替わったとすれば、自動アップデートを阻止するしか方法がありません。

　方法は『ツール』から『設定』を選び、『一般』の中でスクロールして下の方に進むと『更新』という項が見つかります。

　更新の中にある『更新を確認するが、インストールするかどうかを選択する』のラジオボタンをオンにすると自動更新は止められます。

---

いつ更新すべきか

　これが問題です。

　よくWindows Updateでも取られる策ですが、他人が試用して問題ないと評価されたら使い始める、というのが無難なところだと思います。

　アップデート直後の不具合が問題になりそうですので、少なくとも１週間は間をあけてアップデートすると良いかなと思います。

　今回はクラッシュが始まったのが金曜の夜でしたので、仕事で使う人は月曜の朝にThunderbirdを起動してアップデートが始まり、その後にクラッシュして困るという流れだと思います。

　ウェブ上に『クラッシュした』という情報が飛び交うのが月曜午前だとすると、11月5日夜～11月8日午前の2日半は空白、8日午後から翌日にかけて投稿が増えて検索に引っ掛かる様になると11月10日頃が『不具合は出ていないかな？』とチェックする好機かなと思います。

　もし不具合報告が多いようでしたら、WindowsかMacかなどの確認ができるようになるまで更に時間が必要ですし、できれば確認せず修繕版が出るまでアップデートしないで静観するのが望ましいと思います。

　１つ前のアップデートは10月24日22時でした。そこから２週間、特に不具合の投稿などは無かったので、何もなければ世間もざわつかないことは確かなようです。

　今後、更新情報を得てから２週間は置くようにしたいと思いました。

---

使用環境の情報整理

　現在使用中のパソコンは2020年12月に調達したWindows10がインストールされていたパソコンです。Windows7などからのUpgradeではありません。

　Windows11ではありません。

　関係ないと思いますが、OfficeソフトはOffice365ではなく永久使用版のOffice2019です。

　ウイルス対策ソフトはMcAfeeです。

---

32bit用？

　今さらですが、Thunderbirdが32ビット用である事に気づきました。OSは64ビットのWindows10ですので、ここの不整合はユーザーの問題です。

　64bit用のThunderbirdを手に入れれば解決するかもしれません。

---

なぜ32ビット用がインストールされているのか？

　Thunderbirdをダウンロードするには公式サイト（https://www.thunderbird.net/ja/）にアクセスしますが、このサイトの一番目立つ位置に『無料ダウンロード』という緑色のボタンがあります。

　これをクリックすると32ビット版のThunderbirdがダウンロードされます。

　64ビット環境でも使えてしまうので、私は気づかずに使い続けていました。

---

64bit版は『システムと言語』から

　Thunderbirdの公式サイトの無料ダウンロードボタンの下に『システムと言語』という文字が小さめにあります。

　64bit版を手に入れるには、これをクリックする必要があります。

　次の画面では言語別のThunderbirdが一覧されるので『Ｊ』の項にある『Japanese』を探します。

　そこに『WINDOWS 64-BIT』というボタンがあるので、それをクリックすると64bit版のThunderbirdがダウンロードできます。

---

データをバックアップ

　Thunderbirdの書換の前に、データをバックアップしました。

　Thunderbirdでは、メールアカウントごとにフォルダが作られて送受信メールが保存されています。

　そのフォルダを丸ごとコピーしておくと、あとで送受信メールを復元できます。

　今回、圧縮ファイル（.zip）にして保存しましたが、合計で20GBのファイルになりました。空き容量には注意が必要です。

---

exe起動で上書きインストール

　ダウンロードしたファイル（Thunderbird Setup 91.3.0.exe）を起動するとインストールが始まります。

　特に目新しいことのないウィザードに従ってインストールを勧めます。

　ウィザードに従ってインストールすると、自動的に32bitは64bitに書き換えられます。

　Thunderbirdを起動しバージョン情報を確認すると64ビットに変わっている事が確認できます。

　この32bit⇒64bitの書換により、ユーザー側で特に変化を感じる部分はありません。

　アカウント情報はパスワード等も含めすべて残っていますし、送受信メールもすべて残っています。

　したがって、作業時間はわずか数分です。ダウンロードに1分程、exeを起動して最後まで行くのに1分程、Thunderbirdが起動して内容をチェックするのに1～2分程でした。

　バックアップを使わずに済みました。

---

無駄な産物の廃棄

　32bit版でクラッシュしているときから存在には気づいていましたが、操作するとクラッシュするので諦めて静観していたフォルダがあります。

　32bit版から64bit版への書き換えが終わり、クラッシュしなくなったので処理を進めたいと思います。

　フォルダ名『nstmp』はThunderbirdでメッセージフォルダを最適化する際に作られる一時フォルダです。

　今回、この一時フォルダが作られて最適化処理が進められている最中にクラッシュしたようで、この一時フォルダが残ってしまっていました。

　フォルダの中身は受信メールでした。2021年の1～2月頃のメールが数百通あったのですが、同じメールは受信フォルダにも残っていたので、特に削除の影響は無いと思って削除しました。

　たぶん２回、同じ状況があったようで『nstmp-1』という類似フォルダが作られていたので、そちらも削除しました。

【参考】mozilla Support：フォルダーの最適化

---

改善まではウェブメールで一時回避

　多くのメールボックスサービスに『ウェブメール』のサービスがあります。

　ブラウザでメールを確認できるという物なので、Thunderbirdが使えなくてもメール送受信はできます。

　ただし、送信メールをThunderbirdに反映させるには諸々の設定の関係もあるので、一概に大丈夫ともダメとも言えません。

---

送信メールをあとでThunderbirdで振分け

　私の場合、ウェブメールからの送信メールにはすべて『BCC』で、送信元となる自分のアドレスを付けて送信しています。

　こうすると、自身の受信ボックスに送信したメールが届きます。当然ながらメールサーバに保存されます。

　ウェブメールはブラウザを使うのでその場限りですが、メールサーバには記録が残っていますので、Thunderbirdを起動して正常に動けば、Thunderbirdにメールが取り込まれます。

　受信ボックスには、自らが送信したメールも入ってきます。

　この送信済のメールを受信ボックスから送信ボックスへとドラッグ＆ドロップで動かすと、あたかもThunderbirdから送信したメールかのように保存されます。

　この操作はアーカイブのために行っている操作なので、送信した記録を振り返ることが無ければ、特に要らない操作です。

　このとき、メール受信後にサーバから削除しない設定にしておかないと、あとでThunderbirdがメールサーバにアクセスしても受信するメールが存在しません。

---

ウェブメールの使用方法

　各社それぞれの方法があるので、それぞれの方法をお試しください。

さくらインターネット：ウェブメールの利用方法

BIGLOBE：Webメール（利用方法）

So-net：So-net Webメールの利用方法を知りたい

OCN(NTT)：OCNメール（Webメール）の使い方がわからない

J:COM：WebMailの利用方法

Baycom ZAQ：WebmMail

hi-ho：Q&A メールサービス

BB.excite：BB.exciteメールの利用方法（WEBメール）

TOKAIネットワーククラブ：Webmail

plala：Webメール マニュアル

AsahiNet：WEBメールの利用方法

コミュファ光：Webメールの利用方法

とくとくBB by GMO：GMOとくとくBBのWEBメールについて教えてください

Xserver：WEBメール

UCOM光：Webメール利用方法・動作環境

ConoHa WING：ご利用ガイドWebメールでメールの送受信をする

ウイルネット：WEBメールの利用方法について

インターリンク：FAQ Webメールの利用方法

SaiNet：パソコンでのWebメールの使い方

YAHOO!JAPAN：はじめてYahoo!メールを利用される方へ

au：ご利用方法, Webメール

dアカウント：ケータイメールとウェブメールとは？

avis：Webメールサービス利用方法

トコちゃんねる静岡：Webmail

古河ケーブルテレビ：KGC WEBメールのご利用方法

グリーンシティケーブルテレビ：Webメールの使い方

ii-okinawa：Webメール

カゴヤのサーバー研究室：Webメールとは？

---

　今回はメーラーソフト『Thunderbird 91.3.0』の不具合かもしれない原因不明の状況下、メール閲覧中でも何でも突然クラッシュして画面から消えてしまう現象に遭遇しました。

　その解決策は、まだ見つかっていません。

　週末に発見したので世の中のお仕事現場への影響はまだわかりませんが、少なからず影響があるのではと懸念しています。

　まだクラッシュに遭遇していない人は、取り急ぎThunderbirdのアップデートを手動化して、今回の91.3.0のインストールを見送るというのも手段の１つだと思います。

　インストール済の私のような人は、32bitと64bitの相違などを確認し、対策できるようでしたら実施しましょう。

　あとは、91.3.0より上のバージョンが出たら速やかにインストールする事だと思います。

　最後までお読みいただき、ありがとうございました。

2021年11月6日

---

　2021年11月13日現在、何ら問題なく動いています。

　この１週間で1,000通以上のメール受信、数十時間のThnderbird稼働がありましたが、一度もクラッシュしていません。

　おそらく、私のパソコンに関しては32ビット版であった事が原因、32bit⇒64bitが解決策であったようです。

2021年11月13日

---

　2021年11月15日、91.3.1がリリースされました。

　今回の問題の解決策かわかりませんが、新しいバージョンが出ていますので、いまだお困りの方はアップデートもご検討頂ければと思います。

Thunderbird Release Notes: Version 91.3.1, first offered to channel users on November 15, 2021

2021年11月15日

---

　2021年11月19日に91.3.2がリリースになっています。

Thunderbird Release Notes: Version 91.3.2, first offered to channel users on November 19, 2021

2021年11月19日

---

　2021年12月7日に91.4.0がリリースになっています。

Thunderbird Release Notes: Version 91.4.0, first offered to channel users on December 7, 2021

2021年12月7日

---

関連記事