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

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

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

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

さて有名であるにもかかわらず、
古い情報しか見受けられなくて
『？？？』なトラブルだったので
どなたかのお役に立てれば…

まず設置のための書き方ですが、

<script type="text/javascript" src="./js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="./js/jquery.validationEngine-ja.js"></script>
<script type="text/javascript" src="./js/jquery.validationEngine.js"></script>
<link rel="stylesheet" href="./css/validationEngine.jquery.css">

こんな感じで書くのですが、大事なのは

jquery.validationEngine-ja.js
jquery.validationEngine.js

の順番。
以前は逆だったと思うのですが、
今はこの順番でないと動きません。

もちろん

$(function(){
    $( "フォームの ID 等" ).validationEngine();
});

も忘れないように。

また jQuery のバージョンが 3 以降では動かない
という情報もありましたが、現在は対応しています。

あとマイナーかもしれませんが、
恐らくバグだと思うのですが、
フォームのレイアウトを table タグでしている場合は
チェック後のエラーメッセージが変なところに出ます。

スタイルシートの設定で

#フォームの ID td {
    position: relative;
}

のようにしておく必要があります。

さて令和になってもうすぐ 3 年…。
昭和がすでに歴史の一部になっている今日この頃…
皆様いかがお過ごしでしょうか？

さて、自社のホームページの例の総額表示対応…。

いやぁ…諦めました…（ぉぃっ !! ）

ってかよく考えたら当時の 00H の
ホームページ制作のスペシャリスト R.O.(38) が作ったものを
結構お気に入りだったのでずっと延命してきましたが、
やっぱり寄る年波には勝てず…（？）
ってか

モバイル対応もしないのに
総額表示ってどうなん？

ってか

令和になった今でも
リモートサポートの申し込みが
FAX ってどうなん？

いやまぁ一応オンライン決済も用意しているのですが、
リモートサポートのページにリンクさえしていないという為体（ていたらく）

なんかこう、会社の机の上はめっちゃ片付いてるけど、
自分の部屋はごみ屋敷…みたいなのあるじゃないですか？
そうそうそんな感じ… (´・ω・`)
というわけでまずはお客様のホームページからやっていきます。

と勘違いするくらい来てたホームページ案件ですが、
とりあえず一個だけ大波を超えました。
やはり飲食業界のホームページは大変ですね。

消費税の総額表示と軽減税率のせいで、
それでなくてもコロナで大変な飲食業界に
とんでもない手間を負わせてる気がします。

店内飲食がメインで持ち帰りもできる場合、
さてどちらで表示すべきでしょう？
実はどっちで表示しても正解だそうで
どっちみちすぐに税率変えてくるでしょうし、
もういっそ JavaScript で処理した方がいいのかも？
ということで今回は JavaScript で対応しました。

実はリニューアルしたかったんですが、
費用もかかるし時間もかかる…
もうちょっと落ち着いたら提案してみます。

ただまだまだ大波がいくつかあります。
一所懸命波にのまれないように
頑張りたいと思います。

あ…自社の総額表示… (´・ω・`)

最近はめっきり Web 関連の仕事ですが、
やたらめったら Photoshop と Illustrator の
お世話になります。
その分、そのスキルはそれなりに上がってくるのですが、
正直かなり地味な仕事が多いです。

デザインの現場というと華やかなイメージがありますが、
こういう結構煩わしい作業の積み重ねが
結果につながってくる仕事です。
特に Web となるとこれらのデザインワーク以外にも
HTML 、CSS 、JavaScript 、
さらにそれらをまとめるフレームワーク、
場合によっては PHP や SQL 系の知識、
他にも SEO やマーケティングの知識も要求されます。

実は知っておく知識がかなり広いんですよね。
しかもこれら全部が結構頻繁にアップデートされてたり、
さらにはブラウザの対応状況や、
アップデートやバグなんかの知識もいったり、
ぶっちゃけ手間は多いわりに競合が多い…
というどちらかというとレッドオーシャン的な
仕事だったりします。

ここしばらくは本当に Illustrator 三昧で
もう目がショボショボ…いや細いのは元からですけど (´・ω・`)

ホームページ案件がやたらめったら続いております。
そのため一旦受注を停止しております。
ご迷惑をおかけいたしますが
よろしくお願いいたします。

今は他の業者さんがかなり前に作った
ホームページの修正中です。
正直言うとかなり辛いです…。
古いものなので…なのか、
あまりご存じなかったのか、
CSS がかなり無茶苦茶です…。

そこにつじつまを合わせながら修正を…
とするとなかなか大変です。
わかる人にしかわからないとは思いますが、

* {
margin-bottom: 10px;
}

とか入ってたりするので『あぁぁぁぁ……』
となってしまいます。

どうしても CSS や HTML は進化しているので
それを常に追いかけるのはなかなかに難しいですが、
それを追いかけるのがホームページ制作です。
あまり簡単なものじゃないでしょ？

結構前から言われていることですが、
ホームページのいわゆるモバイル対応。
弊社でも制作分のモバイル対応は
どんどん進めているのですが、
実は自社のホームページが対応していません。

『ま、いっか～』とほったらかしにしていたのですが、
実はうちの親が 00H のホームページをスマホで見た時に、
『字が小さくて何が書いてあるか読めない』とクレーム。

…ま、そりゃそうか… (´・ω・`)

ですよねぇ～対応しないといけないんですけどね～
しかもパソコンが壊れてスマホで助けを求めている時に、
こんなでは見づらくてしかたないですもんね。
いやぁ～わかってるんですけどね～

いつもいつもお客様最優先で、
自分のことを後回しにしていると
こういう事態になります。

お客様の年賀状はどんどんできていくのに、
自分のとこは全く手つかずだったり…
どうすんだよ～ (´・ω・`)

今日はリコールやら定期メンテナンスやらで
車のメンテナンスがあり、昼から一日車屋さんで
パソコンを開いて仕事をしておりました。

パソコン一台で仕事ができるとはいえ、
ずっと座ってカタカタしてるのって
なかなか苦痛です（笑）。

ただ今回は三時間くらいかかるといわれていたので
覚悟を決めてパソコンとモバイルルータを持って
徹底的に仕事するモードでお伺いしていました。

やっていたのは例の迷惑電話対策で
突発で立ち上げた thebase.in のサイトの
モバイル対応用のカスタマイズです。
テーマの作成がオンラインでしかできないので
めんどくさいのは仕方ないのですが、
やり始めると凝ってしまうのは仕方ないですね。

実際にはテストサイトを立ち上げて、
そちらをいじっているのですが、
パラメータの見極めをしながらなので、
なかなかはかどりません。
やっぱり画面は二画面欲しいですね。

でも昔々は B5 ノート 10.4″ 液晶で
1,024 × 768 とかで作業していたんですから、
12″ 液晶 1,920 x 1,080 なら快適？とも思うのですが、
しまった… 14″ にしておけばよかった…
と今さらながらに思います（笑）。

ちなみにこのサイトをいじってる真っ最中に、
電気料金が安くなるんですが～と
携帯にかかってくる始末…。
お前のせいで仕事一つ増えとるんじゃぁ～～～っ !!
まぁその分スキルも上がってますけどね（笑）。

以前から話題になっているネットショップを
無料で開設できるサービス BASE 。

以前なら EC-CUBE 等でカスタマイズしまくってたのですが、
正直こういうサービスがあるなら、
時間かけてお金かけて手間かけて作るよりは、
その分のコストを商品そのものや
マーケティング・広告に費やした方が
いいように思います。

正直デザインの自由度は
あまり高くないように思います。
実際触ってみたのですが、結構面倒くさい…。
HTML や CSS をいじるのには
結構コツがいりそうです。

なので HTML や CSS に不慣れな人だと
凝ったデザインや仕掛けは
あまりできないかもしれませんが、
そういう上辺に頼らない中身のある
ショップづくりを目指すべきなんでしょうね。

苦手な方は無料サービスにありがちな
有料テンプレート等もありますので、
こういうのもありでしょう。

00H でもカスタマイズは承りますが、
ガッツンガッツンカスタマイズするなら
お金や時間等のコストはかかりますが、
やはり EC-CUBE 等の方がいいかもしれません。

以前作った Web プログラムが動かない…
ということでかなり焦って
ここ一週間奮闘していました。
ちなみにこれは 10 年ぐらい前に作った
Smarty ベースのテンプレートエンジンです。

現在の私の開発環境は

• Windows10
• Apache2.4
• PHP7
• MySQL5.7

です。

WordPress を動かすことを前提に作っているので、
結構一般的な仕様だと思うのですが、
たまたま今回のサーバが PHP4.3.8 で
その環境で修正をすることになりました。
PHP はバージョンによって結構方言が多く、
なにが原因なのか調べるのに苦労しました。

このテンプレートエンジンも後々更新をしていて、
PHP5.6 辺りからで動くように調整していたのですが
それが原因かと思います。

結局直したのはわずかに一行だけ…
でも一行違うだけで画面も頭も真っ白になるんですね。
まさかこんなに苦労するとは… (´・ω・`)

なかなか最近ダブルヘッダーや
トリプルヘッダーが続いていたので
拍子抜けしそうな感じですが、
今日も 14:00 前に終了することができ、
早々に帰宅することができました。

ただ早く帰ったからといって
のんびりできたわけでもなく、
この間いただいたホームページの
仕事をやっておりました。

ホームページの方はちょっと重めの作業なので、
一日二日でできるものではないですが、
ちょっとずつ片づけていこうかと思います。
とりあえず今日は 1/3 ぐらいまで終わらせました。
明日も早く帰って仕事しなければ…（笑）。