https://blog.hitsujin.jp/ IT系と日常系の備忘録。三日坊主。 ja-JP Wed, 15 Jan 2025 01:18:41 +0900 https://blog.hitsujin.jp/ https://blog.hitsujin.jp//entry/2025/14 https://blog.hitsujin.jp//entry/2025/14 <p>元々はWordPressで運用していたこのブログ。<br /> その後ブログだけのためにVPSを運用するコストが高すぎてはてなブログに移行し、そして静的サイトジェネレータを利用したブログ構築が流行り始めたのでその波に乗ったのが3年ちょっと前。</p> <p><p><div class="bcard-wrapper"><span class="bcard-header withgfav"><div class="bcard-favicon" style="background-image: url(https://www.google.com/s2/favicons?domain=https://blog.hitsujin.jp/entry/2021/10/26/223803)"></div><div class="bcard-site"><a href="https://blog.hitsujin.jp/entry/2021/10/26/223803" rel="nofollow" target="_blank">Pandora Pocket</a></div><div class="bcard-url"><a href="https://blog.hitsujin.jp/entry/2021/10/26/223803" rel="nofollow" target="_blank">https://blog.hitsujin.jp/entry/2021/10/26/223803</a></div></span><span class="bcard-main withogimg"><div class="bcard-title"><a href="https://blog.hitsujin.jp/entry/2021/10/26/223803" rel="nofollow" target="_blank">ブログをはてなブログProから引っ越した話</a></div><div class="bcard-description">はてなブログ Pro、機能的には申し分なくて便利に利用していたのですが、月額利用料金がそれなりのお値...</div><a href="https://blog.hitsujin.jp/entry/2021/10/26/223803" rel="nofollow" target="_blank"><div class="bcard-img" style="background-image: url()"></div></a></span><span><a href="//b.hatena.ne.jp/entry/s/blog.hitsujin.jp/entry/2021/10/26/223803" ref="nofollow" target="_blank"><img src="//b.st-hatena.com/entry/image/https://blog.hitsujin.jp/entry/2021/10/26/223803" alt="[はてなブックマークで表示]"></a></span></div></p></p> <p>以降ブログ更新が捗るか・・・といえばそうでもなく、中途半端にOEmbed対応した結果、ブログのビルドに10分近くかかってしまう（並列処理できてなかった）問題がありました。<br /> 後で直そうと思っていたもののずっと放置していたのですが、久しぶりに（1年ぶりに）ブログを書こうかと思ってみたら、エントリをGitHubにプッシュした後に動作するGitHub Actionsでエラーが。</p> <p>ずっと放置していた関係で.NET SDKのバージョン指定が古く（.NET5だった）、処理不能になっていたのが原因だったんですが、それだけでなく指定されたURL遷移先がエラーだった場合のOEmbedの処理がよろしくなくて動作不全を起こしていることも発覚。</p> <p>仕方がないので重い腰を上げて書き換えることに。</p> 2025-01-14T22:00:00+09:00 https://blog.hitsujin.jp//entry/2025/01/05 https://blog.hitsujin.jp//entry/2025/01/05 <p>とっくに2025年になってますがあけましておめでとうございます。</p> 2025-01-05T12:00:00+09:00 https://blog.hitsujin.jp//entry/2024/01/28 https://blog.hitsujin.jp//entry/2024/01/28 <p>SSHの秘密鍵、皆さんどうやって管理されてるんでしょう。</p> <p>私はこれまで秘密鍵についてはCryptmatorを使って暗号化したうえでOneDriveに保存するようにしていました。<br /> これだと複数マシンで楽に利用できますし、Cryptmatorの仮想ドライブ機能で復号したファイルを参照できるのでいちいちファイル暗号化、復号を行う必要がないわけです。</p> <p>ここ数年はこれで問題なく運用してきましたし、別にこれで困ったことはありません。</p> <p>ただ、普段パスワード管理で利用している1PasswordにSSHエージェント機能が搭載され(2022年のv8.6で)、わざわざ秘密鍵をファイルとして管理しなくとも、統一的かつ安全に管理することができるようになったので、重い腰を上げてそちらに置き換えることにしました。</p> 2024-01-28T01:00:00+09:00 https://blog.hitsujin.jp//entry/2023/05/18 https://blog.hitsujin.jp//entry/2023/05/18 <p>これまでRaspberryPi上にISC DHCPをインストールして自宅内DHCPサーバーを運用してたんですが、USBメモリーブートのRaspberryPiだと長期間運用が厳しく、かといってこのためだけにUSB接続のSSDを導入するのももったいない。<br /> 今回仮想化プラットフォームのProxmoxを導入したので、この機会に環境を一新。</p> <p>今回はただDHCPサーバーを構築するだけだとつまらない（？）ので、</p> <ul> <li>DHCP機能</li> <li>DNS機能</li> <li>広告ブロック機能</li> <li>VPN機能</li> </ul> <p>を持ったサーバーを立ち上げることに。</p> <p>というわけで、AdGuard HomeをインストールしてDHCP、DNS、広告ブロックを行いつつ、Tailscaleで自宅の外から広告カットできるVPN接続を行える環境構築。</p> 2023-05-18T23:00:00+09:00 https://blog.hitsujin.jp//entry/2023/05/17 https://blog.hitsujin.jp//entry/2023/05/17 <p>今回構築したProxmoxマシンは録画マシンも兼ねているため、大容量HDDを直接VMから読み書きできるようにしたい。</p> <p>VMware ESXiの頃はRDMの設定を行って直接読み書きできるようにでき、10年近く前にブログ記事にまとめていた。</p> <p><p><div class="bcard-wrapper"><span class="bcard-header withgfav"><div class="bcard-favicon" style="background-image: url(https://www.google.com/s2/favicons?domain=https://blog.hitsujin.jp/entry/2014/06/08/161357)"></div><div class="bcard-site"><a href="https://blog.hitsujin.jp/entry/2014/06/08/161357" rel="nofollow" target="_blank">Pandora Pocket</a></div><div class="bcard-url"><a href="https://blog.hitsujin.jp/entry/2014/06/08/161357" rel="nofollow" target="_blank">https://blog.hitsujin.jp/entry/2014/06/08/161357</a></div></span><span class="bcard-main withogimg"><div class="bcard-title"><a href="https://blog.hitsujin.jp/entry/2014/06/08/161357" rel="nofollow" target="_blank">ESXiサーバーにRDMでHDD増設をしてみた</a></div><div class="bcard-description">一年前にESXiサーバーを構築し、録画サーバーを仮想マシンとして運用しているのですが、録画ファイルを...</div><a href="https://blog.hitsujin.jp/entry/2014/06/08/161357" rel="nofollow" target="_blank"><div class="bcard-img" style="background-image: url()"></div></a></span><span><a href="//b.hatena.ne.jp/entry/s/blog.hitsujin.jp/entry/2014/06/08/161357" ref="nofollow" target="_blank"><img src="//b.st-hatena.com/entry/image/https://blog.hitsujin.jp/entry/2014/06/08/161357" alt="[はてなブックマークで表示]"></a></span></div></p></p> <p>Proxmoxでも同じように設定できたので覚書き。</p> 2023-05-17T00:20:00+09:00 https://blog.hitsujin.jp//entry/2023/05/16 https://blog.hitsujin.jp//entry/2023/05/16 <p>ProxmoxではKVMを利用した仮想マシン作成だけでなく、LXCコンテナの作成も可能。</p> <p>LXCはまるで仮想マシンのようにそれぞれのコンテナ単位で独立したOSをインストールして構築するわけではなく、一つのLinuxカーネルを利用して複数の独立した環境を作ることができるため、リソースの消費が少ないのが特徴。<br /> またDockerとは違い1コンテナ当たり1プロセスというわけではないので、複数のプロセスを同時に動かせることがメリット。</p> <p>Dockerはアプリケーションの隔離環境で、LXCは軽量な仮想マシン環境というイメージ。</p> 2023-05-16T00:30:00+09:00 https://blog.hitsujin.jp//entry/2023/05/15 https://blog.hitsujin.jp//entry/2023/05/15 <p>前回までにProxmoxのインストールと初期設定が完了したので、今度は仮想マシンを作成するところから。</p> <p>今回はWindows 11の仮想マシン作成。</p> 2023-05-15T00:15:00+09:00 https://blog.hitsujin.jp//entry/2023/05/14 https://blog.hitsujin.jp//entry/2023/05/14 <p>これまでVMWare ESXiを利用して仮想環境を構築していたんですが、</p> <ul> <li>ESXi 7.0からRealtekのNICドライバがインストールできない <ul> <li>正確にはこれまでコミュニティが提供していたが、最新のドライバ形式に対応できない</li> </ul> </li> <li>無償ESXiはTPM対応ができないか、手段が複雑</li> </ul> <p>という問題があり、また今後も継続的に無償で使うことができない可能性も否定できないこともあり、そろそろ別の仮想化ソリューションを検討したいなぁと。</p> <p>そんなわけでいろいろ調べたところ Proxmoxというソリューションが大変よさげだったので導入しました。</p> <p>なお、今回は一旦ESXi上で作っていた仮想化環境をすべてふっ飛ばして一から作ることにしたので移行作業はなし。</p> 2023-05-14T23:00:00+09:00 https://blog.hitsujin.jp//entry/2023/05/05 https://blog.hitsujin.jp//entry/2023/05/05 <p>Windows 11の再インストールをする際、OOBE画面の操作でいちいちUSB接続のマウスを使う必要があるのは面倒だなぁと思っていたところ、知り合いから良い方法を教えてもらったのでメモ。</p> <p><img src="/entry/2023/05/05/oobe.png" alt="" /></p> <p>OOBE画面では Shiftキーを押しながらF10を押すとコマンドプロンプトが起動する。</p> <p>コマンドプロンプトで <code>start ms-settings:</code> を実行すると、Windowsの設定画面が表示されるので、あとは頑張ってキーボードでBluetooth接続すればOK。</p> <p>ネットワークを切断した状態でOOBE画面を進めることができる <code>oobe\bypassnro</code> も別途覚えておくとローカルアカウントでセットアップしたいときに便利。</p> <p><p><div class="bcard-wrapper"><span class="bcard-header withgfav"><div class="bcard-favicon" style="background-image: url(https://www.google.com/s2/favicons?domain=https://forest.watch.impress.co.jp/docs/serial/yajiuma/1401644.html)"></div><div class="bcard-site"><a href="https://forest.watch.impress.co.jp/docs/serial/yajiuma/1401644.html" rel="nofollow" target="_blank">窓の杜</a></div><div class="bcard-url"><a href="https://forest.watch.impress.co.jp/docs/serial/yajiuma/1401644.html" rel="nofollow" target="_blank">https://forest.watch.impress.co.jp/docs/serial/yajiuma/1401644.html</a></div></span><span class="bcard-main withogimg"><div class="bcard-title"><a href="https://forest.watch.impress.co.jp/docs/serial/yajiuma/1401644.html" rel="nofollow" target="_blank">ローカルアカウントで「Windows 11 Home」をセットアップする方法 - やじうまの杜 - 窓の杜</a></div><div class="bcard-description">　「やじうまの杜」では、ニュース・レビューにこだわらない幅広い話題をお伝えします。</div><a href="https://forest.watch.impress.co.jp/docs/serial/yajiuma/1401644.html" rel="nofollow" target="_blank"><div class="bcard-img" style="background-image: url(https://forest.watch.impress.co.jp/img/wf/list/1401/644/image-top.jpg)"></div></a></span><span><a href="//b.hatena.ne.jp/entry/s/forest.watch.impress.co.jp/docs/serial/yajiuma/1401644.html" ref="nofollow" target="_blank"><img src="//b.st-hatena.com/entry/image/https://forest.watch.impress.co.jp/docs/serial/yajiuma/1401644.html" alt="[はてなブックマークで表示]"></a></span></div></p></p> 2023-05-05T16:00:00+09:00 https://blog.hitsujin.jp//entry/2023/05/04 https://blog.hitsujin.jp//entry/2023/05/04 <p>ウェブサイト構築中にちょっとはまったのでメモ。</p> <p>Formタグの中にSubmitを行うボタンをおけない場合、 <code>input=&quot;submit&quot;</code> のボタンをFormタグ内にhidden状態で記載し、Formの外のボタンを置きたい場所にラベルタグとfor属性を利用してボタンを設けるという方法がありますが、これだとEnter押下時にSubmitが走ってしまうという問題があったため、 <a href="https://developer.mozilla.org/ja/docs/Web/API/HTMLFormElement/submit">HTMLFormElement.submit()</a>を利用して回避。</p> <p>ただ、これはMDNにも記載されている通りsubmitイベントが発生せず、制約検証も行われない問題が。</p> <h3 id="htmlformelement.reportvalidity">HTMLFormElement.reportValidity()</h3> <p>HTML5.1から <code>HTMLFormElement.reportValidity()</code> という制約検証を行うための機能が追加されてた模様。知らなかった・・・。</p> <p>これを <code>HTMLFormElement.submit()</code> 実行前に呼び出して結果が <code>true</code> だった場合にだけsubmit処理させるようにしてやればOK。</p> <p><code>reportValidity()</code> はエラーが存在する場合、<code>required</code> などの制約検証に対するメッセージが該当のフォーム要素に表示されるそう。</p> <p>似たようなもので <code>checkValidity()</code> があり、こちらは制約検証結果をtrueかfalseかで返すだけ。エラーメッセージは表示されないので、独自にメッセージを調整したい場合などには有用。</p> 2023-05-04T13:00:20+09:00