FFmpegの利用

何か、いい方法ないか・・・、そうだ！
以前Linuxにインストールした、「FFmpeg」を思い出しました。

３０年前の８ｍｍビデオを無料でＤＶＤディスクへ変換。

Windowsやスマホでも、標準でMP4ファイルが再生できるので、DVD-Videoの必要は少なってきています。 ただ、古いDVDデッキで再生しようと思うと、やはりDVD-Videoメディアが必要です。 Windowsソフトでも、フリーや体験版のソフトは沢山ありますが、 せっかく、linux環境があるので、フリーライセンスで作成してみました。

www.kazuban.com

2023.08.28

この記事で紹介している、「動画リストファイル」を作成すると、連結してくれます。
ところが、今回は動画ファイルが多いので、リストファイルを手作業で作るのは面倒です。
シェルでどうにかする方法も可能ですが、Linuxマシンへの転送も面倒なので、今回は、Windows環境で作業しようと思います。

FFmpegのWindowsへのインストール方法は、ネット上にたくさん公開されていますが、基本的には実行ファイルをダウンロード・展開して利用する方法です。
標準では一般的なインストーラではないので任意のフォルダへ保存するだけで動きますが、プログラムへのパスも通っていません。
実行にはフルパスで指示するか、環境変数でパスを通す必要があります。
操作は基本的に、CUIでの作業になります。
今回のやりたい作業は撮れてた動画はTVで見たいので、「AVI」を「MP4」に連結したいです。
動画連結は、頻繁にやると思うので、連結するファイルリストとFFmpeg用のコマンドを生成するだけの仕様ですが、ソフト作りました。

FFmpeg、ダウンロード

ダウンロードはこちらからできますが、下記２つの選択があります。
・Windows builds from gyan.dev
・Windows builds by BtbN
どっちが、いいんだろう？
こちらに説明がありましたので、参考にさせていただきましたが、
私は、「Windows builds from gyan.dev」の「release builds」「ffmpeg-release-full.7z」をダウンロードしました。
「.7z」で圧縮されていますが、筆者のWindows11の環境では、エクスプローラ上でクリックすると、圧縮されているフォルダが表示されるので、適当なフォルダへドラッグ＆ドロップでコピーしました。

連結支援アプリ、FFmpegVideoMerger.exe　開発

FFmpegを利用して動画の連結させるだけのWindowsアプリです。
もちろん、FFmpeg だけでもコマンドをたたけば、連結は可能ですが、環境整えたり、ファイルリストを作成するのも面倒だったので、ソフト化しました。
通常は、下記の操作が必要です。

• 環境変数を編集し、パスを通す
• 連結する、ファイルリストをテキストファイルで作成する
• FFmpeg のコマンドで、連結を実行する

書き出してみれば、大した作業ではないですが、ファイルリストを作るのも、結構面倒です
アプリの仕様としては、連結したい動画ファイルを任意ファルダへコピーしておいて、そのフォルダをアプリ上へドロップする事で、ファイルリストを作成します。
ファイルリストの順序も変更可能にしました。
FFmpeg のパスも、コピーした実行ファイル「FFmpeg.exe」が保存されているフォルダをドロップする事で、環境変数の設定なしでも、動作できるようにしました。

FFmpegVideoMerger.exe　使い方

ダウンロード、インストール

• こちらから、ダウンロード
• ダウンロードした圧縮ファイルを、適当なフォルダへ解凍
• 解凍されたフォルダ内の、「Readme.txt」を読んでいただけると幸いです。
• 連結したい動画類をコピーした、フォルダを準備します。
• 対応拡張子
  FFmpeg はかなりのファイル形式に対応しているみたいですが、このアプリでは下記の拡張子を動画ファイルと判断し、リストを作成します。
  ” TS, MP4, MOV, MKV, AVI, FLV “
  ただし、筆者の環境では、「AVI、MP4」の結合しか確認していませんので、ご了承ください。
• フォルダ内の、「FFmpegVideoMerger.exe」で起動できます。

使用方法

簡単に説明すると、

• 「動画フォルダをドロップ」
• 「FFmpegフォルダをドロップ」
• 「ビデオファイルボタンクリック」
• 「FFmpeg実行ボタンクリック」

の手順です。
下記で、もう少し詳しく説明します。

• 動画が登録された、フォルダを①のパネルへドロップします
• 登録されている動画ファイルの一覧が、②のエディタ領域へリスト化されます
• 一般的な、エディタ的な操作になります。
  追加、削除、順序変更などが可能です。
• ③は、結合された、ファイル名です。
  ファイル名は変更可能ですが、現バージョンでは、「MP4」を想定しています。
• ④に、「ffmpeg.exe」のファイルか、登録されている親フォルダ「bin」をドロップ
• ⑤私の環境では、無変換で、結合させた動画が、「メディアプレーヤー」でうまく動作しなかったので、「H.264」でエンコードするオプションを追加しました。
  デフォルトでは、チェック状態になっていますが、エンコードは少し時間がかかるので、不要な場合には、チェックを外してください。
• 設定が正常であれば、「Create a video list file.」のボタンが表示されます。
  クリックすると、動画ファイルフォルダに、ファイルリスト「list.txt」と、実行コマンドファイル「cmd.txt」が作成されます。
• FFmpeg は、最適化や品質など、多くのパラメータがあるので、「cmd.txt」を手動編集することも可能です。
• この「cmd.txt」を、手動で一行づつ確認しながら、コマンドプロンプトで実行する事も可能ですが、表示された「Run FFmpeg」をクリックすると、実行用バッチファイルを作成し、自動実行します。
• 多少の動画ファイルの削除、追加の場合、動画フォルダに追加・削除して、エディタ等で「list.txt」を編集し、「cmd.bat」に名前変更して実行すれば、再結合する事も可能です。

あとがき

ばあちゃん宅に来てたのは、タヌキでしたぁ～
他にも、猫やカラス、イタチみたいの・・・近所に墓地公園があるので、動物には暮らしやすいと思います。

FFmpegは、CUIが基本ですが、かなり多くの機能があります。
今回公開のアプリは、GUI操作でFFmpegの結合オプションをFFmpegに渡すだけの機能ですが、FFmpegのコマンド操作を少しづつ、GUI化で支援機能を追加していけば、簡易的な動画編集アプリに進化していく可能性はありますね。
動画編集は、あまりやらないので、まったく素人ですが、またなにか必要な操作がでてきたら、ソフト化してみたいと思います。

ダウンロード

下記、「自作ソフト」ページから、ダウンロードできます。

自作ソフト

サイト内記事で紹介した、自作ソフトやデータをダウンロードできます。

www.kazuban.com

2021.07.11

リニアライゼーション・微小直線化

同時５軸加工

もう少し、５軸の話をします。
イメージしやすいように、主軸側に回転軸がある構成で考えてます。
先端点制御機能を使用しないで、直行軸(X,Y,Z)と回転軸を同時に動かしての同時５軸加工の場合、
主軸はXYZ指令の位置（P1→P2→P3）へ直接向かいますが、回転軸も回転するため、工具先端では削り残りや削りすぎが発生してしまいます。
先端点制御機能は、この誤差が出ないように、主軸切込み軸を調整してくれますが、先端点制御機能がない場合には、この誤差はそのまま加工してしまいます。

この誤差は、一行の指令での移動距離が長いほど大きくなります。
したがって、当時の５軸CAMは、回転が発生する移動指令を、微小直線に分解する処理を行っていてリニアライゼーションと呼ばれていました。
この一回の移動距離を微小にする事で、先端点制御を使用しない同時５軸制御でも、誤差を少なくして加工しようと言う事です。
ところが、微小指令になる事で、NCデータサイズは格段に大きくなり、読み込みの遅い制御機では太刀打ちできません。
読み込み機能も、ハイデンハインやレダースなどの、EU制御機は、１０００行や１００００行先読みと言われていましたから、読み込みスピードもヨーロッパに軍配が上がっていた時期だったと思います。
現在では、ほぼ解消されていると思います。

２軸・３軸加工パスの直線化

回転軸を同時に動かさない場合、上述の誤差は起きません。
むしろ、微小直線化する事で、データ容量が増え、制御機の読み込み能力によっては機械動作は不安定になります。
ただ、制御機能力も急上昇していて新しい制御機では、３D加工でも浅切込み高速切削の加工方法が推奨されるようになると、CAMの内部計算の問題なのか、微小直線補間（G01）での出力が普通でした。
ところが古い制御機では、読み込み能力や容量の問題で、微小直線での動作は不向きでした。
そこで今度は微小直線補間を円弧に近似するCAMも出てきました。
当時紙テープやDNC運転の古いマシンを動作させる場合には、結構重宝した記憶があります。
現在では、円弧近似データのほうが、一般的になっていると思います。
そんなわけで、今考えている、円弧補間の直線化は、逆戻りな発想かもしれません。

直線補間と円弧補間

Gコードで、２軸での輪郭動作定義をする場合、直線（G01）、円弧（G02,G03)のコードで定義していきます。
同時３軸の場合でも、ヘリカルオプションが有効な機械の場合、円弧補間で定義できます。
上でも書きましたが、円弧補間を使ったほうが、データサイズも小さく、NCデータを確認する場合でも動きを想像しやすいデータになります。
ところが、これを受け取った制御機はどうでしょう？
筆者はNCの制御方法には、まったくのド素人ですが、円弧補間の場合でも結局は各軸に分解され直線的な指令をしているのではないでしょうか？？
もし、私が制御機だったら、円弧補間での指令より、直線補間での指令が楽なように思います。
最近は制御機は、送受信や処理能力も高速になったので、全て直線補間でもいいのでは？との考えもあります。
ただ、問題もあります。
制御機によっては、工具径補間（G41,G42)させる場合、エラーになる可能性のあります。
ここが解決できれば、制御機的には、すべて直線のほうがいいのではないでしょうか？

事前に直線化する制御機がもある？

筆者の想像ですが、あるメーカーの高速ミリングマシンは受け取ったGコードを円弧補間であっても、事前に微小直線化してCNCへ送っている予感がしています。
この制御機は、NCデータを読み込むとシミュレーション機能で動作の確認ができますが、シミュレーション時の、Gコードがすべて直線補間に変換されていました。
上で問題にした円弧補間の工具径補正の場合でも、補正が適応されたデータがシミュレーションされています。
つまり、制御機内部に円弧動作や補正を任せるのではなく、事前にソフト的に補正経路を直線化したデータを制御機へ送っているイメージです。
実際にこのシミュレーション用に変換されたコードで機械が動作するのかは、検証できていませんが、筆者の推測では、制御機は全て直線補間で動作していると思っています。

２，３軸でのリニアライゼーションの効果は？

同時５軸でない場合、リニアライゼーションは効果はあるのでしょうか？
Ai「Google Gemini」 に聞いてみました。

NCコードのリニアライゼーションは、主に以下の目的で行われます。
・円弧補間を直線補間に置き換える:
・円弧補間の計算負荷を軽減し、加工時間を短縮できる。
・一部のNC装置では円弧補間がサポートされていない場合がある。
・シンプルな直線運動の方が制御が容易である。
・非線形な動きを直線的に近似する:
・複雑な形状を複数の直線で近似することで、プログラムを作成しやすくなる。
・加工精度が厳しくない場合、直線近似で十分な場合もある。

注意点
・精度: リニアライゼーションによって加工精度が低下する場合がある。
・計算負荷: 分割数や多項式の次数が増えると、計算負荷が増大する。
・工具の寿命: リニアライゼーションによって工具の摩耗が促進される場合がある。

なんとなく、私の思っていた事とだいたい一致してます。
ただ、加工精度や工具寿命の件はちょっと疑問です。

微小直線動作での加工精度検証

会社の３軸マシン用のCAMでは、等高線などの３D加工でも、円弧近似してくれますが、パラメータにより直線補間でも出力可能です。
このCAMを使用して、円弧補間モードと直線補間モードでNCデータを出力し加工テストしてみました。
結果的には、それほど差はありませんでしたが、すべりガイド機とLMガイド機で若干の差がでました。
すべりの方は、円弧補間のほうが加工時間も加工面も良好でしたが、逆にLMガイド機は直線補間のほうが勝っていました。
ただ、すべりガイド機のほうが、年式も古いので、製造年数の影響も出たかもしれません。
今回のテストでは、大きな差はみられませんでしたが、新しい機械で高速加工機であれば、効果がでるかもしれません。

２軸加工での、X,Y軸の比率を変えたい

前置きが長くなってしまいましたが、ここからが本題です。
今回作成ソフトの本来の目的は、X、Yの加工輪郭の比率をCADを使用せず、生のNCデータで調整できないか？と言う事です。
筆者の知る限りでは、円弧補間が含まれるGコード全軸同じスケールリングしか対応していないと思っていましたが、「GEMINI」に聞いた所、ファナックのGコードG51では可能だとの回答をもらいましたが、検証はできていません。
ただ下記は、「HEIDENHAIN iTNC530」の取説の抜粋ですが、円弧以外では各軸違う値でスケーリングはできるが、円弧補間では同じ比率が条件になるとありますから、制御機によってはできない場合もあると思います。

プログラミングの前に、次の点に注意してください。
円弧の座標を共有する座標軸は、同じ係数で拡大または縮小する必要があります。
各座標軸を、独自の軸固有のスケーリング係数でプログラミングできます。
さらに、すべてのスケーリング係数の中心の座標を入力できます。
輪郭のサイズは、中心を基準にして拡大または縮小され、必ずしも (サイクル 11 のスケーリング係数のように) アクティブなデータムを基準にして拡大または縮小されるわけではありません。
（Google 翻訳）

したがって、円弧補間を使用せず、全て直線補間であれば、各軸で違うスケーリングができそうです。
今回作成した、ソフトは、ここが目的になります。
直線補間のみのデータにすれば、Gコード指令を使って各軸違う比率にスケーリングできそうだと言う事です。
さらに、部分的とか特殊な変形させるソフトを開発する場合でも、直線（G01）コードは、次の行先の座標があるだけなので、円弧（G02,G03）に比べると、はるかに単純で楽です。
機械も年季が入ってくると、XYの加工精度比率に誤差が出てくる場合があります。
現状、XYの比率がよくない機械で精度を保つには、加工結果を基にCAD上で輪郭を描き直し、パスを出し直す事になりますね。
ところが直線補間のみのNCデータであれば制御機のスケーリングで対応できる可能性がありますし、専用にソフト開発する場合でも簡単になります
直線補間のみであれば、終点の座標値を誤差分だけ足し算引き算でいけそうです。
そんな訳で、あまり利用価値はないかもしれませんが、円弧補間が含まれるNCデータを、直線補間化するソフトを作成してみました。

円弧補間を直線分解する方法

トレランス以内で円弧を直線分割

直線化により円弧軌跡が変換でトレランス以上の誤差になると意味がありません。
指定トレランス以内に収まるように、直線分割する角度を求める計算式を求めます。

トレランス以内で、分割する角度は、「（円弧半径ートレランス）/円弧半径」のアークコサインで求められ、この角度の二倍で一分割の角度が求まります。
Gコードを読み取り、円弧補間の場合、円弧中心から円弧の始まり座標び向かう直線の角度から、分割角度ごとに円弧終点まで分割するような処理をさせます。

ソフト的には、対象円弧を、円弧の中心点から円弧始点への直線と、中心点から終点までの直線の範囲を、分割角度で分割した弦を直線に変換させています。

プログラム構成

• NCデータファイルを読み込む
• 円弧補間以外はそのまま出力
• 円弧補間の場合、上記計算式に伴いトレランス内で直線分割する
• 変換したデータをファイルとして保存する
• 確認用としてオリジナルデータと直線化データをそれぞれDXFファイルにも出力可能

プログラム制限

• 筆者のプログラミングスキルの問題で長いデータの場合に計算時間がかかりそうです
  一応、途中強制終了できるような仕様にしていますが、必要なデータのみサブプログラム的に、必要な輪郭だけのファイルにしておくほうが無難です。
• 今回は、「I」「J」仕様の円弧補間のみの対応です。
  「R」方式には、対応していません。
  また、「I」「J」方式の場合、国内ではほとんど、「I」「J」値は、相対指令ですが、EUでは、アブソリュート指令も多いです。
  今回は、国内で一般的な相対指令仕様でのみ対応しています。

ソフト公開

「LinearizationOfArc.zip」のファイル名で公開しました。

こちらの、「自作ソフト公開」のページから、ダウンロードできます

展開後「README.TXT」に使用方法など書いてあります。
今後の展開としては、直線のみになった輪郭データを利用して、輪郭の一部分のみ変形できたらいいな～と思っています。
輪郭精度が重要な場合、主に輪郭の凸凹のフィレットが、削り過ぎたり、削り残ったり、する場合があります。
そのような場合、その部分のみ、NCデータを変形させる事で、輪郭加工精度を向上できないか？
とういう事です。

Fanuc と OSP の違い。

昔の資料を整理していたところ、違いを書きだしたメモが出てきました。最近はあまり必要としていませんが、とりあえず、残しておこうと思います。もう、１５年以上前の資料なので、現在では変わっている箇所もあるかもしれません。この手の記事は、ネット上には沢山あると思うので、怪しい場合にはそちらも参考にしてくださ...

www.kazuban.com

2021.11.09

ここで書いた以外でも、機械特有の機能を操作するコードは、さらに違ってきます。
機種依存機能は、Fanuc、OSPなど違うメーカーと言うだけでなく、
同じFanuc機でも違ってきますので最終的には保有機械の取説で確認してください。

変換ソフト開発

Fanuc、OSPに限らず、数種類のNC機を保有している場合、
CAMでNCデータを作成する場合では、CAMに各機械のポストプロセッサを用意して
各々専用のNCデータを準備するのが、一般的だと思います。
一番安心な方法かもしれませんが、機械の種類が増えてくると、結構面倒です。
機械操作側とデータ作成側が違う組織で、特にデータ修正作業を行い、
加工機械が変更になった場合などデータ管理ミスが発生する可能性もあります。
そんな事もあり、筆者は、CAMによるNCデータは一種類の標準構成のデータのみ作成し、
各機械へは自作したNCデータ変換ソフトにより各機械へ供給する方法で運用しています。
同じFanuc機でも機械オプションにより違いがありますが、Fanuc制御機同士であれば
冷却コードやコンベアなど補助コードの違いが多く基本的なコードは互換性も多いので、
文字列の変換程度で対応できる場合も多いと思います。
手打ち修正でもできなくはないですが、程度にもよりますが、
エクセルやエディタマクロでも対応できる場合もあると思います。
とりあえず実際に変換データで動作させ、実績が出てくれば非常に便利です。
ただ、Fanuc、OSPになると、重要なコードの違いも多いのでソフト開発も結構面倒ですね。
特に、加工動作に直接かかわる、ワーク座標系や工具長補正コードが違うのは厄介です。
今回は、投稿用として基本コードのみの仕様ですが、C++Builder で、
変換ソフトを作成しましたので、紹介したいと思います。

変換コード

ワーク座標系

工具長補正

原点復帰

固定サイクル

ドウェル

その他

仕様

違いは、まだまだ、あると思いますが、同じメーカー製であっても機械仕様などでも変わってくるので、今回は上記の項目を変換対象にしようと思います。
また、今回のソフトは、サブプロ形式には、対応しません。
もし、サブプロを変換させたい場合には、下記ソフトでメインのみに変換させてください。

NCプログラム／メイン・サブ構成のNCデータを一本化（パッケージ化）したい場合もあるよね！

前回は、複数種類のマシニングセンターを運用する場合、「メイン・サブ仕様」の構成をお勧めしました。ただ、サブプロに対応していない制御機やシミュレーションソフトの場合や、データ管理的には、一つのパッケージのＮＣプログラムのほうがいい場合もあります。そこで、メインプログラムのサブプロ呼び出し指令「M98 ...

www.kazuban.com

2020.02.06

変換プログラミング作成のポイント

コメント文

NCデータの処理をさせる場合で、結構面倒なのが、「コメント文」です。
人間へのメッセージとしては便利ですが、制御機的には、無視するコードです。
無視するので、GコードやMコードもコメントとして書くこともありますが
これが、変換ソフトにとっては厄介です。
単純な文字列変換だけでは、つじつまが合わなくなる可能性もあります。
変換をさせる場合、まずコメント文か純粋なNCコードかの判断が必要になります。

NCワード

指令の最小単位が「ワード」です。
通常ワードは、「アドレス（半角英文字）」と「数字・数値」で構成されています。
「アドレス」は「G」とか「M」とかですが、「数字」の部分が厄介です。
例えば、「G1」と「G01」は同じ意味です。
さらに、モーダルという機能があるので、そのコードがない場合でも、
前のコードを引き継いでいる場合もあります。
ここでも、単純な文字列変換だけでは、正常に変換できない可能性があります。

工具呼び出しと工具交換

工具交換する場合には、「T数字」で指定番号の工具を待機させ、「M06」で主軸へ交換させます。
この指令もちょっと厄介です。機械構造により動作や指令方法が違う場合があります。
私の経験では、「T02 M06」と同じ行で指令しなければいけない機械と、逆に行をわける必要がある場合がありました。
さらに、「T02」の指令で、特別な工具待機位置へ移動する機械もありました。
変換ソフトを開発する場合、このへんも、少し頭に入れておく必要があります。
今回は、Fanuc から OSP へ変換する場合、基本的な単純な変換機能しか考えていませんが
筆者の知っているオークマの機械では、主軸工具の番号を呼び出し指令すると、アラームになった記憶があります。
ファナック機では、単純に無視するだけの機械もあったので、この部分は変換ソフトにも盛り込んだほうがよさそうです。
基本構成としては、主軸工具を呼び出すコードが来た場合、コメント文に変更しようと思います。
ただし、次工具を事前に呼びだしておいて、さらにその工具番号を呼び出す場合は？

T10 M06
T11
・
・
T11 M6

実機を触れないので、よくわかっていません。このソフトでは、この場合は、無視しています。

サブプログラム構成

上にも書きましたが、今回のソフトは、サブプログラムには対応しません。
サブプロ構成のNCデータを変換したい場合には、「フリーソフト」のページの
「メイン・サブ構成のNcデータを一つのメインにまとめる」ソフトを使用してみてください。

ソフト公開

上記の仕様で、ソフト開発しました。
単純な文字列変換だけでなく、少しはNCプログラムを理解させていますが
標準的なコードのみ変換の仕様です。
ただし、実際の機械での検証をおこなっておりません。
もし、実加工に使用する際には、十分に確認して使用してください。
著作者は一切の責任を負いかねますので、ご了承ください。

ダウンロード

インターネットサーバー

インターネット上で情報を提供するには、サーバーを立ち上げ、利用者の要求に応じたサービスを提供するソフトウェアを動作させておく必要があります。
サーバーソフトは、Windowsでも提供されていますが、Linux であれば、無料でありながら、セキュリティも動作も優れたソフトが豊富に公開されています。

OS

メインサーバーには、linux（CentOS7）を使用しています。

自宅サーバー再構築（centOS7インストール）

NC加工の情報は、ネット上では十数年ほど前までは結構盛んでしたけど成熟してきたのかな？新しいサイトはなかなか見つからないです。 それでも、展示会などへ行くと機械や工具やソフトはますます進化を続けているのも事実です。使ってみたいなぁと思っても、使ってみないと・・削ってみないと・・・・はたして期待した効...

www.kazuban.com

2019.06.09

バックアップ用としては、CentOS8 を使用していますが、とつぜんCentOS8は昨年（2021年）末でサポートが終了されてしまいました。
CentOS7 は、2024年6月末まではサポートされるみたいなので、それまでには、別のディストリビューションに移行しなければいけません。
こういった事はフリー版を使用する上では宿命みたいなもんです。
有料版であればこのような事は少ないと思いますが、商売ではないのでそれはそれで楽しみでもあります。

Weｂサーバー

OSが立ち上がり、Webサイトを世界中に公開するには、Webサーバーを動作させます。
このソフトを動作させておくことで、外部PCのウェブブラウザからの要求に対して、サイトのページを表示する事ができるようになります。
こちらも、何種類かのアプリケーションが公開されていますが、筆者は一番メジャーは「apache」にしました。

WWWサーバーのインストール

前回でリモートアクセスが可能になりましたこれで作業がだいぶ楽になりました次はいよいよ、wwwサーバを動作させ外部に発信できるようにしますApacheの導入wwwサーバは、現在は一番メジャーなApacheにします。インストールは 「yum」で 簡単にインストールできますApache関連パッケージの確認...

www.kazuban.com

2019.07.07

歴史も古く、動作が安定していて信頼性もたかいアプリケーションで絶対王者でした。
ただ最近では、Nginxのほうが、ショアを伸ばしているようです。

ドメイン管理（残念ながら無料ではできません。）

インターネットへホームページを公開する場合には、独自ドメイン名が必要になります。
外部から、ドメイン名でなくグローバルIPアドレスでアクセスする事も可能ですが、
一般公開はむずかしいですね。
まずは、独自ドメインを取得する事になりますが、プロバイダやレンタルサーバーの
サブドメインでなく自分が希望するドメインを取得するには残念ながら無料ではできません。
筆者は、こちら「https://muumuu-domain.com/」で発行してもらい管理してもらっています。
年間、￥1628 です。　

ネームサーバー（DNS）

インターネット上のサイトを閲覧するにはプロバイダと契約してアクセスしていると思います。
自宅のPCをインナーネット側へ公開するには、グローバルアドレスが必要ですが、
プロバイダによってはプロバイダ内部のプライベートアドレスが発行されている場合と
グローバルアドレスを発行してくれる場合があります。
会社内やマンション共有環境などの場合には、プライベートアドレスになっている場合
もあると思います
その場合には、自宅サーバーを独自ドメインで、インターネット側へ公開するのは難しいと思います。
グローバルアドレスを割り当ててもらっている場合には、独自ドメイン名とグローバルアドレスを
紐づけすれば、外部からドメイン名で自宅のWebサーバーへアクセスできるようになります。
この紐づけするのが、ネームサーバーの仕事です。
Linux にも、DNSソフトはありますが、外部に公開すると攻撃の対象になりやすいようです。
また、自宅などの場合、固定IP契約していないと不定期にIPアドレスが変わる事になります。
その場合、動的にドメインとアドレスを紐づけする設定（DDNS）が必要になります。
このようなサービスも無料でやってくれるサイトがあります。
筆者はこちら「https://www.mydns.jp/」を利用させてもらっています。

SSL（暗号化）

ここまでくると、ドメイン名でインターネット上に公開できるようになりますが
３年ほど前でしたか？Chromeなどのブラウザが、SSLを導入していないサイトには、
「保護されていない通信」などのメッセージを出すようになりました。
具体的には、アドレスの始まりが「http:」か「https:」か、の違いです。

HTTPS化

今回の自宅サーバーの再構築は、自宅サイトの「https」化ですやっとここまでたどりつきましたまたしても、こちらのサイトを参考にさせていただきました今回も流れはこのサイトに則って作業しますが、自分の環境に合わせて覚書きとして書き残しておきたいと思いますホスト名でのアクセスが必要http の場合は、IP...

www.kazuban.com

2019.07.19

暗号化自体は、Linux には用意されているので、簡単に利用できますが、
これだけでは安全なサイトとは認定してくれません。
このサイトが正常に動作されている証明書を発行してもらう必要があります。
証明書を発行してくれる機関は沢山あり、費用もピンキリです。
特に、信頼性を重視する企業向けの場合には、かなりの費用になります。
一方、動作確認程度であれば無料で証明書を発行してくれる機関もあります。
筆者は「Let’s Encrypt」を利用しています。

メールサーバー

Eメールの送受信をするには、メールサーバーを動作させる必要があります。
通常は、プロバイダからメールアドレスを発行してもらいますが、アドレス数を増やすにはやはり費用がかかります。
メールサーバーを動作させる事で、好きなだけメールアドレスを追加できます。

Postfixでメールサーバー構築

サーバーを運用していると、動作させているサービスがエラーやログなどのメールを発進する場合がありますから、サーバーのトラブルをいち早く知るにはやはりメールサーバは動作させておきたいですまた、自宅サーバーであれば、ほぼ上限無くメールアドレスを設定できますcentOS7へのメールサーバー設定にはこちらを参...

www.kazuban.com

2019.08.19

筆者は「Postfix」と「Dovecot」を使っています。
ただし、セキュリティ対策にも気を使わないと、踏み台にされてスパムメール発信基地にされてしまう可能性もあるので、セキュリティ対策を行いながら必要最低限で利用しています。
現状は、サーバーシステムからの、情報を自分のメインメールアドレスへ送信する程度の設定にしています。
こちらも、無料で使用する事ができます。

Webサイト

Webサーバーが正常に動作すれば、自分のウェブサイトを公開できるようになりますが、「HTML」言語などを使用してページを作成する事にまります。
特に、ブログページなどのように、動的なページを一から作成するのは非常に大変です。
動的な掲示板やブログ的なページも比較的簡単に作成できるアプリケーションも沢山あります。
私は、「WordPress」を使わせていただいていて、このサイトも「WordPress」で作成しています。

自宅サーバでWordPressを動かそう。インストール

前回までで、WordPress要求の PHPバージョン7.3以上、MySQLバージョン5.6またはMariaDBバージョン10.0以上の環境は出来上がっています。いよいよ、WordPress をインストールしようと思います。環境の確認インストール状況を確認するには、「rpm -qa 」や「yum l...

www.kazuban.com

2019.11.12

「WordPress」はブログページだけでなく、通常のホームページのような固定ページも作成できます。
さらに、問い合わせページやバックアップ、サイトマップなど、非常に豊富なプラグインも公開されています。

プログラム開発

このサイトにも、いくつかフリーソフトとして公開していますが、趣味の一環でWindowsソフトを作っています。

開発環境は、C++Builder Community Edition　です。

趣味やスタートアップ企業の場合には、無料で使えます。
無料で使える開発環境としては、「Visual Studio」が有名で情報も豊富だと思いますが
筆者は以前、「Delphi」 を使った経験があったのでその流れで「C++Builder」 を使っています。
「Visual Studio」 は使ったことがないので、なんとも言えませんが、
趣味レベルでのWindiwsのビジュアルソフトを作ろうと思うと、C++Builder のほうが簡単だと思います。

3D-CAD/CAM

このサイトでも、かなりの比率で取り上げている、「Fusion360」を使っています。

Help

help.autodesk.com

Fusion360でマシニングセンターを動かす／CAM機能の検証

「Fusion360」 を使いはじめたきっかけは、ボケ防止に個人で購入した３Dプリンターで遊ぶためですが、「CAM機能」も備わっていました。個人使用なら無料ですが、商用でも年間６万円ちょっとで使用できます。この価格で本当に会社のマシニングセンターが動くのだろうか？と思い取り組んでみたのが、約２年前。...

www.kazuban.com

2020.03.27

３Dプリンタ用の３Dデータ作成ソフトを探している時に見つけました。
かなり高機能でびっくりしました。
２か月ほど使った後で、CAM機能もある事を知り、またビックリ！
会社でも、もちろん有料版ですが実際のマシニングセンターのデータ作成に使っています。
個人向けの無料版でもCAM機能はありますが、卓上CNC機レベルだと思います。

2D-CAD

自宅で図面を描くことは多くないですが、自宅の間取り描いたり、町内会の資料作りなどに使いました。
使用しているのは「RootProCAD」です。
オフィス系のソフトよりも、実際の寸法で描けるので、実際のイメージで印刷するのに便利です。
最近では、年賀状の宛名書きに使ってみました

Fusion360とRootProCADで年賀状の宛名印刷をやってみた。

いつも年賀状の通信面は、利用フリーのサイトからはがき画像をゲットして「LibreOffice」の描画ソフトで印刷してます。オープンソースですが、描画ソフト以外にも、文章や表計算、プレゼン資料も作成できます。MS-Officeは高価なので、自宅でのちょっとしたOffice作業なら十分です。宛名書きは、...

www.kazuban.com

2021.12.27

会社でも有料版を使っていますが、かなり複雑な図面も書けます。

治具などの設計には、十分だと思います。

テキストエディタ

WdindowsのBATファイルや、設定ファイル、HTMLなどで簡単なプログラムをしたり、ちょっとした文章を書く場合非常に便利です。
筆者は以前から、「秀丸エディタ」を使っています。
シェアウェアですが、フリーソフト作者は免除してくれると言う事で、かなり昔ですが免除してもらいました。
最近では、Fusion360のポストを編集する時に、「Visual Studio Code」を使い始めました。

Fusion360 CAM ポストプロセッサ徹底解説・概要編

数回にわたって、Fusion360 CAM のポストプロセッサの説明をしようと思います。しかし、筆者自身も独学なので、わかっている範囲での説明になりますし、もしかすると間違いもあるかもしれませんので、ご了承ください。ただ、ポストプロセッサはＮＣデータを出力する機能であり、それ自身が機械を動かすわけで...

www.kazuban.com

2020.11.28

これは、マイクロソフトが無料で公開しているソフトウェアですが、すごく高機能です。
Fusion360ポスト作成以外でも、HTMLでコーティングする時リアルタイムプレビューできて便利です。

Office

会社では、Microsoft Office を使用していますが、自宅では使用頻度は多くありません。
それで、ある程度、Microsoft Officeと互換性もある、「LibreOffice」を使っています。
ライセンスは、「Free Softwere」でありながら、MS-Officeとの互換性も高いです。
MS-Office のデータを直接読み込めますし、Microsoft Office のデータで保存も可能です。

さらに、MS-Officeにない画像や数式を描く機能もあります

まとめ

こんな感じで、かなり、無料で遊ばせてもらっています。
無料と言っても、とてもとても使いこなす事はできませんね。
じじぃの暇つぶしには、十分です。(^^ゞ

宛名書きは、今までは奥さんが書いてくれていましたが、今回は印刷してみる事にしました。
年賀状ソフトを使えば簡単なのでしょうが、ほとんどフリーで固めてる私は、今回もフリー版でやってみます。

RootProCAD のインストール

年賀状画像の取り込みと、文字を配置する目印枠はFusion360で行いますが、
文字入力や印刷は、２D・CADの「RootProCAD」を利用しようと思います。
RootProCAD はこちら「https://www.rootprocad.com/ 」からダウンロードできます。
フリー版でもかなりの図面を描けますが、「画像読み込み」や「DXFへの書きだし」ができません。

はがきの表面をスキャン

郵便番号や住所、名前を正確に印刷するには、やはりハガキのレイアウトが必要です。
最初は定規で測ってCADで描こうと思っていましたが、Fusion360のキャンパス機能を使ってみようと思います。
まずは、ハガキをスキャンして、画像データにします。
もしかすると、郵便局のサイトに置いてあるような気もしますが、プリンタのスキャナを使用します

ハガキ画像をFusion360に取り込む

実は、RootProCADも有料のPRO版なら画像も取り込めそうですが、フリー版では制限されています。
まずは、Fusion360に取り込み、目印枠線をCAD化してDXFへ変換し、RootProCADに取り込みたいと思います。
画像の取り込みはFusion360では、「キャンパス」機能を使用します。

Fusion360を立ち上げたら、「キャンパス」から「マイコンピュータから挿入」で読み込みたい画像を選択します

ここで、倍率も変更できますが、次にきっちりハガキサイズに調整するので、ここではそのままで大丈夫です
ただし、傾いたりしている場合には、ここで直しておいてください。

次に、サイズを調整します。

サイズ調整は、ブラウザの「キャンパス」内の挿入した画像の右ボタンで現れる
リストボックスの「位置合わせ」で行います。
「位置合わせ」起動後、出てくる「＋」のアイコンで、ハガキ幅を選択後、寸法を設定します。

ハガキサイズは、100mm×148mmなので、幅を「100mm」に設定しました。
基準を選択する場合、十分拡大したほうが、正確に設定できます。

郵便番号欄など目印枠をスケッチ

住所など文字入力と印刷は、RootProCADで行います。
Fusion360にも「図面」機能がありますが、慣れの問題もありますが、思ったように文字を描いたり、印刷したりするには、やはり図面作成専用のCADのほうが簡単です。
最初に、郵便番号などの位置を示す図形をFusion360の「スケッチ」で描いて、その後「DXF」に変換し、RootProCADでインポートしようと思います。

まずは、Fusin360の「スケッチ」モードの「長方形」コマンドでハガキの外枠を描いてみましょう

長方形寸法を、100×148に設定し、長方形頂点をハガキの頂点に合わせます。
さきほど、画像サイズを調整したので、長方形と画像はほぼ合っていると思います。

次に、郵便番号枠を描きましょう。拡大表示したほうが作業が楽です。
外周枠、同様に「長方形」コマンドで、番号枠を描きます。
私は 6.2×8.6で描きました。

この長方形を、「作成」⇒「矩形状パターン」で連続コピーすると、簡単に同じ枠を描くことができます。
さらに、下側の抽選番号欄など、住所などの文字に干渉させたくない箇所にも長方形を描いておきます。
書き終わったら、「スケッチ」を終了します。

DXFデータに変換

枠を書き終わったら、「DXF」に変換します

ブラウザの使用したスケッチを右ボタンで出てくる、「DXF形式で保存」コマンドで変換できます。

RootProCAD へ取り込み

RootProCAD を立ち上げ、「ファイル」⇒「読み込み」⇒「DXF/DWGファイルの読み込み」で
DXFをインポートします。

読み込むと「部分図」モードになっているのが、下側のタブで確認できます。

用紙サイズをハガキサイズにする

下側のタブで「用紙１」に切り替えると、用紙のサイズがデフォルトでは「A4」になっています。
「サイズ指定」でハガキサイズ100×148に変更します。

左側の「部分図ツリー」を「部分図タブ」に切り替えると、プロパティで用紙サイズを設定できます。
「用紙種類」を「サイズを指定」にすると、設定できます。
ここで。「用紙向き」⇒「縦」、「用紙横サイズ」⇒「100」、「用紙縦サイズ」⇒「148」
「印刷」⇒「しない」、「印刷スケール」⇒「1」に設定します。
この枠線はあくまで、目安なので、「印刷はしない」にします。

枠線を用紙内に合わせる

用紙サイズの設定が終了すると、取り込んだ枠線が用紙内からはみ出ていると思います。
「移動コマンド」で、枠線を用紙サイズを合わせます

図形の移動は、「編集」⇒「移動」⇒「移動」や、「移動アイコン」で起動します。
コマンドを起動したら、移動したい枠線要素をマウスで囲って選択し、
外枠の頂点を用紙の頂点へ移動します。

郵便番号入力

用紙と枠線を一致させると、郵便番号枠内へ番号を入れます。

文字の入力は、「文章」コマンドで行います。
「文章」コマンドが起動すると、文字を入力するダイアログが表示されます。
ここで、文字フォントや文字サイズ、入力文字を入力します。
今回は、郵便番号なので、番号を入力します。
番号は、１文字づつでもいいですし、うまくスペースなどで、枠内へ入れる事ができれば
連続で入力したほうが楽ですね。
私の環境では、文字サイズを「8」にして、文字間に「半角スペース」でうまく調整できました。
文字の配置は、用紙上に描かれた文字列をクリックする事で、文字列の枠や配置位置をマウス操作で調整できます。
マウスでうまく枠内に文字列が納まるように、入力された文字列をもっていきます。

住所入力

住所も同様に「文章」コマンドを使います。
ただし、縦書きにしたい場合には、文章コマンドの入力枠を縦長に調整し
配置位置へはマウスで移動させます。

番地を数字にすると、うまく調整できませんでした。漢数字がよさそうです。
一度確定後、再編集には、編集したい文字列をクリックする事で、編集モードへ戻れます。

名前

名前も同様に「文章」コマンドを使います。
フォントの種類やサイズを調整します。

レイヤ変更

住所や名前は当然印刷しますが、文字位置の目印になる長方形枠は印刷したくありません。
このように各要素に複数の用途がある場合、同じ用途の要素をグループとして
各レイヤーにまとめておきます。
レイヤーは、作図や文字入力前に決めてもいいですし、今回のように後での変更も可能です。

レイヤーは、レイヤーリストから「レイヤの追加」で追加できます。
デフォルトでは「新しいレイヤ１」になりますが、分かりやすい名前に変更する事もできます。
レイヤを追加したら、同じ用途の要素をレイヤごとにまとめます。
今回は、郵便番号、住所、名前を、「宛先」レイヤに変更します。

レイヤ変更したい要素を「Shift」キーを押しながら、選択します。
選択要素が確認できたら、プロパティのレイヤ項目で、希望のレイヤに変更します。
変更後は「レイヤツリー」で確認しておきましょう。

レイヤツリーで対象のレイヤを選択すると、プロパティに設定が表示されます。
今回は、「枠」は「印刷しない」。「宛先」は「印刷する」の設定を確認しておきます。

印刷設定

さぁ、いよいよ印刷ですが、その前に「ファイル」⇒「印刷設定」で印刷状態を設定します。

ポイントは、「用紙サイズ」が「はがき」、「印刷の向き」が「縦」になっていることを確認します。
最後に「印刷プレビュー」で確認できます。

印刷

最初の印刷で、郵便番号がちょっとヅレてしまいました。
ちょっと調整して完成しました。
試し印刷は必要ですね。
今回は年賀状に宛名の印刷をしてみましたが、スキャンデータを実際の寸法に合わせる事ができれば
他の印刷へも対応できそうです。

ブロックエディタ

「WordPress」の更新はかなり多くて、更新によって記事を書くエディタも変わってきています。
現在は「ブロックエディタ」と呼ばれる形式になっています。
「ブロックエディタ」は、文章や画像をブロック単位で作成していきます。
もともと、Webに公開するには「HTML」言語を使用しますが、「ブロックエディタ」を使うと「ワード」などのような感覚でHTMLを知らなくても記事をレイアウトできます。
実際に、このページも「ブロックエディタ」で作成しています。
ブロックの種類はかなり沢山用意されているので、これを利用してソフトの一覧ページは作れそうです。

「テーブル」や「メディアテキスト」などで、なんとか作れそうですが、ちょっとやってみた感じでは思っているようなページにするには難しそうです。
リンク集を作るプラグインもあるようですが、こっちもいろいろ面倒そう！？
結局自分で「HTML」を書いたほうがよさそうです。
HTMLは以前ちょっとだけ触った経験がありますが、もう忘れてしまっているので再挑戦です。
練習問題としては、ちょうどいいかもしれません。
HTMLは、ネット上に情報がたくさんあるので、リンク集程度のページを作るには、不自由しないですね。

HTML

ページのイメージとしては、左側にソフトのスクリーンショットがあって、その画像は記事にリンクさせます。
次に簡単な説明文、さらに次の列にダウンロードリンクがあるようなイメージです。
そうなると、やっぱり表になりそうです。
忘れてしまっていたので探してみて、
このサイトを参考にさせていただきます。
こちらのサイトもとても参考になりました。
HTMLで表を作るのは、<table>タグを使います。
さらに、<tr>から</tr>の間に、行の情報。
<td>から</td>の間に、列の情報を書いて行きます。
最初の<td>を<th>にすれば、見出しになるようです。
ちょっと、かいてみましょう。

<table>
  <tr>
    <th>ソフト</th>
    <th>概要</th>
    <th>ダウンロード</th>
  </tr>
  <tr>
    <td>G90G91Convert</td>
    <td>G90をG91に変換する</td>
    <td>https://www.vector.co.jp/soft/winnt/business/se521023.html</td>
  </tr>
</table>

これを、「html_test01.html」と言うファイル名で保存して、Edgeなどブラウザで表示させてみました。

予定通り、最初の行が表題になり、次の行で３列の表になってくれました。

ブロックエディタは自動的に属性が付く

これを、「WordPress」の「ブロックエディタ」の「HTML」モードにコピペしてみると、

自動的に、属性を付けてくれて、より表らしくなりました。
表らしくはなりましたが、スタイルの変更はどうやってやるんでしょう？
「WordPressテーマ」の「CSS」の変更でできそうですが、他への影響も考えられるのであまりやりたくないです。
自分用の「CSS」を用意しようと思います。
通常スタイルは「CSS」を追加して変更していきますが、「WordPress」の場合どこに書くのでしょう？
こちらも、少し調べてみようと思います。

VSCode(Visual Studio Code) の Emmet

その前にタグを書いていくわけですが、「WordPress」の「HTML」モードでも、書いていくことは可能です。
ただ、「HTML」は文字や画像を＜タグ＞と＜／タグ＞ではさむのが基本ですし、今回の表のような場合には同じようなコードを何度も書くことになります。
面倒だな～と思っていたところ、このサイトでもFusion360のポストプロセッサの記事で紹介した、「VSCode」が「HTML」を書くのにも非常に便利だとの情報を見つけました。
https://blog.proglus.jp/3461/
https://qiita.com/tedkuma/items/67876e6be3369b0e730c
https://b1tblog.com/2019/10/23/vscode-html/
https://pouhon.net/html-emmet/430/
ここを参考すると、「Emmet」という強力な機能があるようです。
タグではさむ場合は、「<」は省略して、タグ名だけ書いて「Tab」キーを押す事で完成させてくれますし、
タグ名も途中まで書いただけで、補完して希望の候補を表示してくれます。
さらに、タグ名を「>」で繋げる事で一気にかけたり、「*」で同じタグを複数書けたりするようです。
例えば

table>tr>th*3

このように書くだけで、補完内容が表示されます。

ここで、「Tab」キーを押すと、一気に書きだしてくれます。

いやぁ、便利ですね～
さらに、「スニペット」と言うのを登録するを、自作もできるそうです。
https://tt-computing.com/vscode-user-snippets

CSS

見栄えを編集するには、「CSS」を使います。
通常「CSS」を書く場所は、３種類あるようです。
・外部ファイル
・<head>～</head>の中の<style>～</style>タグ内
・<p>などのタグに、直接書く（インライン）
このなかで、「外部ファイル」を用意するのがスッキリしそうですが、
「WordPress」の場合、テーマを自由に選択でき、サイトの外観を簡単に変更する事ができます。
したがって、外観を制御する「CSSファイル」もインストールした各テーマ内のファイルを追加・編集するようです。
一つのページのスタイルだけのために、これはちょっと面倒です。
かと言って、インラインに直接書いた場合、同じ設定のタグが複数ある場合、修正する場合大変です。
私は、<style>タグに書くことにしました。
まずは、VSCode で新規ファイルを開きし、「html」の拡張子で、適当なファイルを作成します。
まっさらな状態で「Emmet」を使ってみましょう！
「　!　」キーを入力し、「TAB」キーを押すと、すごいです、瞬時にHTMLのひな型が出来てしまいます。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>

</body>
</html>

ここの、</head> の上部に<style>を追加して行こうと思います。

こちらを参考にさせていただきました。

<style>タグ

参考に<style>　～　</style>の間に、書いて表示させてみます。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    table {
      border-collapse: separate;
      border-spacing: 5px;
      width: 100%;
    }
    table th {
      background-color: purple;
      border: solid 1px blue;
      color:white;
      border-radius: 10px;
      text-align: center;
      padding: 10px 0;
    }
    table td {
      background-color: lightblue;
      border: solid 1px blue;
      border-radius: 10px;
      text-align: center;
      padding: 10px 0;
    }
  </style>
</head>
<body>
  <table>
    <tr>
      <th>ソフト</td>
      <th>概要</td>
    </tr>
    <tr>
      <td>G90G91Convert</td>
      <td>G90をG91に変換する</td>
    </tr>
  </table>
</body>
</html>

この表示は別のブラウザで表示させたものを、切り取った画像ですが
単独のHTMLファイルでは、思ったようなスタイルになりました。
ところが「WordPress」のブロックエディタに組み込むとうまく反映されず、
逆に、別のところにこのスタイルが反映されていたりしました。
既存のスタイルと混同してしまったのかもしれません。

これも、ブラウザで表示した画像を切り取ったものですが、表のタイトルが標準のスタイルになっています。
逆に、サイドバーのカレンダーに影響を与えてしまっています。

クラス属性

そこで、<table>や<td>のタグに、クラス属性を付けてみます。
<table>タグにクラス属性を付けるには、「CSS」で「.」に続いてクラス名を書きます。
使用するときは、「<タグ名 class=”クラス名”>」とします。
上の例では、<table>を<table.kazuban> <table th>を<table.kazuban th>と変更してみました。
クラスを利用するには、「class=”クラス名”」とします。
今回の場合には、「<table class=”kazuban”」としました。

この表示は、「WordPress」ブロックエディタの「HTML」モードへ書き込んだデータです。
したがって、上部二つの例の画像表示ではなく、「HTML」を直接ブラウザを通して表示させています。
クラス属性を付ける事で、思ったスタイルになりました。
こんな感じで、「フリーソフト」ページを作成しました。

固定ページで登録しました。
最上部メニュー「フリーソフト」からもアクセスできます。

まとめ

久しぶりに、「HTML」を使ってみました。
「HTML」は＜タグ＞と＜/タグ＞で閉じなければいけなくて、表を作成する場合は同じようなコードをいくつも書かなければいけません。
ところが、「VSCode」の「Emmet」を使うと、一気に書いてくれます。
さらにスタイルに重要な色データも、プルダウンで目確認しながら選択でるのでとても便利です。
最初から自分で書き上げる場合は問題ないでしょうが、「WordPress」内で「CSS」を使用する場合には、すでに「WordPressテーマ」内で「CSS」が定義されているので、場合によっては希望しない影響がでる事もありそうです。
スタイルを追加する場合には、自分専用のユニークなクラス属性を使た方がよさそうです。

Windows10の、表示機能

エクスプローラーでも「表示」タブで、「隠しファイル」は見えないようにする機能はあります。
ただこれは、隠したいファイルやフォルダをプロパティで「隠しファイル」属性に設定しなければいけません

さらに、「表示」タブの「隠しファイル」にチェックがなければ、そのフォルダは隠れてくれますが

チェックを入れると、薄いながら、出現してしまいます。

結局これじゃ、あまり意味ないですね。

attrib コマンドで可能

何かいい方法はないのかな～？
と探してみると、ありました。ありました。
Windowsの「attrib」コマンドで、設定できそうです。
このサイトの情報では、「+r」「+h」「+s」のオプションで、「読み取り」「隠し」「システム」の３つの属性を付加する事で完全に非表示にできるようです。

ソフト開発

確かに「コマンドプロンプト」から実行すれば、完全に非表示にする事ができました。
でもちょっと面倒ですね。
それに、後々隠したフォルダを忘れてしまう可能性もあります。
そのあたりも考慮して、もう少し簡単に隠しフォルダにするツールを作成してみました。

仕様

• 開発環境：このサイトでもたまに紹介している、C++Builder で作成します。
• フォルダのみを対象にします
• 対象フォルダをドロップする事で、隠しフォルダにします
• 隠しフォルダにすると同時に、そのフォルダのショートカットも同時に作成します。
• 隠しフォルダには、そのショートカットからアクセスできます。
• ショートカットをドロップする事で、隠しフォルダを見えるようにします。
• 隠しフォルダの場所が分かっている場合には、その親フォルダ内のリストから、復活できるようにします

こんな仕様で、開発していこうと思います。

C++Builder からコマンドプロンプトを実行させる。

「_wsystem」関数が使えます。

UnicodeString path = "C:\\TempFolder";
UnicodeString cmd="attrib +r +h +s ";
cmd += path;
_wsystem(cmd.c_str());

こんな感じで、コマンドと対象フォルダの文字列のポインタを「_wsysytem」関数に渡します

使用方法

ソフトを立ち上げたら、隠したい対象のフォルダをドロップします。

ドロップすると、「ターゲットフォルダ」にフォルダのフルパスが表示されます
隠す場合には、「フォルダを隠す」にチェックを入れます
ショウーカット名で、対象フォルダ名の前にその文字列が追加された、ショートカットが追加されます
ターゲットフォルダを確認し、「実行」ボタンで実行されます。

確認のメッセージが表示されるので、再度ターゲットフォルダを確認し間違っていなければ、「OK」で処理されます。
たまに、隠したはずが、隠れていない場合がありますが、エクスプローラで【F5】キー・更新で結果が反映されます。

この例では、「フォルダー01」フォルダは見えなくなり、「（秘密）フォルダー01」ショートカットが作成されています。
隠れたフォルダへは、作成されたショートカットからアクセスできます。
ショートカットは、違う場所へ移動可能です。
たとえば、USBなどに移動しておくと完全に見えなくなり、USBを所有している人以外は簡単には探せません

ショートカットから復活させるには

①ショートカットから復活させるには、そのショートカットをドロップします。

②ドロップすると、エクスプローラが起動しショートカット先が表示されるので、再度そのアドレスバーから対象のフォルダをドロップします。
「隠しフォルダを表す」にチェックをいれて、「実行」ボタンで復活できます。

親フォルダから選択して復活させる

今は見えていないけど、確かこのフォルダには、隠しフォルダが存在しているはずだ！
と隠しフォルダの親フォルダが分かっている場合にはそのフォルダをドロップします。

ターゲットフォルダが間違いなければ、「フォルダリストから選択」をチェックして「実行」

右側にフォルダ内部のリストが表示されます。このリストは、隠しフォルダも表示されます。
復活させたい「隠しフォルダ」を選択すると、ターゲットフォルダにも反映されます
そのフォルダで間違いなければ、「隠しフォルダを現す」をチェックして「実行」ボタンで復活させる事ができます。

ダウンロード

こちらから、ダウンロードできます

【WindowsによってPCが保護されました。】
が表示されますが、詳細情報をクリックし「実行」ボタンで実行できます

先日、Vector にも公開されました。

こちらであれば、「Windows」からの警告はでないはずです。