htmlandsns, and fix case
このコミットが含まれているのは:
コミット
59f9ef3199
|
|
@ -12,7 +12,7 @@
|
|||
|
||||
<dl>
|
||||
<dt>代替ブラウザー (筆者の造語)</dt>
|
||||
<dd>ウェブブラウザーのうち自前のレンダリングエンジンを持ち小規模な物。w3m・ELinks・Dillo・Netsurf・Kristall 等。</dd>
|
||||
<dd>ウェブブラウザーのうち自前のレンダリングエンジンを持ち小規模な物。w3m・ELinks・Dillo・NetSurf・Kristall 等。</dd>
|
||||
</dl>
|
||||
|
||||
<p>代替ブラウザーの共通の長所は「輕量さ」及び「良いデフォルト設定」です。「輕量さ」は速度や省メモリーだけではなく、依存パッケージがすくない事やソースからビルドし易い事も含みます。「良いデフォルト設定」はインストール直後の狀態でもプライバシーの懸念がすくなく、不要な機能をオフにする手間がかからない事です。</p>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
<p>デフォルト設定は特に大切です。有名なブラウザーは利用者の知らないタイミングで Google や Mozilla のサーバーに沢山接續します。<strong>これを無駄だと感じる人も居ます。</strong>これらの接續を設定でオフにする作業は面倒です。小規模のブラウザーには無駄な機能はありません。故に小規模です。</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="./netsurf-favicon.html">Netsurfは起動時にgoogleに接續する (修正可能)</a> -- トラッキングではなくfaviconを取得する爲</li>
|
||||
<li><a href="./netsurf-favicon.html">NetSurfは起動時にgoogleに接續する (修正可能)</a> -- トラッキングではなくfaviconを取得する爲</li>
|
||||
</ul>
|
||||
|
||||
<h2>2. 自由の精神</h2>
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
|
||||
<p>代替ブラウザーの機能を強化する事以外で實用性を高めるには「HTML/CSS を工夫する」「ウェブに對する意識を變へる」事が有效です。</p>
|
||||
|
||||
<p>「HTML/CSS を工夫する」-- 文書の構造を HTML だけで明確に記述します (見出し・段落・リストを活用)。CSS は、一部の機能が無視される時の事も考へます (<a href="https://hozon.site/archive/1695020396/developer.mozilla.org/ja/docs/Glossary/Graceful_degradation">グレースフルデグラデーション [hozon size]</a>)。HTML/CSS のテンプレートを作成した時に w3m・Dillo・Netsurf 等のレンダリング結果を確認します。</p>
|
||||
<p>「HTML/CSS を工夫する」-- 文書の構造を HTML だけで明確に記述します (見出し・段落・リストを活用)。CSS は、一部の機能が無視される時の事も考へます (<a href="https://hozon.site/archive/1695020396/developer.mozilla.org/ja/docs/Glossary/Graceful_degradation">グレースフルデグラデーション [hozon size]</a>)。HTML/CSS のテンプレートを作成した時に w3m・Dillo・NetSurf 等のレンダリング結果を確認します。</p>
|
||||
|
||||
<p>「ウェブに對する意識を變へる」-- 大切な事は「HTML 文書で情報を傳へる事」「HTML 文書同士がハイパーリンクで繋がる事」です。他の事は小事です。制作者・利用者は全てのブラウザーのレンダリング結果が完全に同じになる事を期待しない方が良いです。</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<ul>
|
||||
<li><strong>著作權放棄のフリー素材</strong></li>
|
||||
<li>CLASS は不使用</li>
|
||||
<li>Dillo や Netsurf に概ね對應</li>
|
||||
<li>Dillo や NetSurf に概ね對應</li>
|
||||
</ul>
|
||||
|
||||
<h2>一覧 (新着順)</h2>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,71 @@
|
|||
<title>HTMLの長所、SNSとの比較 - 美々蝶々</title>
|
||||
|
||||
<h1>HTMLの長所、SNSとの比較</h1>
|
||||
|
||||
<ul>
|
||||
<li>2024-01-02 (陰暦11月21日) たかし</li>
|
||||
</ul>
|
||||
|
||||
<h2>1</h2>
|
||||
|
||||
<p>SNS は便利ですが、そこで完結せず、HTML を公開することが大切です。つまりウェブサイトを作ることです。決して「HTML 手打ち」の話ではありません。最終的に HTML になるなら、方法は關係ありません。ここでは HTML の長所を説明します。</p>
|
||||
|
||||
<p>HTML の一番の長所は、誰が何を讀むかが明白であることです。書く側は公開する内容をすべて自分で管理できて、讀む側は何を讀むかを選擇できます。SNS はその點で曖昧だから、見たくない投稿や人物を見てイヤな思ひをすることがあります。</p>
|
||||
|
||||
<p>SNS には「友達の友達」みたいな人の投稿が目に入りやすいといふ特徴があります。自分の友達に向けて書いたつもりの言葉が「友達の友達」にとつては不快なことがあります。</p>
|
||||
|
||||
<p>單なる HTML には「返信」「リアクション」「再投稿」「フォロー」などの安易なコミュニケーション機能がないところも特徴です。これは問題の囘避につながります。反應することに手間がかかるから、考へる時間ができて冷静になることができます。</p>
|
||||
|
||||
<p>ところで、筆者の樣にウェブサイトの更新を SNS で告知すると告知の投稿で問題が生じる可能性があります。それでも、SNS に沢山投稿することと比べたら問題が起きにくいと思ひます。</p>
|
||||
|
||||
<h2>2</h2>
|
||||
|
||||
<p>適切に書かれた HTML は、データとして長持ちさせることができます。結局は單なるテキストファイルのあつまりに過ぎないため、バックアップしたり、別のサーバーに轉送したりが容易です。SNS の場合、投稿はデータベースに保存されるため、プログラミングされた通りにしか利用できません。</p>
|
||||
|
||||
<p>HTML を公開する時、大抵は PC に保存した HTML をサーバーに轉送して公開します。PC とサーバーとの2箇處にバックアップされるから、PC のデータが消えた時はサーバーから取得し直せばいいし、サーバーが使用できなくなつた場合は別のサーバーに轉送すれば復活できます。</p>
|
||||
|
||||
<p>更に Git を使用して <a href="http://gitler.moe/tak4/bibi/">Gitler</a> などの第三者のサーバーにソースコードを保管しておけば、よほどのことが無い限り、どこかに HTML を殘せるはずです。</p>
|
||||
|
||||
<p>蓄積された HTML を最大限に活かすことも大切です。1度書いて終りではなく、後から書き足したり修正したりできます。同じ題材についての HTML が沢山できたなら「後づけ」で一覽を作れば、あたかも1つの書物かの樣に見せられます。これは讀む側にとつて親切です。</p>
|
||||
|
||||
<h2>3</h2>
|
||||
|
||||
<p>現在のウェブでは、大手の SNS から自由になるために分散型の SNS が注目されてゐますが、その一方で、サーバーの維持費や管理者の負擔が課題になつてゐます。管理しやすい小さなサーバーを沢山作ることが有力な解決策ですが、そもそも SNS の使用を減らして、HTML を主體にすることを提案します。</p>
|
||||
|
||||
<p>HTML を公開するためのサーバーは安價で用意できます。無料のレンタルサーバーもあります。剰つてゐる PC をサーバーにすれば I2P や Tor でも公開できます。サーバー側のプログラミング (PHP や NodeJS など) を使用せず「静的なファイル」を配信するだけなら、短期間に大量の轉送が發生しない限り、サーバーに大きな負荷はかかりません。</p>
|
||||
|
||||
<p>分散型の SNS を使用してゐる人には特に、HTML を書くことをおすすめします。SNS に書ききれない長文を投稿したい時にも役立ちます。SNS の投稿や會話を引用で記録しておくだけでも後で讀み返せて便利です。きつと HTML を氣に入るはずです。</p>
|
||||
|
||||
<h2>比較</h2>
|
||||
|
||||
<dl>
|
||||
<dt>HTML (ウェブサイト)</dt>
|
||||
<dd>あまり多くの人に屆かない (讀みたい人が讀む)</dd>
|
||||
<dd>書くのに時間がかかる</dd>
|
||||
<dd>單方向のコミュニケーション</dd>
|
||||
<dd>バックアップしやすい</dd>
|
||||
<dd>書いた後で整理できる</dd>
|
||||
<dd>サーバーの負荷が低い</dd>
|
||||
<dt>SNS</dt>
|
||||
<dd>幅廣い人に屆く (讀みたくない人も讀む)</dd>
|
||||
<dd>書くのに時間がかからない</dd>
|
||||
<dd>双方向のコミュニケーション</dd>
|
||||
<dd>バックアップはプログラム次第</dd>
|
||||
<dd>1度書いたら終り (基本的には)</dd>
|
||||
<dd>サーバーの負荷が高い</dd>
|
||||
<dt>總括</dt>
|
||||
<dd>HTML: 随筆/記録に適する</dd>
|
||||
<dd>SNS: 仲間探し/告知/會話に適する</dd>
|
||||
</dl>
|
||||
|
||||
<h2>參考</h2>
|
||||
|
||||
<dl>
|
||||
<dt><a href="https://www.kanzaki.com/works/archives/netfan/do_it.html">WWWで情報発信しよう</a></dt>
|
||||
<dd>シンプルな HTML を作ることのすすめ</dd>
|
||||
<dt><a href="https://youkoseki.com/f/2021_html">2021年だから人類はHTMLを手打ちしろ </a></dt>
|
||||
<dd>HTML が長持ちすることに触れられてゐる</dd>
|
||||
<dd>「HTML手打ち」である必要は無いはず (Markdown は惡くない)</dd>
|
||||
<dt><a href="http://freshmia.starfree.jp/comu/w1p.html">創設者の目指すWeb | Freshmia</a></dt>
|
||||
<dd>Web1 と分散SNSとの兩方を活用すること</dd>
|
||||
</dl>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
<dt><a href="./webring.html">ウェブリング (リンク集)</a></dt>
|
||||
<dd>2023-12-15 (陰暦11月03日)</dd>
|
||||
<dt><a href="./csslist.html">美々のCSS素材集</a></dt>
|
||||
<dd>2024-01-01 (陰暦11月12日)</dd>
|
||||
<dd>2024-01-01 (陰暦11月20日)</dd>
|
||||
</dl>
|
||||
|
||||
<h2>2. 文章</h2>
|
||||
|
|
@ -76,6 +76,8 @@
|
|||
<dd>2023-11-20 (陰暦10月08日)</dd>
|
||||
<dt><a href="./notvolunteer.html">ウェブサイトは奉仕をしない</a></dt>
|
||||
<dd>2023-11-28 (陰暦10月16日)</dd>
|
||||
<dt><a href="./htmlandsns.html">HTMLの長所、SNSとの比較</a></dt>
|
||||
<dd>2024-01-02 (陰暦11月21日)</dd>
|
||||
</dl>
|
||||
|
||||
<h3>2.2. GNU/Linux・BSD <a name="UNIX" href="#UNIX">#UNIX</a></h3>
|
||||
|
|
@ -105,9 +107,9 @@
|
|||
<dd>2023-09-08 (陰暦07月24日)</dd>
|
||||
<dt><a href="./dillo.html">Dilloの紹介</a></dt>
|
||||
<dd>2023-09-14 (陰暦07月30日)</dd>
|
||||
<dt><a href="./netsurf-favicon.html">Netsurf起動時のfavicon接續防止</a></dt>
|
||||
<dt><a href="./netsurf-favicon.html">NetSurf起動時のfavicon接續防止</a></dt>
|
||||
<dd>2023-09-21 (陰暦08月07日)</dd>
|
||||
<dt><a href="./netsurf.html">Netsurfの紹介</a></dt>
|
||||
<dt><a href="./netsurf.html">NetSurfの紹介</a></dt>
|
||||
<dd>2023-10-02 (陰暦08月18日)</dd>
|
||||
<dt><a href="./firefox.html">Firefox系ウェブブラウザーの覺書</a></dt>
|
||||
<dd>2023-12-17 (陰暦11月05日)</dd>
|
||||
|
|
|
|||
|
|
@ -50,6 +50,6 @@
|
|||
|
||||
<h2>6</h2>
|
||||
|
||||
<p>好きな JS の用途はユーザースクリプトを書いて、<a href="./076mute.html">ウェブサイトの振る舞ひを修正する</a>事です。これはユーザーの自由を高めます。Dillo、Netsurf、W3M みたいな輕量ブラウザーにもユーザースクリプトの機能を望みます。</p>
|
||||
<p>好きな JS の用途はユーザースクリプトを書いて、<a href="./076mute.html">ウェブサイトの振る舞ひを修正する</a>事です。これはユーザーの自由を高めます。Dillo、NetSurf、w3m みたいな輕量ブラウザーにもユーザースクリプトの機能を望みます。</p>
|
||||
|
||||
<p>また、よく調べてゐませんが、<a href="https://mujs.com/">mujs</a> は、C で書かれた輕量な JS (ES5) の實裝で、Lua みたいに使用できます。筆者は Lua より JS に慣れてゐるから、mujs に興味があります。</p>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<title>Netsurf起動時のfavicon接續防止 - 美々蝶々</title>
|
||||
<title>NetSurf起動時のfavicon接續防止 - 美々蝶々</title>
|
||||
|
||||
<h1>Netsurf起動時のfavicon接續防止</h1>
|
||||
<h1>NetSurf起動時のfavicon接續防止</h1>
|
||||
|
||||
<ul>
|
||||
<li>2023-09-21 (陰暦08月07日) たかし</li>
|
||||
|
|
@ -8,13 +8,13 @@
|
|||
|
||||
<h2>問題・對策</h2>
|
||||
|
||||
<p>Netsurf は起動時に檢索エンジンから favicon.ico を取得して右上の檢索欄に表示します。この問題の修正方法を説明します。</p>
|
||||
<p>NetSurf は起動時に檢索エンジンから favicon.ico を取得して右上の檢索欄に表示します。この問題の修正方法を説明します。</p>
|
||||
|
||||
<ul>
|
||||
<li>檢索エンジンの初期設定は Google です (<code>https://google.com/favicon.ico</code> に接續されます)。</li>
|
||||
</ul>
|
||||
|
||||
<p>修正するには、Netsurf が内部に持つファイル「SearchEngine」を編輯します。OpenBSD の場合、<code>/usr/local/share/netsurf/SearchEngine</code> にあります。</p>
|
||||
<p>修正するには、NetSurf が内部に持つファイル「SearchEngine」を編輯します。OpenBSD の場合、<code>/usr/local/share/netsurf/SearchEngine</code> にあります。</p>
|
||||
|
||||
<p>「|」で區切られた、左から4つ目の項目がアイコンの URL なので、これを存在しない URL (about:blank とか) に變更します。</p>
|
||||
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
</samp></li>
|
||||
</ul>
|
||||
|
||||
<p>これで Netsurf の起動時に favicon.ico は取得されなくなります。</p>
|
||||
<p>これで NetSurf の起動時に favicon.ico は取得されなくなります。</p>
|
||||
|
||||
<h2>參考</h2>
|
||||
|
||||
|
|
@ -48,6 +48,6 @@
|
|||
<h2>關聯</h2>
|
||||
|
||||
<ul>
|
||||
<li><a href="./netsurf.html">Netsurfの紹介</a></li>
|
||||
<li>Netsurf起動時のfavicon接續防止</li>
|
||||
<li><a href="./netsurf.html">NetSurfの紹介</a></li>
|
||||
<li>NetSurf起動時のfavicon接續防止</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
<title>Netsurfの紹介 - 美々蝶々</title>
|
||||
<title>NetSurfの紹介 - 美々蝶々</title>
|
||||
|
||||
<h1>Netsurfの紹介</h1>
|
||||
<h1>NetSurfの紹介</h1>
|
||||
|
||||
<ul>
|
||||
<li>2023-10-02 (陰暦08月18日) たかし</li>
|
||||
<li>「OpenBSD 7.3」「Netsurf 3.10」</li>
|
||||
<li>「OpenBSD 7.3」「NetSurf 3.10」</li>
|
||||
</ul>
|
||||
|
||||
<h2>序</h2>
|
||||
|
||||
<p>Netsurf は獨自の描畫エンジンを持つ GTK 製のウェブブラウザーです。</p>
|
||||
<p>NetSurf は獨自の描畫エンジンを持つ GTK 製のウェブブラウザーです。</p>
|
||||
|
||||
<ul>
|
||||
<li>CSS の對應狀況は Dillo より良い</li>
|
||||
|
|
@ -83,7 +83,7 @@
|
|||
<li><strong>これは正規の使用方法ではない</strong></li>
|
||||
</ul>
|
||||
|
||||
<p>Netsurf の内部データを書き換へれば、通常は變更できない設定を變更できます。OpenBSD の場合ファイルは「<code>/usr/local/netsurf</code>」配下にあります。</p>
|
||||
<p>NetSurf の内部データを書き換へれば、通常は變更できない設定を變更できます。OpenBSD の場合ファイルは「<code>/usr/local/netsurf</code>」配下にあります。</p>
|
||||
|
||||
<dl>
|
||||
<dt><code>adblock.css</code></dt>
|
||||
|
|
@ -114,6 +114,6 @@
|
|||
<h2>關聯</h2>
|
||||
|
||||
<ul>
|
||||
<li>Netsurfの紹介</li>
|
||||
<li><a href="./netsurf-favicon.html">Netsurf起動時のfavicon接續防止</a></li>
|
||||
<li>NetSurfの紹介</li>
|
||||
<li><a href="./netsurf-favicon.html">NetSurf起動時のfavicon接續防止</a></li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -14,17 +14,17 @@
|
|||
|
||||
<dl>
|
||||
<dt><img src="./images/fish.png" alt="cursesで描かれた魚"></dt>
|
||||
<dd>マスコットキャラクターの魚です。</dd>
|
||||
<dd>マスコットキャラクター「魚」</dd>
|
||||
</dl>
|
||||
|
||||
<h2>關心がある事</h2>
|
||||
<h2>興味</h2>
|
||||
|
||||
<ul>
|
||||
<li>GNU/Linux・BSD</li>
|
||||
<li>自由ソフトウェア</li>
|
||||
<li>より良いウェブのあり方</li>
|
||||
<li>ウェブ</li>
|
||||
<li>舊い電子機器を大切にすること</li>
|
||||
<li>生き物・植物</li>
|
||||
<li>生物・植物</li>
|
||||
<li>節約</li>
|
||||
<li>健康</li>
|
||||
<li>歴史假名・舊字體</li>
|
||||
|
|
@ -32,6 +32,8 @@
|
|||
|
||||
<h2>作業環境</h2>
|
||||
|
||||
<h3>ラップトップ</h3>
|
||||
|
||||
<p>ラップトップ「Let's note CF-J10」を使用中です。</p>
|
||||
|
||||
<dl>
|
||||
|
|
@ -40,13 +42,34 @@
|
|||
<dt>シェル</dt>
|
||||
<dd>ksh</dd>
|
||||
<dt>テキスト編輯</dt>
|
||||
<dd>GNU nano・vi (nvi)</dd>
|
||||
<dd>GNU nano・vi</dd>
|
||||
<dt>日本語入力</dt>
|
||||
<dd>uim-fep + Anthy (かな入力)</dd>
|
||||
<dd>uim + Anthy (かな入力)</dd>
|
||||
<dt>ウィンドウ管理</dt>
|
||||
<dd>dwm</dd>
|
||||
<dt>端末</dt>
|
||||
<dd>st + tmux</dd>
|
||||
<dd>st + uim-fep + tmux</dd>
|
||||
<dt>ウェブ閲覽</dt>
|
||||
<dd>w3m・SeaMonkey・Surf・Dillo・Netsurf</dd>
|
||||
<dd>w3m・SeaMonkey・Firefox-ESR・Dillo・NetSurf</dd>
|
||||
</dl>
|
||||
|
||||
<h3>デスクトップ</h3>
|
||||
|
||||
<p>GUI 主體の環境も使用する樣になりました。</p>
|
||||
|
||||
<dl>
|
||||
<dt>OS</dt>
|
||||
<dd>Trisquel GNU/Linux</dd>
|
||||
<dt>シェル</dt>
|
||||
<dd>Bash</dd>
|
||||
<dt>テキスト編輯</dt>
|
||||
<dd>GNU nano</dd>
|
||||
<dt>日本語入力</dt>
|
||||
<dd>ラップトップと同じ</dd>
|
||||
<dt>デスクトップ環境</dt>
|
||||
<dd>LXDE</dd>
|
||||
<dt>端末</dt>
|
||||
<dd>LXTerminal</dd>
|
||||
<dt>ウェブ閲覽</dt>
|
||||
<dd>Abrowser・GNU IceCat</dd>
|
||||
<dt>
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@
|
|||
<li>「<kbd>Shift + H</kbd>」 -- w3m の操作方法を表示する (w3m help page)</li>
|
||||
<li>「<kbd>o</kbd>」 -- w3m の設定畫面を表示する (Option Setting Panel)</li>
|
||||
<li>「<kbd>v</kbd>」 -- HTML のソースコードを表示する</li>
|
||||
<li>「<kbd>q</kbd>」の後に「<kbd>y</kbd>」 -- <strong>W3M を終了する</strong></li>
|
||||
<li>「<kbd>q</kbd>」の後に「<kbd>y</kbd>」 -- <strong>w3m を終了する</strong></li>
|
||||
</ul>
|
||||
|
||||
<h2>2. 設定</h2>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<li>最終更新日: 2023-10-12 (陰暦08月28日)</li>
|
||||
</ul>
|
||||
|
||||
<p>このサイトの設計方針です。筆者は W3M を愛用するから、テキストブラウザーを贔屓します。方針が変化したら、この記事の内容も更新します。</p>
|
||||
<p>このサイトの設計方針です。筆者は w3m を愛用するから、テキストブラウザーを贔屓します。方針が変化したら、この記事の内容も更新します。</p>
|
||||
|
||||
<h2>1. 文章を優先</h2>
|
||||
|
||||
|
|
|
|||
読み込み中…
新しいイシューから参照