WhiteWind
WhiteWindはBlueSky APIを使ったブログサービス。
特徴
- BlueSkyアカウントがあれば始められる
- 個人情報の提供不要(ユーザ名とパスワードのみ。電話番号や生体情報など不要)
- 記事データはPDS(BlueSkyサーバ)に保存され、いつでも取得・作成・削除できる
- Markdownで執筆できる
BlueSky
BlueSkyは分散型SNS。
分散化SNSプロトコル
分散化
分散化はユーザ自身が安全安心してデータを保持しつつ繋がれる新しい仕組み。ユーザがAPIを使って様々なサービスを作りつつ連携できるオープンなエコシステム。
これまでの中央集権による支配でメタクソ化(enshittification)が深刻化する現状を打破する可能性を秘めている。
特に最近の中央集権WEBサービスはSMS/生体認証必須などユーザの個人情報を搾取するよう改悪され、リスクが深刻化してきた。そうしたプラットフォーマーの支配から脱却できる枠組みが分散化である。いわゆるWeb3.0。
中央集権の末路
情報格差による差別
WhiteWindはどこまで表現力がある?
HTML
HTMLをそのまま書けるか確認する。
<ruby>
漢字
<ruby>漢字<rt>かんじ</rt></ruby>
<style>, <em>
em {
font-style: normal;
text-emphasis: sesame red;
-webkit-text-emphasis: sesame red;
}
強調
<style>
em {
font-style: normal;
text-emphasis: sesame red;
-webkit-text-emphasis: sesame red;
}
</style>
<em>強調</em>
残念ながら<style>要素は使えないようだ。
<em style="">
強調
<em style="font-style: normal; text-emphasis: sesame red; -webkit-text-emphasis: sesame red;">強調</em>
残念ながらstyle属性も使えないようだ。これはキツイ。
Markdown
構文強調
// 構文強調される!
alert('Hello JavaScript');
```js
// 構文強調される!
alert('Hello JavaScript');
```
表(テーブル)
| 名前 | 年齢 |
|---|---|
| 山田 | 12 |
| 鈴木 | 24 |
| 高橋 | 36 |
名前|年齢
----|---
山田|12
鈴木|24
高橋|36
リスト
順序なし
- 項目A
- 項目B
- 項目C
- 項目C-1
- 項目C-1-1
- 項目C-1
* 項目A
* 項目B
* 項目C
* 項目C-1
* 項目C-1-1
順序付き
- 項目1
- 項目2
- 項目3
- 項目3-1
- 項目3-1-1
- 項目3-1
1. 項目1
1. 項目2
1. 項目3
1. 項目3-1
1. 項目3-1-1
ネストの番号がiやaになってる……。指定したtype(数字)にして欲しい。
アルファベット付き
A. 項目1 A. 項目2 A. 項目3 A. 項目3-1
A. 項目1
A. 項目2
A. 項目3
A. 項目3-1
リストにならない……。
type="A"
- 要素1
- 要素2
- 要素3
<ol type="A">
<li>要素1</li>
<li>要素2</li>
<li>要素3</li>
</ol>
ol#typeが機能しない……。
チェック付き
- アレした
- コレした
- ドレした
- [ ] アレした
- [ ] コレした
- [x] ドレした
これはできるんかい。
見出し
見出し1
見出し2
見出し3
見出し4
見出し5
見出し6
# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6
リンク
* [ytyaru WhiteWind 0](https://whtwnd.com/ytyaru.bsky.social/)
* [ytyaru WhiteWind 1](https://whtwnd.com/ytyaru.bsky.social/ "WhiteWind")
* [ytyaru WhiteWind 2][]
[ytyaru WhiteWind 2]:https://whtwnd.com/ytyaru.bsky.social/
* [ytyaru WhiteWind 3][]
[ytyaru WhiteWind 3]:https://whtwnd.com/ytyaru.bsky.social/ "WhiteWind"
URLそのままでも自動的にリンクになってくれる。でもカード風じゃない。
https://whtwnd.com/ytyaru.bsky.social/
https://whtwnd.com/ytyaru.bsky.social/
あとセキュリティ的に以下のようになって欲しかった。targetもrelもない。
<a target="_blank" rel="noopener noreferrer"></>
内部リンク
内部リンクは機能しなかった。
<a id="link"></a>
<h4 id="anchor">内部リンク</h4>
* [リンク](#link)
* <a href="#anchor">内部リンク</a>
開発ツールで見ると<a id="link"></a>タグは消され、<h4 id="anchor">内部リンク</h4>タグのid値は勝手にuser-content-anchorに変更されていた。
<h4 id="user-content-anchor">内部リンク</h4>
画像

参照形式はダメみたい。
![image1][]
![image1][]
[image1]:https://bankera.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3Affttrlkbljhdeoypveptm4sj&cid=bafkreibiuw7b5chzgss3teqydyxbbg4rozmxkk26sitbtpjfuyxjxslcf4)
画像リンク
[](https://whtwnd.com/ytyaru.bsky.social/)
引用
これは引用文です。
改行は半角スペース二つで入力できます。
> これは引用文です。
> 改行は半角スペース二つで入力できます。
水平線
---
装飾
- 強調1
- 強調2
- 強調3
打ち消し線- 下線
- マーク
* *強調1*
* **強調2**
* ***強調3***
* ~~打ち消し線~~
* <u>下線</u>
* <mark>マーク</mark>
<font>
赤くて8emな文字
<font color="red" size="8em">赤くて8emな文字</font>
サイズ変更はできず、色だけは変更できた。
ダイアグラム系
全滅。これはMarkdownの仕様にないから仕方ない。
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
Bob->Alice : Hello!
\left( \sum_{k=1}^n a_k b_k \right)^{\!\!2} \leq
\left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
```mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
```plantuml
Bob->Alice : Hello!
```
```math
\left( \sum_{k=1}^n a_k b_k \right)^{\!\!2} \leq
\left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
```
所感
WhiteWindはブログの候補として有力。でも作者のknksm5氏は執筆時点ではWhiteWindやBlueSkyで更新がなくなりつつある。この先のWhiteWind更新も期待できないかもしれない。
BlueSky APIでPDSからこの記事のデータを取得&編集できるなら楽しそう。
WhiteWindもその仕組みを利用したサードパーティ製サービスだという。その仕組みを理解できたら面白いことが沢山できそう。ぜひとも勉強したい。