5丁目通信(仮称)

とある5丁目で活動する還暦を過ぎたWebプログラマーの覚え書きです。それとかかってくる迷惑電話や、家業のアパート経営について。

タグ: メンテナンス

  • あなたのサイトは、本当にWordPressで作る必要がありますか? という話し

    WordPressでの仕事が増えてきました。最近ですとWordpressをサイト構築のプラットフォームで利用するという考えが一般的になりましたが、現状はこんな感じです。

    1. ユーザーがサイトの更新をしたくない。
    2. 固定ページが中心でブログページがない。
    3. コンテンツの作成にグーテンベルクのブロックエディタではなくクラッシックエディタを使いたがる。
    4. 記事本文にHTMLタグをそのまま書いている。

    1.は、せっかくWordressで簡単にページの更新ができるのに、結局は制作した会社におまかせするなんてもったいない。だけど、更新を制作会社に破格な安さで丸投げするなん勘弁してください。

    2.は目的のサイトがブログサイトではなかったら仕方ないかもしれません。でも、日頃コンテンツを追加していった方がいろいろと幸せになるかもしれません。

    3.は、最新のブロックエディタは嫌われているようですが、グーテンベルクは使ってみると便利なものです。ブロックエディタがお望みのレイアウトにハマれば、サイトの更新が楽ちんになるはずです。

    4.は致命的です。もっとレイアウトとかデザインを凝りたいとユーザーに言われて、divタグなどでレイアウトの設定をしてしまって、コンテンツの中身がどんどん複雑になってしまいます。そうすると1.のユーザーが更新できなくなるという負のスパイラルに嵌まっていきます。固定ページの中身を見てみたら、divタグがとんでもなくネストしていたら私だったら怒りを覚えます。

    WordPressを使う理由としては、出来合いのテーマを使って簡単に最初から綺麗なサイトを作れるとか、希望の機能があるブラグインが使えるとか、ページの有効無効などの管理が楽であることでしょうか。そんな凝ったサイトではないとか、どうせユーザーが更新やメンテナンスをしないのであれば、素のHTMLで書いた方が幸せになるかと思ったりします。Wordpressやプラグインをアタックされて大変な目に遭うなんてなくなります。

    そろそろ本当にWordpressで作る必要があるのか、考えたほうがいいかもしれません。

    著:久保田涼子, 著:西原礼奈, 著:阿諏訪聡美
    ¥2,399 (2025/03/28 17:08時点 | Amazon調べ)

    なんやかんやでWordPressのサイト構築で躓くのは、PHPのプログラミングなのでした。

  • Evernoteのノートブックを整理した話し

    編集で入力が遅いとか、インラインでの漢字変換ができなくなるとか、検索が遅いとか、いろいろとモヤモヤしながらもEvernoteをPERSONALプランで使っています。ノートをたくさん溜め込んでいますし、OneNoteとかNotionとか新しいサービスには馴染めませんから、半分仕方なくEvernoteを使い続けています。

    EvernoteのFREEプランでの機能制限で文句を言うのであればお金を払いましょう。それか、別のサービスに引越をしましょう。お金を払っても機能の制限が解除されるだけで快適にはなりませんど、Evernoteを使っていくには大きな心と忍耐が必要なのです。

    さて、ここからが本題です。

    ノートが15,000位貯まってしまったので整理をします。ノートの半分はIFTTTからのデータのインポートです。IFTTTはサービスが有料になってしまいました。私の場合、IFTTTの有料には文句は言いません。ただ、IFTTTは絶対に必要なサービスでもないので、無料枠で放っています。Evernoteへの連携もずいぶん前から止まっています。結局はIFTTTからインポートされたノートを振り返ることもないのですべて削除してしまいます。

    Evernoteのノートブックの削除には時間がかかります。苛ついて再度削除ボタンと押すと、削除された後に怒られますのでご注意を。ノートが一個のノートブックでも時間がかかります。まるで同期を取っているか、インデックスを作成しながら削除しているようですけど、そんなバカなことはしていないかと思いますので、ただEvernoteが遅いだけかもしれません。

    おおらかな気持ちでノートブックの削除をしたら、半分位の8,000個のノートになりました。これで少しはEvernoteが軽くなってくれるとありがたいです。まあ、それはEvernoteのことですのでないでしょう。Evernoteは鞄を売らなくなって(実はEvernoteバッグを持っています)、本業のサービスの改良に専念しているようですので、これから期待しておきましょう。

    著:田口 和裕, 著:古市 威志
    ¥1,518 (2025/03/30 15:52時点 | Amazon調べ)
    著:コグレマサト, 著:いしたにまさき, 著:堀 正岳, 著:できるシリーズ編集部
    ¥891 (2024/01/05 15:27時点 | Amazon調べ)

    続きはこちらから

  • TOSOブラインドの昇降コードを交換した話し

    事務所のブラインドのコードが切れそうになって、ブラインドの開閉ができなくなってしまいました。このまま放っておけないので修理をします。修理を業者にお願いすると高そうなので、自分で修理をしてしまいます。後でコードを外してみたら、こんな感じで外皮と芯が別れていました。

    ブラインドのメーカーはTOSOです。修理の方法は、ありがたいことにTOSOのサイトに載っています。

    まずは、昇降コードを手に入れなければいけません。近所のホームセンターを3軒回りましたが、どこにも置いていません。中には「そんなもんはねえよ。」とか、「取り扱っているわけもない。」とかつれない返事のホームセンターが2軒ありました。午前中の忙しい品出しの時間でしたので、たまたま機嫌が悪かったのでしょう。仕方ないので、いつものごとくアマゾンで注文します。注文したのは、安心のTOSO純正の昇降コードです。アマゾンの商品画像をリンクできないので、代わりの商品を表示しておきます。コードの太さに注意をして購入してください。

    カインズ
    ¥398 (2024/01/06 13:50時点 | Amazon調べ)

    送料無料ですが、本当は送料込みの値段です。手に入るだけ良しとしましょう。しかも、2~3日以内に発送とありますが、注文の翌日には届きました。

    ブラインドの昇降コードはメーカーによって太さが違います。TOSOの昇降コードは1.6mmという細いコードとなります。切れるというのは、この細さが原因になっているのでしょうか? まあ、経年劣化でしょうね。ブラインドの昇降コードは太さが大事のようで、純正コードではなくても同じ太さの紐(金剛打ちのロープと言うらしい)を買ってくれば、もっと安くて済みそうです。ただし、回ったホームセンターには、どこも金剛打ちのロープは直径3mmまでしかありませんでした。1.6mmまでのロープは細すぎて取り扱ってないようです。

    では、昇降コードの交換です。トーソーのサイト通りにライターで、新しいコードと古いコードを融着して交換してみます。古いコードはコードの芯しか残っていないので多少不安です。

    あまりコードにテンションをかけないように、古いコードを引き出していきます。すると、予想通り途中で融着した部分が外れてしまいました。しかし運のいいことに、マルチポールの手前までコードが来ていました。ブラインドの上部の内部で切れてしまったら大変なことになります。

    マルチポールをコードを通すのですが、TOSOのマニュアルですとボールのグリップの分解については詳しく書かれていません。壊れないようにマイナスドライバーでぐいっと力加減を無理せずにこじ開けたら、Uリングが外れて分解できました。外したときにUリングが勢いで飛んでいくので注意が必要です。

    コードをマルチポールとグリップの中を通すのですが、最後の難関はコードのストッパーの分解でした。どう分解したらいいか、こちらも説明書に書いてなくて最初わかりませんでした。こちらも、多少思い切って壊れないように、コード側からマイナスドライバーでぐいっと押し出すと外れました。

    以上でコードの長さ調整して修理完了です。最後に交換する新しいコードをきちんとまとめてなかったらぐちゃぐちゃになってしまいました。

    くれぐれも部品を壊さないように、力加減を考えながら、思い切って分解すれば問題なく昇降コードの交換はできそうです。

  • DIETZのオイルランタンをもらってきたのでメンテナンスしてみた話し

    ツレの実家でPCを設定してきたら、飾ってあったDIETZのオイルランタンをもらってきた。どうしてDIETZのオイルランタンがここに存在するのかわからないそうである。

    早速、磨いてみた。オイルランタンの構造はガソリンランタンとは違って単純だから、壊れていないと思う。いきなり灯油を入れるのもなんだがら、最初は精製されたオイルランタン用の燃料を入れてみる。入れたのはこれ。

    ついでに新しいオイルランタンも買っておく。キャンプに行かないのに道具が増えた。買ったのは定番のキャプテンスタッグのこれ。小さかった。

    これまたついでにオイルランタンの芯も買っておく。この長さだと一生持ちそう。

    燃料を入れて点火してみる。ガソリンランタンと違ってポンピングが必要ないので、とても楽ちんである。

    キャプテンスタッグのオイルランタンも点灯してみる。

    二つを比べみると大きさの違いがわかる。

    オイルの匂いもそんなにしないし、しいて言うとロウソクのロウの匂いでしょうか。灯油も試してみなければいけない。

    今持っているホワイトガソリンのランタンやストーブも、いっそのこと灯油に切り替えてしまおうかな。その方が安全だし、何せ燃料がいが安い。

  • プリンタがおかしな色で出力されたのでインクを交換した話し。

    年賀状印刷ためだけに買った1万円位のキヤノンのiP2700というプリンタを持っていますが、印刷するとおかしな色で出力されてしまいます。ノズルチェックパターンを印刷すると、マゼンタが出ていません。

    ということでインクカートリッジを交換してしまいます。純正インクカートリッジを入れていませんので、インクの残量はわかりません。実際にノズルチェックパターンを印刷しないと、どの色がなくなっているかがわかりません。

    このプリンタはCMYの3色が一体になっていますので、もったいないですが一色でもなくなっても全部交換です。しかも、インクカートリッジはお高いです。ですので、キヤノン純正のインクカートリッジなんて使っていません。交換したのは下の互換インクカートリッジです。今まで失敗のないエコリカ製の互換インクカートリッジにしてます。

    エコリカ製の互換インクカートリッジは、純正の半額とはいいませんが7割位で手に入ります。プリンタ本体が1万円程度ですので、純正だとインクカートリッジだけで本体価格をすぐに超えてしまいます。きちんとした写真印刷をしないので、互換インクでも十分かもしれません。普段の印刷はモノクロレーザープリンタですので、ほとんどカラー印刷はしません。

    インクジェットのインクなんて、ほとんど廃インクの吸収パッドに吸い込まれてしまいますので、高い純正インクを買う必要もありません。このプリンタはプリンタヘッドも一体ですので、メンテナンスは楽チンです。

    インクカートリッジを交換したら、無事にカラー3色印刷できるようになりました。

  • CSSファイルのコンパイル前のSCSS(SASS)ファイルを欲しいと言っても、もらえなかった話し

    今、更新作業をしているサイトのデザインを変更のために、CSSファイルを変更しなければいけなくなりました。

    該当するCSSファイルを見てみると、2千行ほどあって、やけに綺麗にフォーマットされています。しかも、スタイルを定義している順番も階層の上位から下位にまとまっています。これは直接CSSファイルを追加しておらず、SCSS(SASS)ファイルからコンパイルされたCSSファイルではないかと見当をつけました。

    そこでお客さん経由でCSSファイルを作成した会社に、SCSSファイルを送ってほしいとお願いします。WebサーバーにはCSSファイルを置いてありましたが、SCSSファイルは見当たりません。

    しかし、開発会社の回答としてSCSSファイルは存在していない、ということでした。そんな馬鹿な・・・。

    おそらくSCSSファイルは成果物としては外に出したくないのでしょうね。お客さんから契約を持ち出して無理やり出してもらうことも考えましたが、それでもSCCSファイルは存在しないと押し通されそうです。SCCSファイルが存在することを証明するのは難しそうです。

    しかたないので、直接CSSファイルを修正していきます。大幅改修でこちらで修正されたCSSの箇所をSCSSに戻すことになったら、最小に開発した自分たちが困ると思うのですが。

    以前も同じようななことがありました。そのときはGIFファイルでした。見出し画像やメニュー項目に施したグラデーション背景に特別なフォントを指定した文字を変更しなければいけないときに、GIFの出力前の元のPhotoShopのPSDファイルを出してくれるようにお願いしたところ同様に断れました。

    PSDファイルを出してくれないデザイン会社は、今まで何社かあります。こちらは、自分のデザインを修正されないようにするということは若干理解できますが、デザインなしでフォントを貼り付けているだけのページ見出しくらいはいいじゃないかと思います。見出しが変更できなければ、新しいページを追加するたびに画像の作成だけに時間がかかるという問題になります。そのときはいちいちグラデーション背景と文字を分離するのも面倒なので、PhotoShopで画像を作るのは諦めて、テキストとCSSで実現できるように作成し直しました。フォントの指定は残念ながら無視して、同じようなサイズにしておきました。しかし、そのほうが、CSSのクラスと文字を指定するだけで見出しが表示できないので、この方法のほうが賢いです。

    そこでWebページでのデザイナーへのお願いです。

    デザインなしでそのままテキストの画像の貼り付けはやめてね

    どうしてもフォントのデザインが欲しいのなら、Webフォントを考えてね。そのとき、フォントのライセンス購入まで考えてね。Googeフォントでもいいからさ。

    それが嫌だったら、編集できるように元のPSDファイルを提供してね。まさかPhotoShopのレイヤーを使っていなかったら、背景の素材画像の提供と、フォントサイズとかフォント名とかのフォント情報を教えてね。そこまで言わないと何もやってくれないのは共同作業したくないのかよ、というのあるますけど。

    その会社はページの更新の仕事が回ってこないからそのようなことをしているかと思えば、ページ更新をやりたくないと言うので、私が代わりにやっているという流れがありますから、どうして出力前の元のファイルを出せないかというのは私にとって理解できません。私に意地悪しているのでしょうか??

    技術評論社
    ¥1,980 (2025/03/25 15:17時点 | Amazon調べ)

    追記(2021年2月8日)

    CSSファイルからSCSSファイルへの逆コンパイラってあるのだろうか? 探してみようと見つけたサイトは以下のサイトです。

    ここで紹介しているサイトでCSSをSCSSに変換してみたところ、正常にSCSSファイルに変換できました。

    出力されたSCCSをDreamweaverでCSSに変換したところ、うまくサイトに反映できました。

    それにしても、最近のDreamweaverのバージョンアップで、今までできなかったSCSSファイルの変換が正常にできるようになったようです。

  • きちんと調べてディスク残容量を増やしたけど、闇雲に作業してもダメなのよね、という話し

    ツレのWindows10 PCのCドライブが残り容量が少なくなって、エクスプローラーで見ると赤く警告が出て10GBを切っていた。買ったCDをiTunesで読み込んでiPhoneに転送しようとして気が付いたようだ。

    早速、家庭内サーバー管理者に司令が下った。これはサーバー管理の仕事でもないのにね。

    最初やったことは、Windows10に用意されているディスクのクリーンアップである。こちらはドライブをエクスプローラーの右クリックのプロパティで簡単にできる。しかし、予想通り容量は大して増えない。

    iTunesで読み込んでいる音楽CDのファイルを見てみても、そんなにディスクを食っていない。音楽CDのファイルをQNAPのNASに移動したけど、iTunesでライブラリの移動の設定がうまく行かなくて諦めた。

    次にやってみたのはアプリケーションのインストールの状態確認である。AdobeのFlashをアンインストールしたくらいで、不要なアプリケーションもなかった。

    闇雲にディスクを空けようとしてもだめらしいので、どのフォルダーが容量を食っているのかきちんと調べてみる。Windowsではduコマンドがなさそうなので、残容量を調べるソフトをインストールしてみる。

    インストールしたのは、Diskinfoというソフトである。以下のサイトを参考にした。

    「DiskInfo」フォルダー内のファイル占有率を表示 – 窓の杜

    窓の杜

    Diskinfoで調べてみると、ユーザーのAppDataフォルダがものすごく使っていた。その中でも、iTunesのバックアップファイルがとんでもないサイズになっていた。そこで、必要ないであろうバックアップを削除しておく。参考にしたのは、以下のサイトである。

    今回は安全にiTunesからバックアップファイルを削除しておいた。

    40GBくらい空いたが、まだ容量を取っているファイルがないかとDiskinfoで調べたら、Thunderbirdのデータだった。しかも、最近imapのサーバーを交換したので、前のサーバーのimapのデータが残っていた。

    古いimapサーバーのファイルを削除して、現在使用しているフォルダの最適化をしておいた。同期の設定もこちらのサイトを参考に変更しておく。

    以上の作業で60GB以上の空き容量が確保できた。最初は、先日交換したSSDと交換しようと思ったが、大変な作業になるのでやらずに済んでよかった。

    今回の教訓。

    闇雲に作業するより事前調査が大事。

  • FreeNASが動いているHPのMicro Serverにメモリを増設した話し

    こちらの話しの続き。

    FreeNASが動いているHPのMicro Serverのメモリが、表示4GBで心もとないので増設した。

    メモリ増設前
    メモリ増設前

    4GBだと、ほぼ空きエリアはない状態である。システムと同じくらいにZFSをメモリを使っていることがわかる。

    購入したメモリは、下記のこれである。HPのMicro Serverは、4GBという制限があるらしいけど、DDR3なら動くという情報もあるので、大丈夫だろうと楽観的に考えた。

    メモリの交換方法は、下記のサイトと参考にする。以前にHPのMicro Serverのマザーボードを取り出したことがあるけど、そんなに頻繁にやるようなことではないので忘れた。

    メモリを交換して無事に認識できて、空きエリアはこのようになった。

    メモリ増設後
    メモリ増設後

    だいぶメモリの空きが増えた。

    SambaをLinuxサーバーのインストールしてファイルサーバーとして動かすよりも、サクッとQNAPを入れてしまったほうが簡単、安心、便利でおすすめ。ファイルサーバーだけではなくてIntelのCPUのQNAPなら、Dockerでいろいろとコンテナを設定してサーバーをたくさん立てられるしね。

  • Emergency dayの結果と、その検討結果の話し

    一日、メインのPCが壊れて使えなくなった、あるいはWindows Updateが失敗して起動できなくなったことを想定して、別のPCで作業できるか検証しました。

    結果的には、特に問題なく作業を継続できました。これでメインのPCが故障しても、そのまま作業を続行できます。

    どうして問題なかったというと、私のPCの使い方から以下が考えられす。

    データはローカルに格納されていても、すべてクラウドストレージで同期が取れていたこと。

    一番大きかったのが、これに付きます。私の場合は、作業で必要なデータファイル(文書など)をすべてDropboxに置いて、すべてのクライアントと同期を取っていました。もちろん、すべてのファイルをDropboxに置くのは無駄ですので、作業に必要なものだけど置いています。クライアントによってはディスクの容量が少ないものがありますので、この場合は必要なファイルだけを選択して同期を取っています。

    クラウドストレージにファイルを同期することでバックアップにもなります。もし、クライアントのPCのハードディスクが故障しても、再度Dropboxから同期をすれば、ファイルのリストアになります。

    以前は、ファイルサーバーでリモートドライブとしていましたが、Dropboxの場合、ネットワークのオフラインでローカルにファイルがありますので、どこでも作業できるのも魅力です。このおかげで写真(もっとも写真は、Google Photoに格納していますが)などの大容量のファイル以外では、ファイルサーバーを使用しなくなりました。

    ソースファイルはGitのリモートリポジトリに格納していたこと。

    肝心の仕事の成果物であるソースファイル(仕様書も含め)は、すべてGitでバージョン管理するようにしていました。そしてGitlabをインストールしてリモートリポジトリの管理をしています。ソールファイルの取り出しは、どこでもGitlab経由でGitでクローンかプルしておけば、最新の成果物を取得して開発を開始することができます。

    クライアントPCは必要なアプリケーションをインスールするだけにしておく。

    データは外部から取得すると言っても、必要なアプリケーションはインスールしておく必要があります。まとめて必要なアプリケーションをインスールする機能でもあれば、もし、PCが故障して使えなくっても、短時間で復旧することができるかもしれません。

    しかし、そんなにPCが故障するということもないので、この辺りはその都度インスールしていくということでいいのでしょう。


    以上、みなさんも万が一使っているPCが壊れても影響がないかとうを知るためにも、一度Emergency dayを設けてテストしてみてはいかがでしょうか。慌てる前のなんとやら・・・。

    マイクロソフト
    ¥14,900 (2025/03/31 11:56時点 | Amazon調べ)
    マイクロソフト
    ¥21,700 (2025/03/29 08:10時点 | Amazon調べ)

    自作PC用に一番左のWindows11のパッケージを実際に購入しましたが、問題なくインストールできました。Windowsは使うPCの分だけ正しくライセンスを購入しましょう。

  • 本日は作業環境のEmergency dayとした話し

    昨日はPCでブルースクリーンが出てもう駄目かと思ったけど、復活してよかった。

    しかし、万が一に備えて本日はエマージェンシーデイとした。要は、メインのPCが壊れても、そのまま作業が続けられるように、サブのノートPC(ThinkPad)でも同じ環境で作業できるようにしておく。

    メインのPCにつなげている4KのDELLのディスプレイをThinkPadにHDMIでつなげる。ディスプレイの設定でマルチディスプレイの「複数のディスプレイ」を「表示画面を拡張する」にして、ディスプレイの配置を上下並べるといい感じである。

    細かい作業をThinkPadの内蔵ディスプレイで行い、ブラウザやこのようなブログの書き込みは、外部の4Kディスプレイで行うととてもよい。贅沢を言えば、ThinkPadのディスプレイがタッチパネル対応だったら良かったにと思った。ディスプレイに関してはメインのPCよりも捗りそうである。

    ポインティングデバイスは、いつもはロジクールのM570というトラックボールを使っているが、今回は持ち出し用の小さなブルーレイマウスである。マススはトラックボールよりも手首に負担がかかるので、いつもの作業では使いたくないが、トラックボールを接続し直すのも面倒なのでマウスで行く。

    使っていくうえで問題なのはキーボードである。ThinkPadのキーボードを使うのがが、普段つながっている東プレのREALFORCEのキーボードに比べると明らかに入力ミスが多い。REALFORCEのキーボードをThinkPadに繋ぎ変えてしまえば問題なくなるのだが、こちらも我慢できる限りThinkPadの内蔵キーボードに慣らしていく。

    ちょっと良かったのは、この9キーボードである。

    Dream Weaverの機能のファイル保存・サーバーアップ・ブラウザプレビューや、切り取り&スケッチでのWin+Shift+s、PhotoShopの解像度の変更など、よく使うがキーの組み合わせが面倒なものをそれぞれのキーに割り当てている。このキーボードは、ソフトウェアではなくキーボードにキーの割り当てが保存されているので、ThinkPadにつなぎ替えればそのまま使えた。プログラム機能を持ったキーボードであるから、当たり前であるが気づいたら便利である。

    アプリケーションはメインのPCと同じものをインストールしておくことにしする。よく使うアドビやマイクロソフトのソフトののライセンスは、2台でも利用できるので問題ない。最近はPC1台しかインストールできないアプリケーションが少なくなっているのはありがたい。

    データはクラウドストレージで共有しておく。利用しているのは、DropboxとEvernoteである。こちらは同期を取っておけば特に問題ない。

    IMEは、ATOKからGoogle日本語入力に移行しているが、こちらは辞書や学習の同期ができないのはしかたない。辞書の学習は鍛えていくしかなさそうである。

    作業で必要なファイルは、GitLab経由でGitを使ってPull/Pushで同期をしているので全く問題ない。すなわち、一人共同作業である。ただし、メインのPCでの作業中にフリーズしてなんともできなかった場合に、Pushしてしていなかったら悲しいことになる。

    あとはGmail, Redmine, WordPressなどのWeb上のサービスは、PCが変わっても全く問題はない。こんなときのWebサービスは便利である。特にメールは、POPとかでメールを受信していると面倒になる。Webメールを使うか、最低限でもIMAPでメールをサーバーに保存しておいて参照にし行ったほうが、後々幸せになる。

    なにげに同期されて便利なのは、ChromeやEdgeの設定の同期である。拡張機能とかブックマークなどの設定が同期されて、どのPCでも同じ環境で利用できるのはすばらしい。Chromebookでも同じであろうから、Chromebookを使ってみても良いかもしれない。

    以上で、今日一日がんばってサブPCのThinkPadで頑張ってみようと思う。何か作業に支障をきたしたら対応をして、万が一に備えておく。

    続きはこちらから