のえる @noellabo@fedibird.com

#fedibird 現在、masterで新しいオーディオプレイヤーが開発されています。

Fedibirdではマージされたものから随時取り入れているので、すぐに試せるようになっています。

これが完成したら、Mastodonの新バージョンが出るかもしれませんね（根拠なし）。

このオーディオプレイヤーでは、中央にアートワークが表示され、丸くクリップした周囲に波形を視覚化して表示します。

アートワークは、mp3ファイルに埋め込まれている場合はそれが利用されます。

埋め込まれていない場合は、アップロード者のアバターアイコンが使用されます。

また、オーディオファイルをアップロードしたあとの編集画面で、サムネイル画像を追加指定することができます。

画像の周囲・背景側は、画像の外側からもっとも使用されている色を抽出しているとのことです。この背景色から、十分なコントラストを確保するように、テキストやコントロールの色となる前景色を自動決定しています。

（サンプルに適当なものがないので、いつものアレで失礼します）

#fedibird 例によって、ちょこちょこmaster追従しています。

あまり知られていないかと思いますが、MastodonのWebUIではハッシュタグタイムラインをピン留めすると、複数のハッシュタグを、いずれかを含む、すべてを含む、これらを除く、などの条件を付けて指定することができます。

この設定画面のCSSがちゃんと適用されておらず、壊れていたのですが、masterで修正されました。

また、自分以外のアカウントに、個人的なメモを行う機能が搭載されています。（デザインが少しずつ変わってきているのですが、そろそろ落ち着くかな）

その場で入力して、Ctrl + Enter（Command + Enter）で確定、ESCで取り消し、という操作です。

検索してみた

ウチは数が少ないので、これだけ。

これね、アルバムアートワークをMP3ファイルの中から拾ってきてるんだよ。Mastodonのオーディオプレイヤーの最新の機能。
QT: https://mastodon.social/@envgen/104444074021995798

#fedibird masterの変更で、リモートのユーザーの投稿やフォロー・フォロワーの表示が不完全であることの表示と、完全な表示はこっちみてねっていう誘導が追加されています。

Mastodonなどの分散型のサーバは、所属するユーザーがリモートのサーバに接続しなくてもサービスが提供できるよう、リモートユーザーとコンテンツのキャッシュを保有し、それを提供しますが、世界の全ての情報をキャッシュしているわけではないので、必ず情報が不完全になります。それをカバーするための機能です。

#fedibird 投稿の下部に表示されるアクションバーに、引用とブックマークを表示するかどうか、設定で切り替えられるようにしました。

不要な人はオフにしてご利用ください。

#fedibird ダッシュボード画像報告、ユーザー数が1K（1,002）になっちゃって、眺めてても変化が無くてつまらないですね……。まぁ飽きてきたので、今回で一区切りとしましょう。（まぁ私が本家に省略表示する変更入れたんですが）

Fedibirdもユーザー数が概ね1,000人となりました。アクティブ580になっていますが、新規とスパム登録があるので、まぁ実質550ぐらいでしょうか。LTLがないので、何人いても特に変化はないのですが、おかげさまでサーバの存在がだいぶ認知されるようになりました。

最近、取り立てて新機能を投入してないですが……ってそういえば有効期限付き投稿が中途半端になっているんだっけか。まぁぼちぼち、新しい使い方を提案できればと思っています。

今後ともよろしくお願いいたします。

これは、Adobe Illustratorで、右上：P型（1型）色覚と右下：D型（2型）色覚の色校正機能（色再現のシミュレーション）を行って並べて表示したものなんだけど、

Mastodonの標準カラーは見やすい色になっている一方で、私が適当に指定した赤い時計表示（有効期限が切れた投稿）は、色覚によってずいぶん強弱が違って見えていることがわかるかと思います。ブックマークの色と見比べてみてください。

お気に入りの★の黄色とブックマークの赤は、D型ではほとんど同じ色に見えていそうですね。

リツイートの赤い斜線は、Mastodonの警告色を使っています。これはまぁまぁいけるかな。

同一色の明度で表現されている引用ボタンは、色覚タイプによらず、同等に識別しやすいこともわかります。

#fedibird 無効にしたブーストボタンの表現方法のテストのために、ちょこちょこ表示を変えてみています。

現在、スクリーンショットのように、赤い斜線が入るようになっています。

引用ボタンには何も表示がなく暗くなっているだけです。こちらにも斜線を入れるかもしれません。

こういう実験もしてみた。

SVGなので、色は好きなだけ指定できる。元のアイコン形状には手を入れずに、ラインだけ入れるパターン。

意味は明確だが、目立ちすぎかな……。

進捗。

結局、Mastodonにはカスタマイズしたfa-retweetのSVGが含まれていて、それを置き換えればOKということがわかったので、形状を変えてみた。 #fedibird に適用済み。

FontAwesome 4 の斜線入りアイコン（真ん中と左が作った奴）

やっぱこの形ほしいよねー。

disabledのボタンをfa-banで表示するとこんな感じになる。🚫 これね。

先に紹介した、投稿の公開範囲の表示と、ブーストボタンに関する変更がマージされました。
https://github.com/tootsuite/mastodon/pull/14123
https://github.com/tootsuite/mastodon/pull/14132

どのように変わるかは、こちらを参照してください。
https://fedibird.com/@noellabo/104396239508428814

投稿すべてに公開範囲を表すアイコンがつくのですが、私は公開投稿に地球儀マークが表示されるのちょっとウルサいな、と思っているので、 #fedibird ではCSSで非表示にしています。
.status__visibility-icon .fa-globe {display: none;}

また、ブーストボタンのアイコン画像を変更しないように修正したことにより、これまでよりも若干視認しにくくなっています。

ボタンが無効の場合は少し薄く表示されるのですが、あまり変わらないのでわかりづらいため、ここもCSSで修正を行いました。
.icon-button.disabled {opacity: 0.4;}

いっそ消しちゃうならこれ。
.icon-button.disabled {display: none;}

猫画像ですか？

最近だと、駐輪場にいた野良の子と2匹の子猫が可愛かったですね。

みんな聞いてくれ！ 念願の、あくらふさんちのメガネ拭きが届いたぞ！！ めちゃくちゃ可愛いので、みんなも買おう！ ひゃっほぅ！！
QT: https://m.aqr.af/@Aqraf/104365483367104173

例のdisabledボタンと公開のアイコン、うすーくしたり、隠したりするのCSSで微調整すればいいかなーって感じになってきている。

.icon-button.disabled {
opacity: 0.4;
}

.status__visibility-icon .fa-globe {
display: none;
}

めいすきー、公開範囲で背景色が変わるようになってる