パソコンサポートの00H ～社長BLOG～

Microsoft が無償で提供している Visual Studio Code 。
正直インストールしていることすらすっかり忘れていましたが、
ちょっとホームページ制作で使ってみました。

最初は『だって Microsoft のでしょ～』と
疑心暗鬼になりながら触っていたのですが、
案外いけるかもしれませんね…。

使うきっかけになったのはホームページで使う
CSS を拡張した SCSS を使いたいということから。
たしかに使えたら楽やろなぁ…
ただ学習コストと見合うのかなぁ…
とか思ってたのですが、結構いけそう…。

他の開発ツールでもあるんでしょうけど
意外に CSS やタグの補完が便利かもしれません。
Emmet は秀丸でも使ってたんですが、
ファンクションキー割り当てで、
HKKB だと Fn + 1 or 2 でやや使いにくい…。
VS Code だと Tab キーでの補完なので
ホームポジションからの移動も少なく、
使いやすいかも？と思ってしまいました。

実はなにがすごいって Mac 版も Linux 版もあるので、
ちゃんと環境を整えたらインタフェースも共通で
使いやすそうです。

問題は Microsoft だから
なんか後でしっぺ返しきそうなんだよなぁ…
ということぐらいでしょうか？
ここは期待を裏切ってもええんやで（笑）

今日は夕方から予定が目白押し…のはずでしたが
一気になくなってしまいました。

で、昼間は何をしていたかというと、
PHP のプログラムから送った
メールの件名が文字化けする
というトラブルの対応です。

ただ手元のどの環境でやってもならない…。
ぬ～～～ん (´・ω・`)
ということで、担当の方の
ご協力を仰ぎながらつぶしていきます。

なにが怖いってせっかく動いてたものが、
下手にいじってよりおかしくなること…
実際タイトルだけでなく全部文字化けし、
思わず『コントか！』と突っ込んでしまいました。

で、今回の問題では以下の二点で解決

• エンコード方式を ISO-2022-JP から UTF-8 に変更
  （昔は ISO-2022-JP でやるのが定番だったのですが…）
• mb_encode_mimeheader は指定するとかえって化ける
  犯人はお前か～～～っ !!

PHP: mb_encode_mimeheader – Manual
https://www.php.net/manual/ja/function.mb-encode-mimeheader.php

PHP のマニュアルのコメント欄でも
散々バグあるで～と警告されてますね…。


mb_language( "uni" );
mb_internal_encoding( "utf-8" );
$subject = mb_convert_encoding( $subject, "utf-8", mb_detect_encoding( $subject ) );


というわけで今回はこれで解決させました。

先日から続いているシンクロにティ。
今回はちょっと違うのですが。

探しているとお勧めのパソコンというのは
だいたいおのずと決まってくるのですが、
新規パソコン購入及び設置のご依頼が
まったく別の方からここ数日の間にあり、
同一パソコン三台の注文です。
しかもバラバラに注文が来たので
飛び飛びでこちらも注文したので、
先方も誤発注を疑うレベルですね（笑）。

ただ逆に言えば新規パソコンの設定・納品が
まったく別方面で三件あるということなので、
それだけバタバタする…ということですね。

実はこの間、ホームページ案件もシンクロニティしています。
ここ数日は昼間はサポート、夜はホームページといった具合で、
バタバタしていたのですが、まだまだ続きそうです。

先日来のパソコンのトラブル＆移行作業等で
三日ほど棒に振ったこともあり、
昨夜は久々に徹夜作業で開発をしておりました。
久しぶりにゴリゴリフルスクラッチで作業したので、
色々と発見や学びがありました。
やっぱりプログラミングって楽しいわ。

さて今日は昼から新規パソコンの設定の予定があり、
少し午前中ゆっくりするかな？と思っていたのですが、
兵庫県伊丹市の方から、事務所のネットワークを再構築したら
一部のパソコンから複合機がつながらなくなった…
というお問い合わせがあり、先にお伺いしてきました。

しかし…お伺いしてみるとかなり様子が違います。
全く違う部署から複合機が回ってきたので
ネットワーク体系が全く違う状態。
たしかにそうなるとかなり大変です。
そしてそれが 2 フロア…パソコンは 10 台以上…。
もっと単純なトラブルかと思っていたので
予定の時間を大幅にオーバーしました。

大急ぎで大阪に戻って新規パソコンの設定をしていきます。
今回はお客様のところで初期設定をしていきます。
なかなか高速なパソコンだったのと、
クラウドをよく理解されていて主なファイルは
OneDrive を使ってバックアップ済み。
プロファイル周りのデータの移行とプリンタ設定と
セキュリティソフトの設定をして作業を完了しました。

あまり宣伝していないのですが 1 、4 、7 、10 月は
個人の方で新規のパソコンの設定については
11,000 円でさせていただいている
ブログでしか告知していないという
やる気があるのかないのかわからない
キャンペーンをしております。

ぜひご活用くださいませ。

代替めどが立ってきたところで
追加仕様がいくつか出てきたので
整合性をとるために四苦八苦しております（笑）。

結構完成直前に仕様変更があると
凹みますよね。
カレーを作ろうと思ってたら
クリームシチューを要望された…
サバの味噌煮を作ろうと思ってたら
サバの生姜煮を要望された…
なら変更も効くので問題ないのですが、
カレーを作ろうと思っていたらサバの生姜煮…
では収拾がつかなくなりますから…。

実はちょっと前にそういう変更要望があったので
内容を反映していたら実はもっと対応するところがあった…。
仕方がないので反映していたら、あ、こんな対応方法がある！
と発見して一人ほくそえんでいたりします。

ホームページ系は集中長距離型の仕事で
体力はともかく結構精神的にきついなぁ
と思ったりもします。
そんなに集中力って続かないですからね。

そんなわけで合間合間に面白そうな落語を見つけては
自分でやるとしたらどんな風にできるかな？
と息抜きをしたりしております（笑）。

指定することは
できない…

以上 !!

そういやそんなことできたっけ？
と思ってたらやっぱりできないようです。

というわけでふて寝します…
人間だもの…

ここのところサポートと並行して
ホームページを作成しております。
実は今やりたいホームページもあり、
また依頼されかけているホームページもいくつかあり、
晴耕雨読ならぬ晴サポート雨ホームページてな状態です。

実はプログラムも結構好きなので
WordPress を使ってホームページを作る…
PHP / JavaScript / HTML /CSS の組み合わせは
自分に合ってるなぁと思ったりします。

なかなか一筋縄でいかない部分もあり、
結構大変なのですが、これがまた楽しかったりします。
この部分は進化や変化・変更もかなり速く
ちょっと離れるとあっという間に一変します。

最近 InternetExplorer がほぼ眼中になくなり、
開発もだいぶ楽になりました。
それまではこの無法者をどう手なずけるか？
が腕の見せ所だったりしましたが、
最近は逆にブラウザが新しい機能を
どんどん追加する…という方向に行っているため
それを追いかける方が大変かもしれません。

また集中力が必要なので体力を消耗するのも事実。
無茶じゃない程度に無理して頑張ります（笑）。

今日は Web リニューアルの打合せだったのですが、
ちょっと微熱が続いているので、
念のためオンラインでさせていただくことにしました。

正直 Zoom という手もあったのですが、
電話の音声だけで…とさせていただきました。
部屋が散らかってるので（というか物が多いねん…）
Web カメラでお見せできる状況ではない…と…。
じゃあなんで Web カメラを買ったのか…
っていうと…若気の至りですかねぇ…。
とりあえず屏風でも買いますかね… (´・ω・`)

ただやり方としてはリモートサポートで使っている
TeamViewer を使って遠隔操作をしながら、
ホームページの状況を見ていただく…というものなので、
これでも問題ないように思うんですが…。
そこまでして顔を合わせて話をしたいのか？みんな！
と思ったりもせんでもないのですが…。

最近は涼しくなったり暑くなったり、
体調を崩しやすくなりがちですので、
皆様もご自愛くださいませ。

GitHub – posabsolute/jQuery-Validation-Engine: jQuery form validation plugin

昔から何度も使っていたのですが、
久々に触るとだいぶ変わっているようです。

jQuery.validationEngine は
ホームページのフォームの
記入漏れをチェックするための
jQuery ライブラリです。

さて有名であるにもかかわらず、
古い情報しか見受けられなくて
『？？？』なトラブルだったので
どなたかのお役に立てれば…
（ここまで職人が丹精込めてコピペしました）

さて、ひょっとすると前からだったかもしれませんが、
実は jQuery.validationEngine には困った仕様があります。

form 要素の中にはそこにこんな値を入れて下さいね…
という placeholder という属性があります。
例えば以下のような感じ。

で、実は jQuery.validationEngine では
この placeholder と同じ値をフォームに入力すると
『入力してないよね？』とエラーが出ます。

これに『大阪府』と入力すると入力してください
と警告が出てしまいます。
で、なんかやらかしたっけ？
と悩んで一日つぶれたりします。

jQuery.validationEngine.js で
placeholder で検索をかけると
以下のようなところがあります。

default:
	var field_val      = $.trim( field.val()                               );
	var dv_placeholder = $.trim( field.attr("data-validation-placeholder") );
	var placeholder    = $.trim( field.attr("placeholder")                 );
	if (
		   ( !field_val                                    )
		|| ( dv_placeholder && field_val == dv_placeholder )
		|| ( placeholder    && field_val == placeholder    )
	) {
		return options.allrules[rules[i]].alertText;
	}
	break;

placeholder でこのような症状でお困りの場合は、
この赤の部分は不要ですので
削除またはコメントアウトしてかまいません。

昨日の jQueryValidationEngine の table タグの問題。
position: relative; で回避できました。

た・だ・し！

Firefox では position: relative; と border と
background-color が共存できずに
線が消える仕様というバグがあるので注意してください。
おすすめはレイアウトに table タグを使わない…
ということで dl / dt / dd を使うのがいいかと？
もともとレイアウト目的で table を使うのはどうか？
と思うので jQueryValidationEngine.js を使うなら
違う方法がいいかもしれません。

さて前向きな対応方法としては
after 疑似要素を使うという方法があります。

th::after,
td::after {
	position: absolute;
	z-index: 2;
	top: -1px;
	left: -1px;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid #cccccc;
}

th や td に position: relative; を指定している場合、
この方法が利用できます。
top 、left で動かしてるのは th や td に
border を 1px 指定している場合、
上の例のように 1px 戻してください。