BlueSkyアカウントで使えるブログ【WhiteWind】

By ytyaru (@ytyaru.bsky.social)
Published:

[WhiteWind][]

 [WhiteWind][]は[BlueSky][] APIを使ったブログサービス。

[WhiteWindとは][] [WhiteWindをオープンソース化します!!!][]

特徴

[BlueSky][]アカウントがあれば始められる 個人情報の提供不要(ユーザ名とパスワードのみ。電話番号や生体情報など不要) 記事データはPDS([BlueSky][]サーバ)に保存され、いつでも取得・作成・削除できる Markdownで執筆できる

[BlueSky][]

 [BlueSky][]は分散型SNS。

分散化SNSプロトコル

[BlueskyがActivityPubを採用しなかった3つの理由][] [AT Protocol入門:プロトコルの背景にある考えを理解する][]

分散化

 分散化はユーザ自身が安全安心してデータを保持しつつ繋がれる新しい仕組み。ユーザがAPIを使って様々なサービスを作りつつ連携できるオープンなエコシステム。

 これまでの中央集権による支配でメタクソ化(enshittification)が深刻化する現状を打破する可能性を秘めている。

 特に最近の中央集権WEBサービスはSMS/生体認証必須などユーザの個人情報を搾取するよう改悪され、リスクが深刻化してきた。そうしたプラットフォーマーの支配から脱却できる枠組みが分散化である。いわゆるWeb3.0。

中央集権の末路

[ヤバイ! YahooメールのSNS/生体認証必須化(スマホ持ってない人はメールやWEBサービスの利用ができなくなる!) ][]

[ヤバイ! YahooメールのSNS/生体認証必須化(スマホ持ってない人はメールやWEBサービスの利用ができなくなる!) ]:https://ytyaru.hatenablog.com/entry/2025/07/21/000000

情報格差による差別

[なぜ携帯電話を持たない人は 差別されなければならないのですか?][]

[なぜ携帯電話を持たない人は 差別されなければならないのですか?]:http://hnzwkznr.g2.xrea.com/sumaho-sabetu/sumaho-sabetuindex.html

[BlueSky]:https://bsky.app/ [WhiteWind]:https://whtwnd.com/ [WhiteWindとは]:https://whtwnd.com/knksm5.final-techblog.com/3kmty4ngxim2o [WhiteWindをオープンソース化します!!!]:https://whtwnd.com/whtwnd.com/entries/WhiteWind%E3%82%92%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9%E5%8C%96%E3%81%97%E3%81%BE%E3%81%99%EF%BC%81%EF%BC%81%EF%BC%81 [BlueskyがActivityPubを採用しなかった3つの理由]:https://whtwnd.com/boobam.bsky.social/3l5uqcwjawe2e [AT Protocol入門:プロトコルの背景にある考えを理解する]:https://whtwnd.com/boobam.bsky.social/entries/AT%20Protocol%E5%85%A5%E9%96%80%EF%BC%9A%E3%83%97%E3%83%AD%E3%83%88%E3%82%B3%E3%83%AB%E3%81%AE%E8%83%8C%E6%99%AF%E3%81%AB%E3%81%82%E3%82%8B%E8%80%83%E3%81%88%E3%82%92%E7%90%86%E8%A7%A3%E3%81%99%E3%82%8B [ActivityPub]:https://ja.wikipedia.org/wiki/ActivityPub [AT Protocol]:https://ja.wikipedia.org/wiki/ATProtocol

[WhiteWind][]はどこまで表現力がある?

 [はてなブログ][]未満、[note][]以上(部分的には未満)な感じ。

[はてなブログ]:https://hatena.blog/ [note]:https://note.com/

HTML

 HTMLをそのまま書けるか確認する。

<ruby>

<ruby>漢字<rt>かんじ</rt></ruby>

<ruby>漢字<rt>かんじ</rt></ruby>

<style>, <em>

<style> em { font-style: normal; text-emphasis: sesame red; -webkit-text-emphasis: sesame red; } </style>

<em>強調</em>

<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>

<em style="font-style: normal; text-emphasis: sesame red; -webkit-text-emphasis: sesame red;">強調</em>

 残念ながらstyle属性も使えないようだ。これはキツイ。

Markdown

構文強調

// 構文強調される!
alert('Hello JavaScript');
CODEBLOCK4js // 構文強調される! alert('Hello JavaScript'); CODEBLOCK5

表(テーブル)

名前|年齢 ----|--- 山田|12 鈴木|24 高橋|36

名前|年齢
----|---
山田|12
鈴木|24
高橋|36

リスト

順序なし

項目A 項目B 項目C 項目C-1 項目C-1-1

* 項目A
* 項目B
* 項目C
    * 項目C-1
        * 項目C-1-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"

<ol type="A"> <li>要素1</li> <li>要素2</li> <li>要素3</li> </ol>

<ol type="A">
  <li>要素1</li>
  <li>要素2</li>
  <li>要素3</li>
</ol>

 [ol#type][]が機能しない……。

[ol#type]:https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/ol#type

チェック付き

- [ ] アレした
- [ ] コレした
- [x] ドレした

 これはできるんかい。

見出し

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6

<a id="link"></a>

リンク

ytyaru WhiteWind 0

* [ytyaru WhiteWind 0](https://whtwnd.com/ytyaru.bsky.social/)

ytyaru WhiteWind 1

* [ytyaru WhiteWind 1](https://whtwnd.com/ytyaru.bsky.social/ "WhiteWind")

[ytyaru WhiteWind 2][]

[ytyaru WhiteWind 2]:https://whtwnd.com/ytyaru.bsky.social/

* [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"

* [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"></>

<h4 id="anchor">内部リンク</h4>

 内部リンクは機能しなかった。

リンク <a href="#anchor">内部リンク</a>

<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>

画像

image0

![image0](https://bankera.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3Affttrlkbljhdeoypveptm4sj&cid=bafkreibiuw7b5chzgss3teqydyxbbg4rozmxkk26sitbtpjfuyxjxslcf4)

 参照形式はダメみたい。

![image1][]

[image1]:https://bankera.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3Affttrlkbljhdeoypveptm4sj&cid=bafkreibiuw7b5chzgss3teqydyxbbg4rozmxkk26sitbtpjfuyxjxslcf4)

![image1][]

[image1]:https://bankera.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3Affttrlkbljhdeoypveptm4sj&cid=bafkreibiuw7b5chzgss3teqydyxbbg4rozmxkk26sitbtpjfuyxjxslcf4)

画像リンク

image-link0

[![image-link0](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 打ち消し線 <u>下線</u>

* *強調1*
* **強調2**
* ***強調3***
* ~~打ち消し線~~
* <u>下線</u>
* <mark>マーク</mark>

<font>

<font color="red" size="8em">赤くて8emな文字</font>

<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)

CODEBLOCK31mermaid graph TD; A-->B; A-->C; B-->D; C-->D; CODEBLOCK32plantuml Bob->Alice : Hello! CODEBLOCK33math \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) CODEBLOCK34

所感

 [WhiteWind][]はブログの候補として有力。でも作者のknksm5氏は執筆時点では[WhiteWind][knksm5 WhiteWind]や[BlueSky][knksm5 BlueSky]で更新がなくなりつつある。この先の[WhiteWind][]更新も期待できないかもしれない。

[knksm5 BlueSky]:https://bsky.app/profile/knksm5.final-techblog.com [knksm5 WhiteWind]:https://whtwnd.com/knksm5.final-techblog.com

 [BlueSky] APIでPDSからこの記事のデータを取得&編集できるなら楽しそう。

 [WhiteWind][]もその仕組みを利用したサードパーティ製サービスだという。その仕組みを理解できたら面白いことが沢山できそう。ぜひとも勉強したい。