HarioNote

<p>※ Xmindの機能では対応できなかったので、別のアプローチで対応する内容になります。</p>
<h2>背景</h2>
<p>Xmindというマインドマップツールを好んでよく使うのですが、WindowsでXmindを使用する際、Web版でもデスクトップ版でもShiftキーを押しながらマウスホイールで横スクロールできないのが個人的にちょっとストレスでした。（Macではどうなのかまでは未確認ですがパットで操作するので不便はないです。）</p>
<p>私が調べた時点では、Xmindの設定などで解消はできそうにありませんでした。<br>
そこでちょっとワークアラウンド的なやりかたでこれを解消しようと思います。</p>
<h2>やること</h2>
<p><a href="https://www.autohotkey.com/">AutoHotkey</a>というツールを使用します。<br>
（Wikipediaのページはこちら：<a href="https://ja.wikipedia.org/wiki/AutoHotkey">https://ja.wikipedia.org/wiki/AutoHotkey</a>）</p>
<p>これを使用して、Shift＋マウスホイールしたときは横スクロールの入力になるようにしてもらいます。</p>
<h3>作業手順</h3>
<h4>1. AutoHotkeyをインストールする</h4>
<p><a href="https://www.autohotkey.com/">https://www.autohotkey.com/</a> にアクセスし、Downloadからインストーラをダウンロードします。<br>
ダウンロードしたらインストールします。<br>
<img src="https://storage.googleapis.com/newt-files/78220ff9-b674-4e3d-b8c7-e988f094d857/2024-07-13_1.webp" alt="2024-07-13_1.webp"></p>
<h4>2. スクリプトファイルを作成する</h4>
<p>AutoHotkeyを起動して「New script」で適当な名前を付けて「Create」で.ahkファイルを作成します。<br>
<img src="https://storage.googleapis.com/newt-files/40d513ae-064f-4123-b666-252ec74fc0e4/2024-07-13_2.webp" alt="2024-07-13_2.webp"><br>
<img src="https://storage.googleapis.com/newt-files/b5eb4122-322d-4751-b516-36d988600277/2024-07-13_3.webp" alt="2024-07-13_3.webp"></p>
<p>作成されたahkファイルをテキストエディタで開いて以下のように編集します。</p>
<pre><code>Shift &amp; WheelUp::Send {WheelLeft}
Shift &amp; WheelDown::Send {WheelRight}
</code></pre>
<p>編集したら保存します。</p>
<h4>3. スクリプトファイルを実行ファイルに変換する</h4>
<p>今度はAutoHotkeyで「Compile」を開きます。<br>
<img src="https://storage.googleapis.com/newt-files/4099e890-1cb5-4503-8ea0-9757bb25b492/2024-07-13_4.webp" alt="2024-07-13_4.webp"><br>
<img src="https://storage.googleapis.com/newt-files/9a30a713-53e0-4e58-9495-ca06bc8021c8/2024-07-13_5.webp" alt="2024-07-13_5.webp"><br>
「Main Parameters」の「Source」で先程作成したahkファイルを指定してConvertをクリックします。<br>
これでexeファイルが作成されます。</p>
<h4>4. 実行ファイルを実行してみる</h4>
<p>作成されたexeファイルを実行してみましょう。<br>
特に何かが表示されるわけではないですが試しにXmindの画面で、Shiftキーを押しながらマウスホイールしてみます。横にスクロールされるようになっていれば成功です。</p>
<h4>5. PC起動時に自動実行されるようにする</h4>
<p>PCを再起動するとこの機能はまた無効になり、再度exeファイルを実行する必要がありますが、毎回起動するのは面倒なので自動で実行するようにします。</p>
<p>まず、「Windowsキー + R」を押して「ファイル名を指定して実行」ダイアログを開きます。<br>
「shell:startup」と入力して、スタートアップフォルダを開きます。<br>
<img src="https://storage.googleapis.com/newt-files/709c97cf-3516-48fd-81ba-31f94caa3713/2024-07-13_6.webp" alt="2024-07-13_6.webp"></p>
<p>開かれたスタートアップフォルダに作成したexeファイルを置くか、ショートカットを配置すれば、次回以降PC起動時に自動で実行してくれます。</p>
<p>以上です。</p>
<h2>おまけ</h2>
<p><a href="https://ahkwiki.net/Top">AutoHotkey Wiki</a>なるサイトもありそこにいろいろTips的な情報が載っています。</p>


Xmindで横スクロールをShift+マウスホイールでできるようにしたい

<p>たまにLinuxのデータなどをWindowsであーだこーだするときに、毎回調べているので備忘録として残します。</p>
<p>結論、<code>chcp</code>コマンドを使えばokです。</p>
<pre><code>&gt; chcp
現在のコード ページ: 932
</code></pre>
<p>chcpを実行すると<code>932</code>のように現在の文字コードを教えてくれます。<br>
主な文字コードの対応表は以下になります。</p>
<table>
<thead>
<tr>
<th>コード</th>
<th>.NET Name</th>
<th>補足</th>
</tr>
</thead>
<tbody>
<tr>
<td>932</td>
<td>shift_jis</td>
<td>ANSI/OEM Japanese; Japanese(Shift-JIS)</td>
</tr>
<tr>
<td>20127</td>
<td>us_ascii</td>
<td>US-ASCII (7-bit)</td>
</tr>
<tr>
<td>51932</td>
<td>euc-jp</td>
<td>EUC Japanese</td>
</tr>
<tr>
<td>65001</td>
<td>utf-8</td>
<td>Unicode (UTF-8)</td>
</tr>
</tbody>
</table>
<p>そしてターミナルの文字コードの設定を変更するには以下のようにします。</p>
<pre><code>chcp 65001
</code></pre>
<p>文字化けするときはこれを行ってから検証します。<br>
以上です！</p>


Windowsのターミナル（コマンドプロンプト）で文字化けするときに試すこと

<p>画像をWebサイトで使いたいけどpngだからwebpに変換しなきゃなー、といったときにpaint.netがあればサクッと簡単にできるのでその紹介です。<br>
単純に変換するだけでなく、画像の縦横(width,height)のサイズを小さくしたり、縦横サイズはそのままでデータサイズだけ落としたいなというときにも便利なのでそちらも一緒に活用することもオススメします。</p>
<h2>紹介する内容</h2>
<ul>
<li>paint.netのインストール方法</li>
<li>PNGやJPEGからWebPへの変換方法</li>
<li>画像の縦横サイズの変更方法</li>
<li>画像のデータサイズの変更方法(webp)</li>
</ul>
<h2>paint.net</h2>
<p>paint.netはWindowsにインストールすることができます。<br>
<a href="https://www.getpaint.net/download.html">公式サイトのDownloadのページ</a>からdotPDNの<code>Download Now</code>のところをクリックし、その先のページにあるダウンロードリンクから無料でダウンロードすることができます。</p>
<p><img src="https://storage.googleapis.com/newt-files/265c19a5-8e67-4fb1-95c9-5bd23f1ad323/wefawfa.webp" alt="wefawfa.webp"></p>
<p><img src="https://storage.googleapis.com/newt-files/91b2f362-7745-43f0-8679-9be32f430499/feawfawe.webp" alt="feawfawe.webp"></p>
<p>ちなみに上にMicrosoft StoreのリンクもあることからわかるようにMicrosoft Storeからの入手も可能ですがこちらは有料版になります。<br>
何かしらサポート等が必要な場合はこちらから購入しましょう。</p>
<p>窓の杜にも<a href="https://forest.watch.impress.co.jp/library/software/paintdotnet/">paint.netのページ</a>があるようなのでそこからダウンロードも可能です。<br>
窓の杜にも無料版とストアから購入するためのリンクの2種類の記載があります。</p>
<h2>PNGやJPEGからwebpに変換する</h2>
<p>これはほんとに簡単です。<br>
paint.netで画像を開いて、「名前をつけて保存」で拡張子を<code>WebP (*.webp)</code>を選択するだけです。</p>
<p><img src="https://storage.googleapis.com/newt-files/a1db28f1-aa96-4b71-b168-0b645b91eebb/agwpoijdfe.webp" alt="agwpoijdfe.webp"></p>
<p><img src="https://storage.googleapis.com/newt-files/60a4988c-b305-494a-9477-afedc885b616/awefawec.webp" alt="awefawec.webp"></p>
<h2>画像のサイズ(width, height)を変更する</h2>
<p>メニューの<code>画像</code> &gt; <code>画像サイズを変更</code> を選択します。</p>
<p><img src="https://storage.googleapis.com/newt-files/f1990eae-08b7-46af-b359-e53794cb04f2/aewfaewg.webp" alt="aewfaewg.webp"></p>
<p>画像サイズを変更ウィンドウが表示されるのでそこで「幅」と「高さ」を変更します。<br>
<code>縦横比を固定</code>にチェックを入れておけば「幅」か「高さ」の値を変更すると、自動でもう一方も自動で変更されます。</p>
<p><img src="https://storage.googleapis.com/newt-files/d698d14e-0b00-4f78-b22f-3b388a6dd785/sargsare.webp" alt="sargsare.webp"></p>
<p>変更したら保存すれば完了です。</p>
<h2>画像のデータサイズを変更(小さく)する（webp）</h2>
<p>webpにするならついでに画像のデータサイズをさらに小さくすることもできます。<br>
(pngからwebpにしている時点でデータ容量はかなり小さくなっていますがそこから更に落としたい場合に有用です。)</p>
<p>これも簡単で、開いている画像を「名前を付けて保存」する際にwebp形式を選択して保存をクリックした後に表示される<code>ファイルタイプ用設定</code>のウィンドウで、<code>品質</code>の数値を下げるだけです。</p>
<p><img src="https://storage.googleapis.com/newt-files/28e19fc4-b5b9-40a0-a395-80a2c2db7c63/eafwefaer.webp" alt="eafwefaer.webp"></p>
<p>プレビューで画質が見た目的に変化したかも確認できますし、ファイルサイズも表示してくれるのでどのくらいのサイズで保存できるのかも確認できてとても助かります。</p>
<p><img src="https://storage.googleapis.com/newt-files/5ccea433-96f5-498f-b9e2-29b2ede698be/awefawefaef.webp" alt="awefawefaef.webp"></p>
<p>（↑試しに品質を50にしましたがほぼ変わらないくらい綺麗ですね）</p>
<p>ちなみに今回の例では</p>
<ul>
<li>PNGからWebP(品質100)で「8.05MBから998 KBに削減」</li>
<li>さらに品質100から50で「998KBから155.5KBに削減」</li>
</ul>
<p>つまり8.05MBから155.5KBに削減できました。（webpすごい）</p>
<br />
以上です！


PNGやJPEGをサクッとwebpに変換したり、サイズ変更(縦横orデータサイズ)にはpaint.netが便利で簡単【paint.net / Windows】

<p>Microsoft 365 Business StandardからMicrosoft 365 Apps for businessに乗り換えようと思い、Business Standardの方を解約をすることにしたので、その手順の備忘録です。</p>
<h2>手順</h2>
<p><a href="https://go.microsoft.com/fwlink/p/?linkid=842054">「Microsoft 365 管理センター」 &gt; 「お使いの製品」のページ</a>にアクセスする。<br>
（ログインしていなければログインもする。）</p>
<p><img src="https://storage.googleapis.com/newt-files/f37aa5ab-90a5-4f06-9666-d6eea3994139/fawefaewfa.webp" alt="fawefaewfa.webp"></p>
<p><img src="https://storage.googleapis.com/newt-files/24d38974-c805-4d36-b21b-784f10b28a00/sdfgsreg.webp" alt="sdfgsreg.webp"></p>
<p>今回解約したい<code>Microsoft 365 Business Standard</code>を選択し（チェックし）、上の<code>サブスクリプションのキャンセル</code>をクリック。</p>
<p><img src="https://storage.googleapis.com/newt-files/8bcca987-35d0-417d-9c4a-c90d01ce610d/fawefawed.webp" alt="fawefawed.webp"></p>
<p><code>すぐにキャンセルする</code>か<code>次の更新日までにキャンセルする</code>のオプションを選択して<code>次へ</code>をクリック。</p>
<p><img src="https://storage.googleapis.com/newt-files/3cb1df78-f60e-403a-895e-1e017f0bec39/fsgresgg.webp" alt="fsgresgg.webp"></p>
<p>今回は<code>次の更新日までにキャンセルする</code>を選択します。</p>
<p>そうしましたら今度は<code>継続請求を編集する</code>という選択画面が表示されました。</p>
<p><img src="https://storage.googleapis.com/newt-files/c3aef0e9-cc87-4065-a9dc-d6b1e67428c2/faefawe.webp" alt="faefawe.webp"></p>
<p>これはさきほどのオプションで「次の更新日までにキャンセルする」を選択したときに出るっぽいですね。<br>
<code>オン</code>がデフォルトで選択されていましたが、このままだとサブスクが解除されないので、現在まで支払済の期間までは使用できて、以降はキャンセルでokなので<code>オフ</code>を選択して保存します。<br>
<br /></p>
<p>保存したら最初の<code>お使いの製品</code>のページに戻ってきました。</p>
<p>サブスク一覧で先程キャンセルの処理を行った<code>Microsoft 365 Business Standard</code>の行を確認してみると、<code>有効期限はxxxx/xx/xxです</code>となっているのでこれでキャンセルできてそうです。</p>
<p><img src="https://storage.googleapis.com/newt-files/1ce98c0c-068e-45f8-84ea-b0d867b2915b/grseyrs.webp" alt="grseyrs.webp"></p>
<br />
以上！


Microsoft 365 〇〇系のサブスクを解約する手順の備忘録【Microsoft 365 Business Standard】

<p>Windowsの回復ドライブで回復しようとしたら「PCを回復できません。システムドライブが小さすぎます。」と言われて失敗し、なんとか再インストールまで漕ぎ着けたときの備忘録です。</p>
<h2>先に結論だけ</h2>
<ul>
<li><a href="https://support.microsoft.com/ja-jp/surface-recovery-image">Surface Recovery Image Download</a>で再インストールすることができた。</li>
<li>シリアルコード番号が必要</li>
</ul>
<h2>きっかけ</h2>
<p>だいぶ前に購入したが使わなくなっていたSurface Laptop GoにLinux系のOSをインストールしていろいろやっていたのですが、それも結局使わなくなっていたので、またWindowsに戻してテストとかに使いたいなーと思ったのがきっかけでした。</p>
<h2>前提</h2>
<p>以降の内容で記載した作業(データのダウンロードなど)はSurface Laptop Goとは別のPCで行っています。<br>
環境は以下の通りです。</p>
<ul>
<li>Surface Laptop Go （今回直したいやつ）</li>
<li>別のWindows PC</li>
</ul>
<h2>やったこと</h2>
<p>たまたま回復ドライブを作成していたので、これでWindows再インストールもできるのかな？と思い試して見たのですが、表題にもある通り「PCを回復できません。システムドライブが小さすぎます。」と言われてダメでした。<br>
<img src="https://storage.googleapis.com/newt-files/1ba146ca-61ac-49bc-87fe-a06962f6cb24/hljhlkhlhlhfds.webp" alt="hljhlkhlhlhfds.webp"></p>
<p>いろいろ調べた結果、<a href="https://support.microsoft.com/ja-jp/surface-recovery-image">Surface Recovery Image Download</a>から回復イメージをダウンロードし、それで回復ドライブを作成し、Windowsの再インストールする方法の記載があったため、これを試みることにしました。<br>
<img src="https://storage.googleapis.com/newt-files/06971df1-0fb6-4356-843e-398540837d7c/afwefawefaew.webp" alt="afwefawefaew.webp"></p>
<h3>Surface Recovery Imageを使った回復ドライブを作成する</h3>
<p>USBドライブが必要なので、16GB以上のUSBメモリを用意します。<br>
次にPC（Surface Laptop Go）のシリアル番号も必要とのことなので確認します。<br>
私の場合はUEFIの画面で確認しました。<br>
UEFIの起動方法は<code>音量アップキー</code>(Surface Laptop Goの場合はF4キーでもある)を押下したまま、電源ボタンを押し、UEFIが起動するまでそのまま音量アップキーを押し続けます。</p>
<p>起動したら<code>PC information</code> &gt; <code>Serial number</code> の項目で確認できます。<br>
<img src="https://storage.googleapis.com/newt-files/11bcae0e-dea9-4a27-8419-a7a6e560f5bf/fawefaegr.webp" alt="fawefaegr.webp"><br>
確認したらこれを控えておきます。</p>
<p>先程の<code>Surface Recovery Image Download</code>のページにて、<code>Product</code>で<code>Surface Laptop Go</code>を選択し、シリアル番号を入力します。<br>
<img src="https://storage.googleapis.com/newt-files/a05331ee-d48c-4116-9cb3-1c2381b89d81/aefawawega.webp" alt="aefawawega.webp"></p>
<p>すると、Surfaceの回復イメージのダウンロードページに行けるので、PCにダウンロードします。<br>
<code>Windows 10 Home in S Mode Version 22H2</code>の右にある<code>画像をダウンロード</code>がダウンロードのためのリンクです。<br>
（多分、「イメージ」→「image」→「画像」と翻訳されて「画像」と書かれているものと思われます。）<br>
<img src="https://storage.googleapis.com/newt-files/e6954ff5-5ed7-4d7e-b48d-e3659762c102/efawerafewrfaew.webp" alt="efawerafewrfaew.webp"></p>
<p>ダウンロードしたら次の「USB回復ドライブを作成する」の手順に従って回復ドライブを作成します。<br>
<img src="https://storage.googleapis.com/newt-files/c6383017-67cb-40c8-997b-0b061c449cc3/srtgdstt.webp" alt="srtgdstt.webp"></p>
<p>流れとしては一度Windowsの標準の機能で、普通に回復ドライブを作ってからダウンロードしたファイルで上書きするといった感じですね。<br>
（上書きしないと私の作業用PCの回復ドライブになってしまいますし、そもそもそれだと失敗するはずです。）</p>
<p>これでSurface Recovery Imageを使った回復ドライブ（USB）が作成できました。</p>
<h3>Surface Laptop GoでUSBから起動するようにして回復ドライブを起動する</h3>
<p>私は以前に失敗した回復ドライブでの試みの際に設定済みですが、備忘録としてSurface Laptop GoでUSBメモリからブートする方法を以下に示します。</p>
<p>まず、<code>音量アップキー</code>を押しっぱなしにしたまま電源を入れ、UEFIを起動します。<br>
左メニューの<code>Boot configuration</code>を選択し、<code>Configure boot device order</code>のところを確認します。<br>
<img src="https://storage.googleapis.com/newt-files/9552378d-ba21-4000-b94f-f21b22f984ed/afewfaewgare.webp" alt="afewfaewgare.webp"><br>
<code>USB Storage</code>が一番上に来るようにドラッグアンドドロップで移動します。<br>
<img src="https://storage.googleapis.com/newt-files/0e46ce33-7956-426f-9115-b474d560831d/awefawfaew.webp" alt="awefawfaew.webp"></p>
<p>そうしたら左メニューのExitでUEFIを終了してPCを普通に再起動します。</p>
<h3>起動した回復ドライブの指示に従いWindowsを再インストールする</h3>
<p>PCが起動すると言語の選択や、キーボードレイアウトの選択等の画面が表示されるので、日本語を選択し、Microsoft IMEを選択します。</p>
<p><code>オプションの選択</code>画面までたどり着いたら<code>ドライブから回復する</code>を選択します。<br>
<img src="https://storage.googleapis.com/newt-files/afe34f91-8637-4ddd-a9eb-e8ebf4b13802/fawefaweg.webp" alt="fawefaweg.webp"></p>
<p>次の選択肢では私の場合完全に初期化して再インストールして欲しかったので、<code>ドライブを完全にクリーンアップする</code>を選択しました。<br>
<img src="https://storage.googleapis.com/newt-files/6242bd70-0281-40c6-a29e-dd3923217672/jgkghkjg.webp" alt="jgkghkjg.webp"></p>
<p>次の画面で<code>回復</code>を選択すると回復の処理が開始されます。<br>
<img src="https://storage.googleapis.com/newt-files/d78b5805-1d4a-4332-99bb-0bb4ac2b446f/drthdhst.webp" alt="drthdhst.webp"></p>
<p>これで私の場合、Windowsの再インストールに成功しました。（よかった）</p>
<h3>Sモードを解除する</h3>
<p>ここまでの手順で再インストールされたWindowsはSモードというモードになっているのでこれを解除します。（解除しないと標準以外のアプリをインストールできなかったりします）</p>
<p>解除方法は<a href="https://support.microsoft.com/ja-jp/windows/s-%E3%83%A2%E3%83%BC%E3%83%89%E3%81%8B%E3%82%89%E5%88%87%E3%82%8A%E6%9B%BFwindows-4f56d9be-99ec-6983-119f-031bfb28a307#WindowsVersion=Windows_10">こちら</a>で公式から提示されているのでそれに従えばいいかと思います。</p>
<p>私もその手順に従い、Microsoft Storeを起動して指示に従いSモードを解除しました。</p>
<h3>おまけ：Windows11にアップデートする</h3>
<p>私の所有していたSurface Laptop GoはWindows10であったため、再インストール後もWindows10でしたが、Windows11に更新しようと思い、Windows11インストールアシスタンをネットからダウンロードし実行しましたが、「手順 3/3: インストール中」の99%から何時間立っても進まなくなってしまったので諦めようと思いました。<br>
<img src="https://storage.googleapis.com/newt-files/98000aa6-df80-46d9-b994-9baa90ef1238/yfutjhfg.webp" alt="yfutjhfg.webp"></p>
<p>しかし、ネットワークに繋いで何度かWindows10のシステムの更新を行っていたらWindows11への更新ができる旨のメッセージが表示されましたのでそこから指示に従って実行したらWindows11にアップデートできました。</p>
<p>これについては指示に従っただけなので特に手順等は示しませんが、スペックの高くないSurface Laptop Goでも普通にWindows11が動いているようでよかったです。</p>
<p>以上です！</p>


回復ドライブで「PCを回復できません。システムドライブが小さすぎます。」と言われ失敗したので、がんばって再インストールした。【Windows / Surface Laptop Go】

<h2>前置き</h2>
<p>※本記事ではNewtで作成したサイトをNetlifyにホスティングする手順や記事更新時の自動デプロイの方法については言及しません。<br>
公式のチュートリアルにわかりやすい手順の記載があります。</p>
<ul>
<li><a href="https://www.newt.so/docs/tutorials/connect-to-netlify">GitHubのリポジトリとNetlifyを接続して、ホスティングする</a></li>
<li><a href="https://www.newt.so/docs/tutorials/deploy-to-netlify-with-webhooks">コンテンツの更新時にNetlifyでデプロイを行う</a></li>
</ul>
<h2>背景</h2>
<p>そういえばGoogleのサーチコンソールにサイトマップがないよと言われていて対応するのを忘れており、自動生成できるようにして対応しなきゃと思いやったときの備忘録です。</p>
<p>当ブログはタイトルにもある通り、Newt(ヘッドレスCMS) + Next.js + Netlify(静的ホスティングサービス)で構成されています。<br>
記事を投稿するとWebhookによりNetlifyで自動的にビルドコマンドが走り、静的ビルドが行われ記事ページが生成されてサイトが最近状態に更新されます。</p>
<p>そのため以下で説明する方法は、静的ファイル生成で静的ホスティングサービスにホストしている場合に有効な方法となります。（nodeのサーバー上で動かしている人にとっては参考にならないかもですのでご注意ください。）</p>
<h2>やったこと</h2>
<p>Next.jsを使っているのであまり色々考えなくても使えそうな<a href="https://github.com/iamvishnusankar/next-sitemap">next-sitemap</a>を使うことにしました。</p>
<h3>1. <code> next-sitemap</code>をインストール</h3>
<p>バージョンは最新でいいと思います。</p>
<pre><code>npm install next-sitemap@4.2.3 --save-exact
</code></pre>
<h3>2. 公式のGetting startedに従い設定ファイルを作成</h3>
<p><a href="https://github.com/iamvishnusankar/next-sitemap#create-config-file">Create config file</a>に従い設定ファイルをサイトのリポジトリのルートに作成します。</p>
<pre><code class="language-json">// next-sitemap.config.json
module.exports = {
  siteUrl: process.env.SITE_URL || 'https://example.com',
  generateRobotsTxt: true, // (optional)
  // ...other options
}
</code></pre>
<p>私は環境変数は特に設定していないですが.env...に関する記述はそのまま残してます。（特に意味はないです）</p>
<h3>2. npmスクリプトの編集</h3>
<p>next-sitemapの機能(サイトマップ生成)が利用できるようにpackage.jsonにスクリプトの定義を追加します。<br>
さらにビルド時のビルドコマンド実行時にもサイトマップ生成が行われるように元々あったbuildコマンドの定義も編集します。</p>
<p><strong>before</strong></p>
<pre><code class="language-json">  &quot;scripts&quot;: {
    &quot;build&quot;: &quot;next build&quot;,
    ...
  },
</code></pre>
<p><strong>after</strong></p>
<pre><code class="language-json">  &quot;scripts&quot;: {
    &quot;build&quot;: &quot;next build &amp;&amp; next-sitemap&quot;, //ビルド時に実行する用
    ...
    &quot;postbuild&quot;: &quot;next-sitemap&quot; //ローカルで動作確認する用
  },
</code></pre>
<p>やったことは以上になります。</p>
<p>ローカルで動作確認するときはターミナルで</p>
<pre><code>npm run postbuild
</code></pre>
<p>を実行すると<code>/public</code>下に<code>sitemap.xml</code>と<code>sitemap-0.xml</code>が生成されます。（記事数によってこの辺は若干変わると思います。）</p>
<p>あとは記事更新時にnetlifyでのビルド処理完了後にサイトマップが生成されているはずですので、<code>本番環境のurl/sitemap.xml</code>にアクセスしてサイトマップが表示されれば完了です。</p>
<p>Google Search Consoleを使用している人はそこでサイトマップの登録をしてちゃんと反映されるか確認してみるといいと思います。</p>
<p>以上です。</p>


Newt + Next.js + Netlifyの静的サイトにnext-sitemapを使ってビルド時にサイトマップを自動生成する

<p>新しく購入したWindows PCで文字入力していたときに半角/全角を切り替えようと半角/全角キーを入力したら普通に「;」とかが入力されて困ったので、設定で直したときの備忘録です。</p>
<p>この手の症状は人によって原因が異なると思うので私の場合はただの一例として見てもらえれば幸いです。</p>
<h2>やったこと</h2>
<ol>
<li>スタートボタンから<code>設定</code>を開く</li>
<li>左メニューの<code>時刻と言語</code>を選択<br>
<img src="https://storage.googleapis.com/newt-files/e79b3cec-cb23-4646-aba5-9a4876777621/055654.png" alt="055654.png"></li>
<li><code>言語と地域</code>をクリック<br>
<img src="https://storage.googleapis.com/newt-files/ebc37af5-02c2-4930-a998-7b35ad7c1e92/055713.png" alt="055713.png"></li>
<li>上から3つ目の項目の右のメニューをクリックして<code>言語のオプション</code>を選択<br>
<img src="https://storage.googleapis.com/newt-files/4b40a65d-6ffd-448e-9225-447e1c735f4f/060042.png" alt="060042.png"></li>
<li><code>キーボード</code>の欄の<code>レイアウトを変更する</code>をクリック<br>
<img src="https://storage.googleapis.com/newt-files/91f0afa6-7d10-405b-919f-6081bdecb1a3/060121.png" alt="060121.png"></li>
<li><code>ハードウェア キーボード レイアウトの変更</code>が開かれるため<code>日本語キーボード</code>を選択してOKをクリック<br>
ここが私の場合、<code>接続済みのキーボード レイアウトを使用する</code>になっていました。<br>
本来それで問題ないはずだと思うのですが私の場合なぜかこの設定ではうまくいっていないようでした。<br>
<img src="https://storage.googleapis.com/newt-files/d5d6fd46-3321-44a1-8d3c-820867399843/060238.png" alt="060238.png"></li>
<li>PCを再起動して確認<br>
これで私は改善しました。</li>
</ol>
<p>以上です。</p>


Windowsでキーボードの入力がおかしかったので設定で直したときの備忘録【Windows11】

<p>USBメモリにパーティションを設定していましたが、久々にパーティションを解除して結合しようとしましたがやり方を忘れてしまっていたので備忘録です。</p>
<h2>やり方</h2>
<ol>
<li><code>ディスクの管理</code>を開く<br>
スタートボタンから「ディスク」などと検索すると<code>ハードディスク パーディションの作成とフォーマット</code>が出てくるためそれをクリック<br>
<img src="https://storage.googleapis.com/newt-files/2ba0a7af-1b1c-4307-923d-de3328a9bd18/agfadfgsad.png" alt="agfadfgsad.png"></li>
<li>対象のUSBメモリを確認する<br>
<img src="https://storage.googleapis.com/newt-files/ff712004-f999-4db8-a021-ba1d62aa44d5/sfrgsrsdfrg.png" alt="sfrgsrsdfrg.png"><br>
↑USBメモリ(F:)、USBメモリ(H:)という名前で2つにパーティションされている。</li>
<li>パーティションされているブロックを右クリックして<code>ボリュームの削除</code>をクリック<br>
<img src="https://storage.googleapis.com/newt-files/2133176b-5978-41de-a283-36ded0fd88d4/faewfwe.png" alt="faewfwe.png"><br>
完了すると以下のようになります。<br>
<img src="https://storage.googleapis.com/newt-files/d409c8ff-c186-4813-b83c-e8997e833674/gaersgsre.png" alt="gaersgsre.png"></li>
<li>もう一方もボリュームの削除を行う<br>
<img src="https://storage.googleapis.com/newt-files/4fbf886a-d49d-47b0-a160-5f8b94cfcba4/faefaew.png" alt="faefaew.png"><br>
※クイックフォーマットのウィンドウが表示されたら指示に従いクイックフォーマットを行います。<br>
これでパーティションが削除されます。<br>
<img src="https://storage.googleapis.com/newt-files/837eed49-2a26-4834-9e55-31a04ecfc687/sergser.png" alt="sergser.png"></li>
<li>パーティションが削除されたUSBメモリをファイルエクスプローラーで開いて確認する<br>
<img src="https://storage.googleapis.com/newt-files/d5bb37bc-ddc8-49ce-a301-1d81e0f7ceb6/fafaea.png" alt="fafaea.png"><br>
フォーマットをする必要がある旨のウィンドウが表示されたら指示に従いフォーマットします。<br>
<img src="https://storage.googleapis.com/newt-files/edf254aa-5b27-4804-9b66-aec628c15282/ersgregsf.png" alt="ersgregsf.png"><br>
<img src="https://storage.googleapis.com/newt-files/fd27c5f3-48b6-467c-b3f4-3d4d16ac5fcb/gsaersgrgf.png" alt="gsaersgrgf.png"></li>
</ol>
<p>以上で完了です。</p>


USBメモリのパーティションを解除(結合)する方法の備忘録【Windows11/USBメモリ/パーティション】

<p>表題通りHomebrewを、公式サイトに載っているコマンドをコピペして実行してインストールしたのに、「brew -v」でバージョン確認をしたら「command not found: brew」と言われてしまった場合についてです。</p>
<p>Homebrewのインストールコマンドの実行後の出力内容を見てみると、いろいろ書いてあるなかに「Next steps: ...」と書かれている部分があります。</p>
<p><img src="https://storage.googleapis.com/newt-files/80975b19-682e-44c0-b348-f369355b6399/2023-05-27_1.png" alt="2023-05-27_1.png"></p>
<p>そこには以下の2つのコマンドを実行してみてねと書かれており、その２つのコマンドは以下になります。</p>
<pre><code>echo 'eval &quot;$(/opt/homebrew/bin/brew shellenv)&quot;') &gt;&gt; /Users/[ここはユーザー名によって変わる]/.zprofile
eval &quot;$(/opt/homebrew/bin/brew shellenv)&quot;
</code></pre>
<p>各々のPC毎にパスなど若干異なる部分はあるとは思いますが、これら2つのコマンドを実行することで解消されると思います。（私の場合はこれで解消しました）</p>
<p>以上です。</p>


Homebrewインストール後に「zsh: command not found:」と言われた人はインストール後に表示される「Next steps: ...」の内容を試してみて

<h2>※【2024/12/14追記】この記事の情報は古いので「<a href="https://harionote.net/article/2024-12-14">Windows11で「Windows Faxとスキャン」を使えるようにするための動線が変わってた</a>」を参照してください。</h2>
<p>Windowsには、PCにモデムを接続すればFAX送信が行えるソフトが標準で備わっているのですが、最近Windows11で確認したらデフォルトで使用することができなくなっていたので、使用可能にするための設定方法の備忘録です。</p>
<h2>設定方法</h2>
<ol>
<li>スタートボタンをクリックし「設定」を起動（「設定」さえ起動できれば導線はなんでもok）<br>
<img src="https://storage.googleapis.com/newt-files/eac81738-541b-43bc-a138-ea01f3b262b4%2F2023-03-09104418.png" alt="2023-03-09104418.png"></li>
<li>左メニューの「アプリ」を選択し、「オプション機能」をクリック<br>
<img src="https://storage.googleapis.com/newt-files/bfd79541-aa9a-4b37-90c1-1e46ec2a8206%2F2023-03-09104601.png" alt="2023-03-09104601.png"></li>
<li>「オプション機能を追加する」の欄の「機能を表示」をクリック<br>
<img src="https://storage.googleapis.com/newt-files/819ff8a7-06e1-4a03-b746-b5592a762cee%2F2023-03-09104705.png" alt="2023-03-09104705.png"></li>
<li>表示されたウィンドウの検索フィルタに「fax」等と入力し「Windows FAXとスキャン」を見つけてチェックを入れて「次へ」ボタンをクリックしそのままインストールを行う<br>
<img src="https://storage.googleapis.com/newt-files/4a935e28-1d4d-4050-a9ff-02b2ad4b3438%2F2023-03-09104807.png" alt="2023-03-09104807.png"><br>
<img src="https://storage.googleapis.com/newt-files/c399449d-5998-4393-b2cf-36be90b4fcf4%2F2023-03-02170053.png" alt="2023-03-02170053.png"></li>
</ol>
<p>以上</p>


Windows11で「Windows Faxとスキャン」を使用するには

<p>表題の通りWindows PCにて起動時に自動で特定のフォルダを開いたり、特定のアプリケーションを立ち上げたりする方法の備忘録です。環境はWindows11です。</p>
<h2>方法</h2>
<ol>
<li>「<strong>Windows</strong>」＋「<strong>R</strong>」キーを同時に押します。</li>
<li>「ファイル名を指定して実行」ウィンドウが表示されるため、「shell:startup」と入力しOKボタン<br>
<img src="https://storage.googleapis.com/newt-files/3a3df48f-cb69-441b-b49b-0739b6f8509a%2F2023-03-06232412.png" alt="2023-03-06232412.png"></li>
<li>スタートアップフォルダが開かれるので、そこにPC起動時に開いて欲しいフォルダのショートカットやアプリケーションのショートカットを配置する<br>
<img src="https://storage.googleapis.com/newt-files/2ebd52d5-131c-438a-baaf-9067e8e2ce4f%2F2023-03-06_35131.png" alt="2023-03-06_35131.png"></li>
</ol>
<p>以上です。</p>


【Windows】PC起動時に特定のフォルダやアプリを開く(起動する)ようにする方法の備忘録

<p>表題にある通りGoogleフォームで作成したフォームのURLをコピペしてiframeで埋め込んで表示させたら</p>
<pre><code>[Report Only] Refused to frame 'https://docs.google.com/' because an ancestor violates the following Content Security Policy directive: &quot;frame-ancestors 'none'&quot;.
</code></pre>
<p>と言われてしまい、ググっても一発で出てこなかったので解消方法の備忘録です。</p>
<h2>結論</h2>
<p>結論としてはシンプルで、フォームのURLに<code>?embedded=true</code>を付ければokです。<br>
当たり前すぎてググっても出てこなかったのかもしれません。</p>
<p>ちなみに、Googleフォームの作成画面で送信ボタンをクリックして出てくるリンク等をコピーできるモーダル内で、iframeのコードをコピーすれば最初からembeddedパラメータは付いています。<br>
<img src="https://storage.googleapis.com/newt-files/8ebad0f5-f63b-4d8c-88df-78e3a9996a1c%2F2023-02-02_1.png" alt="2023-02-02_1.png"></p>
<p>今回は↓のようにリンクをコピーしてiframeに使用した場合に発生する事象になります。<br>
<img src="https://storage.googleapis.com/newt-files/15349c5c-7dc4-4264-b318-75af09a6a6f6%2F2023-02-02_2.png" alt="2023-02-02_2.png"></p>
<p>以上。</p>


Googleフォームをiframeに埋め込んだら「[Report Only] Refused to frame 'https://docs.google.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'none'".」と言われた【GoogleForm/iframe】

#IT LifeHack