suwako/technicalsuwako.moe
suwako
/
technicalsuwako.moe
1
0
フォーク 1
コード イシュー プルリクエスト プロジェクト リリース Wiki アクティビティ
technicalsuwako.moe/gemini/blog.atom

577 行
49 KiB
XML
Raw Blame 履歴

このファイルには不可視のUnicode文字が含まれています

このファイルには人間が識別できない不可視のUnicode文字が含まれており、コンピューターによって特殊な処理が行われる可能性があります。 それが意図的なものと考えられる場合は、この警告を無視して構いません。 不可視文字を表示するにはエスケープボタンを使用します。

このファイルには、他の文字と見間違える可能性があるUnicode文字が含まれています。 それが意図的なものと考えられる場合は、この警告を無視して構いません。 それらの文字を表示するにはエスケープボタンを使用します。

<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:thr="http://purl.org/syndication/thread/1.0">
<id>gemini://technicalsuwako.moe</id>
<title>テクニカル諏訪子</title>
<updated>2023-03-08T00:00:00Z</updated>
<author><name>テクニカル諏訪子</name></author>
<link href="gemini://technicalsuwako.moe" rel="alternate"></link>
<generator uri="https://github.com/piranha/gostatic">gostatic</generator>
<entry>
<id>blog/digital-kansi-most-danger-cctv.gmi</id>
<author><name>凛</name></author>
<title type="html">【デジタル監視】プライバシーに一番危険な物は監視カメラ、二番はスマホ</title>
<published>2023-03-08T00:00:00Z</published>
<category term="jp"></category>
<category term="blog"></category>
<category term="デジタル監視"></category>
<category term="プライバシー"></category>
<category term="匿名化"></category>
<category term="セキュリティー"></category>
<category term="スマホ"></category>
<link href="gemini://technicalsuwako.moe/blog/digital-kansi-most-danger-cctv.gmi" rel="alternate"></link>
<content type="html">
&lt;p&gt;やっとオンラインで匿名化出来たわね。&lt;br /&gt;
&lt;a href=&#34;/blog/digital-autonomy-send-encryption-mail/&#34;&gt;自分のI2Pサーバーでホスティングしたり&lt;/a&gt;、&lt;a href=&#34;/blog/no-generator-easy-html/&#34;&gt;静的サイトを管理して&lt;/a&gt;、&lt;a href=&#34;/blog/no-generator-easy-maintain/&#34;&gt;編集したり&lt;/a&gt;、&lt;a href=&#34;https://social.076.moe/&#34;&gt;フェディバース以外SNSを使わなくたり&lt;/a&gt;、&lt;a href=&#34;/blog/all-softwear-in-tor/&#34;&gt;いつでもTor通してネットを使ったり&lt;/a&gt;、&lt;a href=&#34;/blog/digital-autonomy-send-encryption-mail/&#34;&gt;PGP・GPGでメールを暗号化したり&lt;/a&gt;、&lt;a href=&#34;/blog/thinkpad-t43-ssd-install-way/&#34;&gt;LINE・Disord・Zoom・Google・Windows等を使うのは遠慮したり&lt;/a&gt;、&lt;a href=&#34;/blog/webdev-javascript-ha-fuyou/&#34;&gt;いつでもJavascriptを無効にしたり&lt;/a&gt;、&lt;a href=&#34;/support/monero/&#34;&gt;全部モネロ（XMR）で払います&lt;/a&gt;ね。&lt;br /&gt;
しかし、おにぎりを食べる為コンビニに行くと、直ぐプライバシーがなくなります。&lt;br /&gt;
何故！？&lt;/p&gt;
&lt;h2 id=&#34;heading&#34;&gt;プライバシーに、一番危険な物は監視カメラだ&lt;/h2&gt;
&lt;p&gt;監視カメラはどこでもあります。&lt;br /&gt;
「犯罪者を捕まえる為」って口実を使ってどこでも設置出来ましたが、これは犯罪者の為わけではない、貴方の為です！&lt;br /&gt;
監視カメラは顔認識機能性を持つのはみんなはわかりますが、それだけじゃありません。&lt;br /&gt;
マスク着用したらも顔を隠れられません。&lt;br /&gt;
&lt;a href=&#34;https://youtube.owacon.moe/watch?v=ujcSrV-3GcI&#34;&gt;マスクとサングラスを着用したらも顔認識が可能です&lt;/a&gt;。&lt;br /&gt;
実は、殆ど皆さんは顔パンツを着用したのに、主に新型茶番の感染拡大（&lt;a href=&#34;/blog/digital-kansi-corona-taimrain/&#34;&gt;インチキPCRを使って&lt;/a&gt;）が続く中監視カメラが凄く増えたと気づきましたか？&lt;br /&gt;
結局、目だけは十分です。&lt;br /&gt;
それだけではない、スマホを持ってきたら危険性が増えています。&lt;br /&gt;
監視カメラは4Gか5G、WiFi、ブルーツース等で使ってスマホのデータを読み込める事が知っていますか？&lt;/p&gt;
&lt;h2 id=&#34;heading-1&#34;&gt;二番危険な物はスマホだ&lt;/h2&gt;
&lt;p&gt;&lt;a href=&#34;https://videos.lukesmith.xyz/w/oZvz61zALM2Lj9fAfn4wQe&#34;&gt;スマホはおもちゃっぽい追跡機器です&lt;/a&gt;。&lt;br /&gt;
監視カメラはスマホを持っているかどうか検出出来るかもしん。&lt;br /&gt;
いつでもスマホを持ってくるから、これは非常に危険です。&lt;br /&gt;
スマホから送られるデータを使って貴方の事を知っていますが、スマホを持たなければも貴方の事を知っています。&lt;br /&gt;
理由は、殆ど皆さんはいつでもスマホを持ってくるから、貴方は出る杭となります。&lt;br /&gt;
日本での皆さんで30%以上はスマホ（ガラケーやタブパソコン含めて）を持ってくる事が辞めたら、こんな監視を止められます。&lt;br /&gt;
しかし、あたしだけは持ってこない感じです。&lt;/p&gt;
&lt;p&gt;なお、基本な活動でスマホは段々必要となります。&lt;br /&gt;
例えば、支払い（PayPay等）、ポイントカード、航空券、ルーターの設置、ネット銀行口座（日本ではまだないですが、欧米中豪でスマホを使うのは必須）、&lt;a href=&#34;/blog/more-safe-than-2fa-is-pass-pwgen/&#34;&gt;SNSにサインイン&lt;/a&gt;等。&lt;br /&gt;
もうすぐスマホ無しで市区町村外に旅する事も不可能になります。&lt;br /&gt;
ソビエト連邦、北朝鮮、もうすぐ豪国とニュージーランドで許可なしで旅出来ません。&lt;br /&gt;
この状況を変わらないと、日本でもそれが来ます。&lt;/p&gt;
&lt;h2 id=&#34;heading-2&#34;&gt;スマホを持ってこないで&lt;/h2&gt;
&lt;p&gt;スマホを自宅に残すと、同時に自分のプライバシーを改善したり、他人の安全性を改善したり、お命を改善したり、正しく歩いたり、他人の迷惑をかけるのは辞めたり、ディストピアを止められます。&lt;br /&gt;
便利さだけがなくなりますが、すれは仮の感じだけです。&lt;br /&gt;
速く慣れていると思います。&lt;/p&gt;
&lt;p&gt;以上&lt;/p&gt;
</content>
</entry>
<entry>
<id>blog/no-generator-easy-maintain.gmi</id>
<author><name>凛</name></author>
<title type="html">【HTML】静的サイトジェネレーター利用せず簡単に静的サイト編集する方法</title>
<published>2023-02-08T00:00:00Z</published>
<category term="jp"></category>
<category term="blog"></category>
<category term="html"></category>
<category term="ウエブサイト"></category>
<category term="ウエブ開発"></category>
<category term="linux"></category>
<category term="bsd"></category>
<link href="gemini://technicalsuwako.moe/blog/no-generator-easy-maintain.gmi" rel="alternate"></link>
<content type="html">
&lt;p&gt;昨日は静的サイト管理する方法を教えました。&lt;br /&gt;
でも、編集はどう？&lt;br /&gt;
例えば、会社名が変わったら、一個ずつ編集は必要でしょうか？&lt;br /&gt;
必要はないわ！&lt;/p&gt;
&lt;h2 id=&#34;sed&#34;&gt;sedで会社名の変更&lt;/h2&gt;
&lt;p&gt;&lt;code lang=&#34;&#34;&gt;sed&lt;/code&gt;コマンドですべてのページで変更出来ますよ！&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; src
find . -type f -name &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;*.html&amp;#34;&lt;/span&gt; -exec sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/クソガキ株式会社/テクニカル諏訪子開発サービス/g&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;{}&lt;/span&gt; +
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;上記コマンドですべてのページで「クソガキ株式会社」が「テクニカル諏訪子開発サービス」に変更されます。&lt;br /&gt;
でも、「クソガキ株式会社」の方が良いですので：&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;find . -type f -name &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;*.html&amp;#34;&lt;/span&gt; -exec sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/テクニカル諏訪子開発サービス/クソガキ株式会社/g&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;{}&lt;/span&gt; +
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;sedhtml&#34;&gt;sedでマークダウンからHTMLに交換&lt;/h2&gt;
&lt;p&gt;この同じsedコマンドで、すべての「\」を「&amp;lt;br /&amp;gt;」に交換出来ます。&lt;br /&gt;
そうして、「# ほげほげ」を「&amp;lt;h1&amp;gt;ほげほげ&amp;lt;/h1&amp;gt;」に交換し、「[ほげほげ](/hogehoge.html)」を「&amp;lt;a href=&amp;quot;/hogehoge.html&amp;quot;&amp;gt;ほげほげ&amp;lt;/a&amp;gt;」に交換します。&lt;br /&gt;
例えば、&lt;code lang=&#34;&#34;&gt;toiawase.html&lt;/code&gt;ページで：&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#000080;font-weight:bold&#34;&gt;# 問い合わせ
&lt;/span&gt;&lt;span style=&#34;color:#000080;font-weight:bold&#34;&gt;&lt;/span&gt;クソガキ株式会社\
地獄県鬼市死亡街6丁目6-6　サタンパレス666階\
最寄り駅：JL神様線　死後駅　徒歩約5ヶ月\
エレベーターがありません。\
[&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;トップページへ&lt;/span&gt;](&lt;span style=&#34;color:#b44&#34;&gt;/index.html&lt;/span&gt;)
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/^# \(.*\)/&amp;lt;h1&amp;gt;\0&amp;lt;\/h1&amp;gt;/g&amp;#39;&lt;/span&gt; toiawase.html &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#h1タグ&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/\\/&amp;lt;br \/&amp;gt;/g&amp;#39;&lt;/span&gt; toiawase.html &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#brタグ&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/^\(.*\)/ \0/g&amp;#39;&lt;/span&gt; toiawase.html &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#４つ空白を入る&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/\[\(.*\)\](\(.*\))/&amp;lt;a href=&amp;#34;\2&amp;#34;&amp;gt;\1&amp;lt;\/a&amp;gt;/g&amp;#39;&lt;/span&gt; toiawase.html &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#リンクタグ&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;結果は下記ですね：&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt; &amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;h1&lt;/span&gt;&amp;gt;問い合わせ&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;h1&lt;/span&gt;&amp;gt;
クソガキ株式会社&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;br&lt;/span&gt; /&amp;gt;
地獄県鬼市死亡街6丁目6-6　サタンパレス666階&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;br&lt;/span&gt; /&amp;gt;
最寄り駅：JL神様線　死後駅　徒歩約5ヶ月&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;br&lt;/span&gt; /&amp;gt;
エレベーターがありません。&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;br&lt;/span&gt; /&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;a&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;href&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;/index.html&amp;#34;&lt;/span&gt;&amp;gt;トップページへ&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;a&lt;/span&gt;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;その時から、マークダウンで書きましょう！！&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;mv index.&lt;span style=&#34;color:#666&#34;&gt;{&lt;/span&gt;html,md&lt;span style=&#34;color:#666&#34;&gt;}&lt;/span&gt;
mv toiawase.&lt;span style=&#34;color:#666&#34;&gt;{&lt;/span&gt;html,md&lt;span style=&#34;color:#666&#34;&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&#34;indexmd&#34;&gt;index.md&lt;/h3&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#000080;font-weight:bold&#34;&gt;# クソガキ株式会社へようこそ
&lt;/span&gt;&lt;span style=&#34;color:#000080;font-weight:bold&#34;&gt;&lt;/span&gt;私達のサービスはクソ物凄いだぜ！！
&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&#34;toiawasemd&#34;&gt;toiawase.md&lt;/h3&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#000080;font-weight:bold&#34;&gt;# 問い合わせ
&lt;/span&gt;&lt;span style=&#34;color:#000080;font-weight:bold&#34;&gt;&lt;/span&gt;クソガキ株式会社\
地獄県鬼市死亡街6丁目6-6　サタンパレス666階\
最寄り駅：JL神様線　死後駅　徒歩約5ヶ月\
エレベーターがありません。\
[&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;トップページへ&lt;/span&gt;](&lt;span style=&#34;color:#b44&#34;&gt;/index.html&lt;/span&gt;)
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;sedactive&#34;&gt;sedでメニューのリンクを「active」タグを追加する方法&lt;/h2&gt;
&lt;p&gt;まずはCSSで新しい行列を追加して下さい：&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#666&#34;&gt;...&lt;/span&gt;
.&lt;span style=&#34;color:#00f&#34;&gt;active&lt;/span&gt; {
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;#ea44fb&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;#000&lt;/span&gt; &lt;span style=&#34;color:#080&#34;&gt;!important&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;4&lt;/span&gt;&lt;span style=&#34;color:#0b0;font-weight:bold&#34;&gt;px&lt;/span&gt;;
}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;code lang=&#34;&#34;&gt;cat&lt;/code&gt;でマージした後、下記の&lt;code lang=&#34;&#34;&gt;sed&lt;/code&gt;コマンドを使ってこのタグを追加出来ます。&lt;br /&gt;
今回は凄く簡単だわ〜&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;s/href=\&amp;#34;\/\&amp;#34;/href=\&amp;#34;\/\&amp;#34; class=\&amp;#34;active\&amp;#34;/g&amp;#34;&lt;/span&gt; index.html
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;s/href=\&amp;#34;\/toiawase.html\&amp;#34;/href=\&amp;#34;\/toiawase.html\&amp;#34; class=\&amp;#34;active\&amp;#34;/g&amp;#34;&lt;/span&gt; toiawase.html
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;makesh&#34;&gt;make.shの変更&lt;/h2&gt;
&lt;p&gt;スクリプトはこれになりました：&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#080&#34;&gt;#!/bin/sh
&lt;/span&gt;&lt;span style=&#34;color:#080&#34;&gt;&lt;/span&gt;rm -rf www/*
cp -v src/style.css www
&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; src
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;for&lt;/span&gt; name in *.md; &lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;do&lt;/span&gt;
&lt;span style=&#34;color:#b8860b&#34;&gt;newname&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;$(&lt;/span&gt;&lt;span style=&#34;color:#a2f&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;&lt;/span&gt; | sed -ne &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/md/html/gp&amp;#39;&lt;/span&gt;&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;)&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;&lt;/span&gt;
cp &lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt; &lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt; &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#mdからhtmlにコピーする&lt;/span&gt;
&lt;span style=&#34;color:#080;font-style:italic&#34;&gt;# マークダウンはHTML化&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/^# \(.*\)/&amp;lt;h1&amp;gt;\1&amp;lt;\/h1&amp;gt;/g&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt; &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#h1タグ&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/\\/&amp;lt;br \/&amp;gt;/g&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt; &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#brタグ&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/^\(.*\)/ \0/g&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt; &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#４つ空白を入る&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;s/\[\(.*\)\](\(.*\))/&amp;lt;a href=&amp;#34;\2&amp;#34;&amp;gt;\1&amp;lt;\/a&amp;gt;/g&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt; &lt;span style=&#34;color:#080;font-style:italic&#34;&gt;#リンクタグ&lt;/span&gt;
&lt;span style=&#34;color:#080;font-style:italic&#34;&gt;# 合体&lt;/span&gt;
cat include/header.html include/menu.html &lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt; include/footer.html &amp;gt;&amp;gt; ../www/&lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt;
&lt;span style=&#34;color:#a2f&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;&amp;#39;src/&lt;/span&gt;&lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#39; -&amp;gt; &amp;#39;www/&lt;/span&gt;&lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;&amp;#34;&lt;/span&gt;
&lt;span style=&#34;color:#080;font-style:italic&#34;&gt;# HTMLファイルはもう不要だ&lt;/span&gt;
rm -rf &lt;span style=&#34;color:#b8860b&#34;&gt;$newname&lt;/span&gt;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;done&lt;/span&gt;
&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; ../www
&lt;span style=&#34;color:#080;font-style:italic&#34;&gt;# 「active」タグを付く&lt;/span&gt;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;for&lt;/span&gt; name in *.html; &lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;do&lt;/span&gt;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;if&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;[&lt;/span&gt; &lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;index.html&amp;#39;&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;]&lt;/span&gt;; &lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;then&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;s/href=\&amp;#34;\/\&amp;#34;/href=\&amp;#34;\/\&amp;#34; class=\&amp;#34;active\&amp;#34;/g&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;else&lt;/span&gt;
sed -i &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;s/href=\&amp;#34;\/&lt;/span&gt;&lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;\&amp;#34;/href=\&amp;#34;\/&lt;/span&gt;&lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;\&amp;#34; class=\&amp;#34;active\&amp;#34;/g&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;fi&lt;/span&gt;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;done&lt;/span&gt;
&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; ..
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;ところで、こちらのプロジェクトのファイルは全部Gitlerにコミットしました。&lt;br /&gt;
&lt;a href=&#34;https://gitler.moe/TechnicalSuwako/sizutekipage/src/commit/11105976503e15388986a0d3b9cf211e6f9695cd&#34;&gt;昨日のコミット&lt;/a&gt;&lt;br /&gt;
&lt;a href=&#34;https://gitler.moe/TechnicalSuwako/sizutekipage/src/commit/b50a5b45c3915c32b856c7fc5b07cc7bc3aa70dd&#34;&gt;今日のコミット&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;以上&lt;/p&gt;
</content>
</entry>
<entry>
<id>blog/no-generator-easy-html.gmi</id>
<author><name>凛</name></author>
<title type="html">【HTML】静的サイトジェネレーター利用せず簡単に静的サイト管理する方法</title>
<published>2023-02-07T00:00:00Z</published>
<category term="jp"></category>
<category term="blog"></category>
<category term="html"></category>
<category term="ウエブサイト"></category>
<category term="ウエブ開発"></category>
<category term="linux"></category>
<category term="bsd"></category>
<link href="gemini://technicalsuwako.moe/blog/no-generator-easy-html.gmi" rel="alternate"></link>
<content type="html">
&lt;p&gt;手動で静的サイトを作るのは簡単ですが、ちょっと面倒くさいですので、みんなはCMS（WordPress、fc2等）を使います。&lt;br /&gt;
でも、CMSは凄く重くて、遅くて、不安ですから、あたしみたいな方は静的サイトジェネレーターを使っています。&lt;br /&gt;
今回はジェネレーター利用せず静的サイトを作って、管理する方法を紹介します。&lt;/p&gt;
&lt;h1 id=&#34;heading&#34;&gt;インストール&lt;/h1&gt;
&lt;p&gt;今回は特に新しいソフトのインストールするのは不要ですが、公開するため「rsync」だけをインストールする事が必要となります。&lt;br /&gt;
でも、本日の記事は公開ステップを紹介しませんので、インストールしなくてはOKです。&lt;/p&gt;
&lt;h1 id=&#34;heading-1&#34;&gt;フォルダーとファイルの創作&lt;/h1&gt;
&lt;p&gt;まずは新しいフォルダーとファイルを創作しましょう。&lt;br /&gt;
HTMLと言えば、ヘッダー、メニュー、コンテンツ、フッターが思い出しますわね。&lt;br /&gt;
ですから、ヘッダー、メニュー、及びフッターは別々のフォルダーに貼りますね。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;mkdir -p sizutekipage/&lt;span style=&#34;color:#666&#34;&gt;{&lt;/span&gt;src,www&lt;span style=&#34;color:#666&#34;&gt;}&lt;/span&gt;
mkdir sizutekipage/src/include
touch sizutekipage/src/&lt;span style=&#34;color:#666&#34;&gt;{&lt;/span&gt;index,toiawase&lt;span style=&#34;color:#666&#34;&gt;}&lt;/span&gt;.html
touch sizutekipage/src/include/&lt;span style=&#34;color:#666&#34;&gt;{&lt;/span&gt;header,footer,menu&lt;span style=&#34;color:#666&#34;&gt;}&lt;/span&gt;.html
touch sizutekipage/src/style.css
&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; sizutekipage/src
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;ヘッダー、フッター、とメニューを作りましょう！&lt;/p&gt;
&lt;h2 id=&#34;includeheaderhtml&#34;&gt;include/header.html&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#080&#34;&gt;&amp;lt;!DOCTYPE html PUBLIC &amp;#34;-//W3C//DTD XHTML 1.1//EN&amp;#34; &amp;#34;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&amp;#34;&amp;gt;&lt;/span&gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;html&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;xmlns&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;http://www.w3.org/1999/xhtml&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;xml:lang&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;ja&amp;#34;&lt;/span&gt;&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;head&lt;/span&gt;&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;meta&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;content&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;text/html; charset=utf-8&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;http-equiv&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;content-type&amp;#34;&lt;/span&gt; /&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;title&lt;/span&gt;&amp;gt;クソガキ株式会社&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;title&lt;/span&gt;&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;link&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;rel&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;stylesheet&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;type&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;text/css&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;href&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;/style.css&amp;#34;&lt;/span&gt; /&amp;gt;
&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;head&lt;/span&gt;&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;body&lt;/span&gt;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;includefooterhtml&#34;&gt;include/footer.html&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt; &amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;hr&lt;/span&gt; /&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;center&lt;/span&gt;&amp;gt;
クソガキ株式会社
&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;center&lt;/span&gt;&amp;gt;
&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;div&lt;/span&gt;&amp;gt;
&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;body&lt;/span&gt;&amp;gt;
&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;html&lt;/span&gt;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;includemenuhtml&#34;&gt;include/menu.html&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt; &amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;div&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;menu&amp;#34;&lt;/span&gt;&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;a&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;href&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;/&amp;#34;&lt;/span&gt;&amp;gt;トップ&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;a&lt;/span&gt;&amp;gt; |
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;a&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;href&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;/toiawase.html&amp;#34;&lt;/span&gt;&amp;gt;問い合わせ&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;a&lt;/span&gt;&amp;gt;
&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;div&lt;/span&gt;&amp;gt;
&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;div&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;class&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;container&amp;#34;&lt;/span&gt;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;stylecss&#34;&gt;style.css&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;body&lt;/span&gt; {
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;#000&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;#fff&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;margin&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;0&lt;/span&gt;;
}
&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;a&lt;/span&gt; {
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;#666&lt;/span&gt;;
}
.&lt;span style=&#34;color:#00f&#34;&gt;menu&lt;/span&gt; {
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;#444&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;font-size&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;14&lt;/span&gt;&lt;span style=&#34;color:#0b0;font-weight:bold&#34;&gt;px&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;8&lt;/span&gt;&lt;span style=&#34;color:#0b0;font-weight:bold&#34;&gt;px&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;margin-bottom&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;12&lt;/span&gt;&lt;span style=&#34;color:#0b0;font-weight:bold&#34;&gt;px&lt;/span&gt;;
}
.&lt;span style=&#34;color:#00f&#34;&gt;menu&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;&amp;gt;&lt;/span&gt; &lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;a&lt;/span&gt; {
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;color&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;#ea44fb&lt;/span&gt;;
}
.&lt;span style=&#34;color:#00f&#34;&gt;container&lt;/span&gt; {
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;background&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;#00f&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;border&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;1&lt;/span&gt;&lt;span style=&#34;color:#0b0;font-weight:bold&#34;&gt;px&lt;/span&gt; &lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;solid&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;#77a&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;margin&lt;/span&gt;: &lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;auto&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;width&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;100&lt;/span&gt;&lt;span style=&#34;color:#0b0;font-weight:bold&#34;&gt;%&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;max-width&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;1200&lt;/span&gt;&lt;span style=&#34;color:#0b0;font-weight:bold&#34;&gt;px&lt;/span&gt;;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;padding&lt;/span&gt;: &lt;span style=&#34;color:#666&#34;&gt;4&lt;/span&gt;&lt;span style=&#34;color:#0b0;font-weight:bold&#34;&gt;px&lt;/span&gt;;
}
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;indexhtml&#34;&gt;index.html&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt; &amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;h1&lt;/span&gt;&amp;gt;クソガキ株式会社へようこそ&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;h1&lt;/span&gt;&amp;gt;
私達のサービスはクソ物凄いだぜ！！
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;toiawasehtml&#34;&gt;toiawase.html&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt; &amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;h1&lt;/span&gt;&amp;gt;問い合わせ&amp;lt;/&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;h1&lt;/span&gt;&amp;gt;
クソガキ株式会社&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;br&lt;/span&gt; /&amp;gt;
地獄県鬼市死亡街6丁目6-6　サタンパレス666階&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;br&lt;/span&gt; /&amp;gt;
最寄り駅：JL神様線　死後駅　徒歩約5ヶ月&amp;lt;&lt;span style=&#34;color:#008000;font-weight:bold&#34;&gt;br&lt;/span&gt; /&amp;gt;
エレベーターがありません。
&lt;/code&gt;&lt;/pre&gt;&lt;h1 id=&#34;heading-2&#34;&gt;コンパイル&lt;/h1&gt;
&lt;p&gt;catコマンドを使って、ウエブサイトを作成しましょう！！&lt;br /&gt;
まずはCSSファイルをコピーして下さい。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; ..
cp src/style.css www
cat src/include/header.html src/include/menu.html src/index.html src/include/footer.html &amp;gt;&amp;gt; www/index.html
cat src/include/header.html src/include/menu.html src/toiawase.html src/include/footer.html &amp;gt;&amp;gt; www/toiawase.html
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;作成成功！！&lt;/p&gt;
&lt;h1 id=&#34;heading-3&#34;&gt;スクリプト化&lt;/h1&gt;
&lt;p&gt;しかし、毎回繰り返すのは面倒くさいですね。&lt;br /&gt;
スクリプトを作りましょう！！&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;touch make.sh
chmod +x make.sh
nvim make.sh
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;makesh&#34;&gt;make.sh&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#080&#34;&gt;#!/bin/sh
&lt;/span&gt;&lt;span style=&#34;color:#080&#34;&gt;&lt;/span&gt;rm -rf www/*
cp -v src/style.css www
&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; src
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;for&lt;/span&gt; name in *.html; &lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;do&lt;/span&gt;
cat include/header.html include/menu.html &lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt; include/footer.html &amp;gt;&amp;gt; ../www/&lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;
&lt;span style=&#34;color:#a2f&#34;&gt;echo&lt;/span&gt; &lt;span style=&#34;color:#b44&#34;&gt;&amp;#34;&amp;#39;src/&lt;/span&gt;&lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#39; -&amp;gt; &amp;#39;www/&lt;/span&gt;&lt;span style=&#34;color:#b8860b&#34;&gt;$name&lt;/span&gt;&lt;span style=&#34;color:#b44&#34;&gt;&amp;#39;&amp;#34;&lt;/span&gt;
&lt;span style=&#34;color:#a2f;font-weight:bold&#34;&gt;done&lt;/span&gt;
&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; ..
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;作成するには、「sizutekipage」フォルダーから&lt;code lang=&#34;&#34;&gt;./make.sh&lt;/code&gt;を実行して下さい。&lt;br /&gt;
ね、簡単でしょ？&lt;/p&gt;
&lt;p&gt;以上&lt;/p&gt;
</content>
</entry>
<entry>
<id>blog/thinkpad-t43-ssd-install-way.gmi</id>
<author><name>凛</name></author>
<title type="html">【ハード】IBM ThinkPad T43にSSDを入る方法</title>
<published>2023-02-03T00:00:00Z</published>
<category term="jp"></category>
<category term="blog"></category>
<category term="linux"></category>
<category term="bsd"></category>
<category term="ハードウェア"></category>
<category term="ノートパソコン"></category>
<category term="openbsd"></category>
<link href="gemini://technicalsuwako.moe/blog/thinkpad-t43-ssd-install-way.gmi" rel="alternate"></link>
<content type="html">
&lt;p&gt;秋葉原のジャンク通りでやっとIBM ThinkPad T43のめちゃくちゃ古いノートパソコンを見つけました。&lt;br /&gt;
勿論SSDなしで、金額は6,800円でした。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/qlWBD5gMQqqU8QAN2gEryQ.jpg&#34; alt=&#34;&#34; /&gt;&lt;/p&gt;
&lt;p&gt;でも、問題は一つがあります：SSDを入れないってことです。&lt;br /&gt;
T43の時代のパソコンはSATAじゃなくて、IDEのハードディスクを使いましたから。&lt;br /&gt;
SSDはSATAに変わった時後で作られましたので、IDE系SSDが存在しません。&lt;br /&gt;
そうして、IDE系HDDを見つけるのは珍しいです。&lt;/p&gt;
&lt;p&gt;でも、一つの方法がありますわ。&lt;br /&gt;
mSATA→IDE交換アダプターを使って安くて簡単にSSDを使えます。&lt;/p&gt;
&lt;p&gt;使ったやつは、&lt;a href=&#34;https://www.amazon.co.jp/gp/product/B00EUXS7WG&#34;&gt;KRHK-MSATA/I9&lt;/a&gt;と&lt;a href=&#34;https://www.amazon.co.jp/gp/product/B07GZFGD2B&#34;&gt;Zheino M3 (256 GB)&lt;/a&gt;です。&lt;br /&gt;
買った時、金額は6,297円でした。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/PO3316IiQyiTgVLQWSesFA.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/Lp9-nNNCTM6j4ZN4rwJg2A.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
ちなみに、SSDはサイズの比較ためです。&lt;br /&gt;
それ以外特に関係がありません。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/ynKP6u4tRoqAkCExe2RkZg.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/kRG-xU1uSlqvk6yhP3S1aQ.jpg&#34; alt=&#34;&#34; /&gt;&lt;/p&gt;
&lt;p&gt;次の問題は、普通に入るのは無理でした。&lt;br /&gt;
しょうがないですが、完全に分解しないと、SSDを入れないらしい。（写真を取りませんでしたが）&lt;/p&gt;
&lt;p&gt;でも、分解して、SSDを入って、再組み立ったら、ノートパソコンがやっとSSDを読められました！！&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/12GTLfI9RZiXZu-5Do1X3Q.jpg&#34; alt=&#34;&#34; /&gt;&lt;/p&gt;
&lt;p&gt;次はOSのインストールですね。&lt;br /&gt;
メモリは2GB以上で無理ですので、古いOSを利用しか出来ない感じですね。&lt;br /&gt;
でも、ネットで古いOSを使うのは凄く危険かしら。&lt;br /&gt;
そうして、プロセサーは32-bitですので、新しいOSの選びは少ないのです。&lt;br /&gt;
ですから、OpenBSDを入りました。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/IBlRnwW_SpqusPmb7zKrTQ.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/JZfynYBUSkaaziwsj7ML1A.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/D6YGneiMQRqoAX50IG7o6A.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/Zc8inzNGQlKKPrOePtsRYw.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/3HVQMjXPQviCwY-9dkugzA.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/ba1d1zq7TNyHSxJ6nslMOQ.jpg&#34; alt=&#34;&#34; /&gt;&lt;/p&gt;
&lt;p&gt;出たー出た！！出ったーーー&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/pwpPRGKJS169B3GNYXOnNw.jpg&#34; alt=&#34;&#34; /&gt;&lt;br /&gt;
&lt;img src=&#34;https://ass.technicalsuwako.moe/t43-ssd/Z5toPySHRu2HvaS2LzkKtg.jpg&#34; alt=&#34;&#34; /&gt;&lt;/p&gt;
&lt;p&gt;以上&lt;/p&gt;
</content>
</entry>
<entry>
<id>blog/access-network-wireguard.gmi</id>
<author><name>凛</name></author>
<title type="html">【セキュリティ】Wireguardを使って安全に自宅のネットワークをアクセスする方法</title>
<published>2023-01-17T00:00:00Z</published>
<category term="blog"></category>
<category term="jp"></category>
<category term="linux"></category>
<category term="bsd"></category>
<category term="セキュリティ"></category>
<category term="ネットワーク"></category>
<link href="gemini://technicalsuwako.moe/blog/access-network-wireguard.gmi" rel="alternate"></link>
<content type="html">
&lt;p&gt;また会社員になったから、あんま自宅にいない状況となりました。&lt;br /&gt;
セキュリティのため、私のサーバーは:80と:443以外自宅だけからアクセス出来る様に設定しました。&lt;br /&gt;
でも、会社にいながらアクセス出来たら良いなぁと思いましたので、今回はWireguardで安全に自宅のネットワークをアクセスする方法を教えると思います。&lt;/p&gt;
&lt;p&gt;ここの記事で：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;VPSはOpenBSD&lt;/li&gt;
&lt;li&gt;ゲートウェイはDevuan&lt;/li&gt;
&lt;li&gt;ノートパソコンとゲームパソコンはArtix Linux&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;記事の場合、「ゲートウェイ」は自宅のネットワーク内のサーバーで、VPSはネットワーク外のサーバーと意味です。&lt;/p&gt;
&lt;p&gt;ソフトのインストールコマンド以外全部のコマンドは全部のLinuxディストリビューション及びBSD OSで同じです。&lt;br /&gt;
うまく出来たら、ノートパソコン→VPS→ゲートウェイ→ゲームパソコンのログインは可能となります。&lt;br /&gt;
ここの場合、Artix→OpenBSD→Devuan→Artixですね。&lt;/p&gt;
&lt;p&gt;ノート→VPS→ゲーム（Artix→OpenBSD→Artix）も可能ですが、自宅ネットワークで複数パソコンやサーバー（あたしは１０台ぐらい）があれば、１台のゲートウェイがあった方が良いです。&lt;br /&gt;
そうしてセキュリティの為、SSHとWireguardしか何も実行されていないサーバーの方が安全ですね。&lt;/p&gt;
&lt;h1 id=&#34;vps&#34;&gt;VPS&lt;/h1&gt;
&lt;p&gt;OpenBSDを使ってVPSなら、ConoHa又はVultrを勧めます。&lt;br /&gt;
ConoHaのOpenBSDイメージは古いバージョンですので、まずは最新バージョンまで「pkg_add -ui」及び「sysupgrade」コマンドを実行する事が必要です。&lt;br /&gt;
どっちでもで、一番安いVPSは十分です。&lt;/p&gt;
&lt;h1 id=&#34;heading&#34;&gt;買い物&lt;/h1&gt;
&lt;p&gt;まずは専用サーバーを買ってみよっか！&lt;br /&gt;
あれば、Lenovo ThinkCentre又はNECのジャンク品は一番勧めますが、結局何でも良いです。&lt;br /&gt;
東京に近く住んだら、秋葉原のジャンク通りで2000~4000円で買えます。&lt;br /&gt;
あとはSSDを買うのは必要ですが、小さいSSDは大丈夫です。&lt;br /&gt;
ACケーブル及びイーサネットケーブルも必要です、なければキーボードとモニタも必要ですが、すでに持ってるやつを使いましょう。&lt;br /&gt;
まとめて5千円でサーバーの購入が可能です。&lt;/p&gt;
&lt;h1 id=&#34;devuan&#34;&gt;ゲートウェイでDevuanのインストール&lt;/h1&gt;
&lt;p&gt;いつでも通りDevuanをインストールしましょう。&lt;br /&gt;
でもサーバーですので、XFCEじゃなくて、ベースインストーラーを使って下さい。&lt;/p&gt;
&lt;h2 id=&#34;ssh&#34;&gt;SSHのセキュリティ対策&lt;/h2&gt;
&lt;p&gt;インストールする後、セキュリティ対策の為、下記のステップは必要です。&lt;/p&gt;
&lt;h3 id=&#34;vps-1&#34;&gt;VPSとゲートウェイの側&lt;/h3&gt;
&lt;p&gt;普通ユーザー作って下さい。&lt;br /&gt;
注意：Devuanの場合、wheelじゃなくて、sudoです。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;useradd -m （ユーザー名）
passwd （ユーザー名）
usermod -G wheel （ユーザー名）
su -l （ユーザー名）
mkdir ~/.ssh
touch ~/.ssh/authorized_keys
&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&#34;heading-1&#34;&gt;すべての側&lt;/h3&gt;
&lt;p&gt;初めての場合、SSHキーを作成して下さい。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;ssh-keygen -t ed25519
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;そのままEnterキーを押して下さい。&lt;br /&gt;
パスワードを入らないで下さい。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;cat ~/.ssh/id_ed25519.pub
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;出力をコピーして、&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Artixのノートパソコンの内容はOpenBSDのVPSの「~/.ssh/authorized_keys」に貼って&lt;/li&gt;
&lt;li&gt;OpenBSDのVPSの内容はDevuanのゲートウェイのものに貼って&lt;/li&gt;
&lt;li&gt;Devuanのゲートウェイの内容はArtixのゲームパソコンのものに貼って&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;「/etc/ssh/sshd_config」ファイルを編集して下さい。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;...
PermitRootLogin no
...
PasswordAuthentication no
...
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;SSHサービスの再起動。&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Devuan&lt;/th&gt;
&lt;th&gt;Artix (runitの場合)&lt;/th&gt;
&lt;th&gt;OpenBSD&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;service ssh restart&lt;/td&gt;
&lt;td&gt;sv restart sshd&lt;/td&gt;
&lt;td&gt;rcctl restart sshd&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;まだVPS→ゲートウェイのログインは不可能ですが、そろそろ可能となります。&lt;/p&gt;
&lt;h1 id=&#34;wireguard&#34;&gt;Wireguardの設置&lt;/h1&gt;
&lt;h2 id=&#34;vps-2&#34;&gt;VPS側&lt;/h2&gt;
&lt;p&gt;じゃ、始めましょう！&lt;br /&gt;
まずはパッケージをインストールしましょう。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;doas pkg_add wireguard-tools
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;rootになって、Wireguardのコンフィグを作成しましょう。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;doas su
mkdir /etc/wireguard
chmod &lt;span style=&#34;color:#666&#34;&gt;700&lt;/span&gt; /etc/wireguard
&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; /etc/wireguard
wg genkey | tee private.key | wg pubkey &amp;gt; public.key
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;heading-2&#34;&gt;ゲートウェイ側&lt;/h2&gt;
&lt;p&gt;大体同じステップですね。&lt;/p&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;sudo apt install wireguard-tools
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;sudo su
mkdir /etc/wireguard
chmod &lt;span style=&#34;color:#666&#34;&gt;700&lt;/span&gt; /etc/wireguard
&lt;span style=&#34;color:#a2f&#34;&gt;cd&lt;/span&gt; /etc/wireguard
wg genkey | tee private.key | wg pubkey &amp;gt; public.key
vi /etc/wireguard/wg0.conf
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;&lt;span style=&#34;color:#666&#34;&gt;[&lt;/span&gt;Interface&lt;span style=&#34;color:#666&#34;&gt;]&lt;/span&gt;
&lt;span style=&#34;color:#b8860b&#34;&gt;PrivateKey&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt; （ゲートウェイの「/etc/wireguard/private.key」の内容）
&lt;span style=&#34;color:#b8860b&#34;&gt;Address&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt; 192.168.10.2/24
&lt;span style=&#34;color:#666&#34;&gt;[&lt;/span&gt;Peer&lt;span style=&#34;color:#666&#34;&gt;]&lt;/span&gt;
&lt;span style=&#34;color:#b8860b&#34;&gt;PublicKey&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt; （VPSの「/etc/wireguard/public.key」の内容）
&lt;span style=&#34;color:#b8860b&#34;&gt;Endpoint&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt; （VPSのIPアドレス）:443
&lt;span style=&#34;color:#b8860b&#34;&gt;AllowedIPs&lt;/span&gt; &lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt; 0.0.0.0/0
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;vps-3&#34;&gt;VPS側&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;vi /etc/wireguard/wg0.conf
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;[Interface]
PrivateKey = （VPSの「/etc/wireguard/private.key」の内容）
ListenPort = 443
[Peer]
PublicKey = （ゲートウェイの「/etc/wireguard/public.key」の内容）
AllowedIPs = 0.0.0.0/0
PersistentKeepalive = 25
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;sysctl net.inet.ip.forwarding&lt;span style=&#34;color:#666&#34;&gt;=&lt;/span&gt;&lt;span style=&#34;color:#666&#34;&gt;1&lt;/span&gt;
vi /etc/sysctl.conf
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;net.inet.ip.forwarding=1
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;vi /etc/pf.conf
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;...
pass # establish keep-state
pass in on wg0
pass in inet proto udp from any to any port 443
pass out on egress inet from (wg0:network) nat-to (vio0:0)
...
&lt;/code&gt;&lt;/pre&gt;&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;pfctl -f /etc/pf.conf
&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;heading-3&#34;&gt;ゲートウェイ側&lt;/h2&gt;
&lt;pre&gt;&lt;code lang=&#34;&#34;&gt;wg-quick up wg0
&lt;/code&gt;&lt;/pre&gt;&lt;h1 id=&#34;heading-4&#34;&gt;確認しましょう&lt;/h1&gt;
&lt;p&gt;お疲れ様でした！！&lt;br /&gt;
じゃ、ノートパソコンは違うネットワーク（例えば、スマホのWiFiホットスポット又はスタバの無料WiFi）に接続して、ノートパソコンからVPSにログインして下さい。&lt;br /&gt;
VPSからゲートウェイにログインして下さい。&lt;br /&gt;
ゲートウェイからネットワーク以内のゲームパソコンにログインして下さい。&lt;br /&gt;
VPS→ゲートウェイにログインするには、IPアドレスは「192.168.10.2」となります。&lt;/p&gt;
&lt;p&gt;今から世界中でどこでもから自宅のゲームパソコンをアクセス出来ます！！&lt;/p&gt;
&lt;p&gt;以上&lt;/p&gt;
</content>
</entry>
</feed>
新しいイシューから参照 Git Blameを表示 パーマリンクをコピー