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

00H 法人化前からのお付き合いのあるお客様から
ホームページリニューアルをしたのはいいけど
ドメインやサーバの移行は自分でしろと言われた
ということでご相談をいただきました。

たぶんホームページを制作したことがあって、
サーバの移行をしたことがある方なら、
これが一般の人にできるかどうかは
わかろうというものですが…
まぁそういう業者さんもあるということですね。

手順さえ踏めばできるのですが、
レンタルサーバの会社ごとにやり方が違ったりするので、
これがなかなかめんどくさいんです。

また単純にサーバさえ移行できたらいい…
というものでもなく、
メールの設定が変わるので、
各パソコンにもしないとダメなので、
正直サーバの移行は正直やりたくないレベルの作業です。

実は 00H も二度変わっているので、
その苦労は重々承知しております。
特に人数が多くなると本当に大変でした。

今回のお客様は解約用の URL が
ホームページに掲載されていないレンタルサーバ。
どないしてたどり着けっちゅうねんと思うのですが、
素直に電話してメールを送ってくれだったようです。

以前、弊社の方で作ったホームページに
バナーを付けてほしい…とのことでしたが、
数年間ほったらかしにしておられたので、
PHP のバージョンは 5.4 …
WordPress のバージョンはいつの？
でセキュリティ大丈夫？という状態でした。

お客様と話をしてサーバの PHP のバージョンを
8.1 に上げるとサーバでエラーが出まくり…
7.4 だとギリギリ動きますので、
その時点で WordPress を上げて…
なんか色々とエラー出てますね…
という状態で大急ぎで修正をしていきます。

正直、かなり焦りましたが、
エラーをたどっていって…
7.4 から 8.1 だと結構変わってるみたいですね。
php.ini の設定でも以前は当たり前にやっていた設定が
非推奨になっていたりします。

GMail 対策なんかもあったりで、
『わからんけど動いてる（ように見える）からいいか』
では済まない問題もあったりするので、
結構色々やらせていただきました。

正直今更…という気もしないでもないですが…
最近ちょっと訳あって触っているのですが
いやぁ使い勝手いいですね。

ホームページ制作の歴史からいうと
初期実装時の CSS や JavaScript がタコで…
（というか InternetExplorer が大暴れしていて）
table タグでレイアウトを組んだり（ダメ絶対！）
position: absolute; 至上主義になったり、
float タグに泣かされたり、
flex-box に驚いたりしていましたが、
セマンティック Web を考えて作ろうとすると
かなり面倒な作り方をしないといけない時期がありました。

HTML5 や CSS3 の時代を経てブラウザごとの互換性も
だいぶ落ち着いてきた感じがするのですが…
というか腐った牛乳こと InternetExplorer が終了して
ようやくまともな Web が作れるようになったと思います。

で、件の Grid レイアウトですよ。
正直レイアウトの点だけでなく、
セマンティック Web という点でも一番まともかもしれません。
主要なブラウザもサポートが完了しているので
よほどの独自実装やマイナーなブラウザでなければ
トラブルが出ることもないのではないかと思います。

ただ作っている時は Excel 方眼紙みたいに、
結構ガチガチにレイアウトが組めるので
凝り始めるとキリがないですね（笑）。

あ、銀色の巨人に黒焦げにされた我らがインボイスの君。
フラフラになりながら近くの泉に逃げてきました。
すると泉の表面が沸き立つと女型の巨人が現れたではありませんかっ !!
それではまた次回の講釈で

TailwindCSS ってご存知ですか？

Tailwind CSS – Rapidly build modern websites without ever leaving your HTML.

今私が触っている Laravel でも利用されている
CSS のためのフレームワークなんですが、
やっぱり好みが出るようですね。

class に m-4 とか p-8 とかで指定していって
Web のデザインをするのですが、
これって VS Code とかを使う前提じゃないと
とにかくメチャクチャ大変…。
ちなみに先程の m-4 は margin:1rem; 、
p-8 は padding:2rem; を指定したのと同義、
他にも pt-4 とか ml-8 とか border とか absolute とか
flex とか font-bold とか色々あるのですが、
要は必要な CSS の要素を個別にすべてのタグに記入していくという方法。

たしかにクラス名を考えずにすむとかメリットはありそうですが、
とにかくコードが長くなって見づらさが半端ない…
かなり好みが分かれそうです。
コードなんか見ねぇよ…という方には
あまり関係がないかもしれませんが…

ちなみにやはりある程度は覚える必要があるのですが、
めんどくさい方はいかにチートシート（早見表）がありますので
参考にしてみてください。

Tailwind CSS Cheat Sheet

あ、昨日の続き…
さっそうと一人と二妖怪の前に現れたのは
スキンヘッドにグラサンをかけたヤバそうな御仁…
『おめぇら、なにやってんだ！』『あ！これは三蔵の親分！』
衝撃の展開にインボイスを考えた連中が腰を抜かす !!
そして譫言（うわごと）のようにつぶやく…
『カバディ、カバディ、カバディ、カバディ……』効果がないっ !! …六マス戻る
それではまた次回の講釈で

結構 HTML 黎明期の頃から Web 制作をしてきましたが、
最近、Laravel を触っている上で歴史を感じています。

一時期は WordPress や EC-Cube 等の PHP + MySQL
といった Web アプリケーションが多かったと思うのですが
（別にこれが時代遅れになったとは思いませんが）、
その後も色々なフレームワークが登場し、
JavaScript を用いた SPA ( SinglePageApplication )
というシステムが広く普及しているようです。

どちらが正義とかはないのかもしれませんし、
制作する規模にもよると思うのですが、
一気に範囲が広がって大変です。
Laravel だけでも TailwindCSS や Vue なんかがあり、
その前の nodejs だったり npm だったり、
もちろんその大前提の HTML や CSS の知識だったり
PHP や JavaScript の理解だったりがいるので
今までの知識が無駄になったということではないのですが、
これが後々また流れが変わってきたりするんでしょうね。
今から始める人は大変だなぁと思ったりします（笑）。

でも開発環境は格段に楽になっていますね。
以前は自前でサーバ立てたり XAMPP 等を使って
開発環境を整えたりしていましたが、
そういうのも簡単になっています。

この業界はずっと進化していかないといけませんね。

あ、インボイス考えた連中が、途方に暮れながらも
長安からインドを目指そうと一歩踏み出したとたんに
犬のウ○チを踏んずけますように…。
それではまた次回の講釈で

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 円でさせていただいている
ブログでしか告知していないという
やる気があるのかないのかわからない
キャンペーンをしております。

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

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

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

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

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

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