のえる DTP鯖管 @noellabo@dtp-mstdn.jp

Mastodonのユーザー設定ページを分割して整理する作業が始まっています。使いやすくなりそうですね。 #mastodev #mastodon
QT: https://mastodon.social/@Gargron/102220812706799296

その前に、今やっているPRをやっつけよう。これは例によってFedeloperで先に公開しようかな。
#mastodev #fedeloper

シングルカラムっていうだけなら足し算でいいと思うんだけど、

表示される情報を最小限にする、引き算のデザインをしているんじゃないのかな？

不慣れな人に親しみやすくするのが第一で、物足りない人はAdvanced UIにおいでっていう。

#mastodev
#でっていう

ちゃんと認識できてなかったけど、シングルカラムの編集パネル（左側の投稿フォーム）ってリプライ刷る時にフォームが画面外に追い出されて何もできなくなるとか、マジ使い物にならないトコあったんだね……。

これ、mastodon.socialでリプライしようとしたところだけど、投稿フォームが画面外にでちゃって操作できないw

ここまで深刻にヒドイとは思ってなかったよ。

これ本家に投げたPRなんだけど、一応解決してる。テストが不十分なので [WIP]（作ってる最中の意）つけてあるんだけど、それもあってか、まだレビューされてない段階。
https://github.com/tootsuite/mastodon/pull/10917

乱暴だけど、masterにmergeして皆に使ってもらいながらバグ潰していった方がいいかもしれんな……。

Done is better than perfect
多分動くと思うからリリースしようぜ
#mastodev

シングルカラム表示で、左右のパネルの縦が収まりきらない場合に、なんとか綺麗に収めよう、という提案です。

あとで本家にPR投げますが、とりあえずここにあげとくので見といてくれると助かります ＞ @mayaeh さん他、興味のあるみなさま #mastodev

リプライ元の表示は、バランスで最小は見出しだけに縮小します。×が表示されてないとキャンセルできないので、このへんが落とし所かと。

リプライ元の情報は真ん中みて下さいって感じで。

限界を超えたら画面はみ出させます。これはもうあきらめてもらう。

他、地味に、右側のナビゲーションパネルも、収まりきらない場合はスクロールするようにしてあります。

スクリーンショットはこちら。
https://dtp-mstdn.jp/@noellabo/102194143825862291

よし、だいたいできたかな……
#mastodev

これ、何が大変かって、試行錯誤がそのまま保存されているからで、追加したものをあとからキャンセルしたり、同じトコロを何度も変更したりするからなんだよね……。

変更が分割されているから大変、ということではなかったりする。綺麗に分かれていれば、分かれている方が直しやすい。
#mastodev

複数コミットで構成された改造（ローカルタイムラインをデフォルトタグのハッシュタグタイムラインにするヤツとか）って、制作時のバージョンと現在のバージョンが離れてくると、マージするのが大変過ぎるっていうか現実的じゃないんだよね。あれは一つずつやるものではない……。

squashしたコミットログに、元のコミットと作者をずらずら並べるしかないかなぁ。
#mastodev

方針変更。問題だらけのPRは撤回して（とっくに撤回している）、全体をスクロールさせよう……。

本当はこれじゃなくて、別の機能開発してたハズなのだが……cssむずいのう……。 #mastodev

さて、昨日のPRの不具合なおすか…… #mastodev

ドックフーディングの類で、シングルカラムを使い続けているけど、不便なところはやはり不便よね。

リプライ・メンションもらっても、ホームの最上段にでもいない限り、音はするけど内容が見えない。

まぁ、気が散らなくて良いという面もあるけどw #mastodev

格闘してたヤツ、プルリク投げた。

シングルカラムで、投稿フォームが下まで延びて、スクロールバー出すヤツ。
https://github.com/tootsuite/mastodon/pull/10841
#mastodev

紛れ込み #星ドラ #mastodev

絵文字追加ボタンが、スクロールすると画面外に消えちゃうんだよなぁ。順番変えて、固定方法を変更しちゃうか……。 #mastodev

いま、シングルカラムレイアウトの投稿入力するトコ（compose-form）がmax-height: 300px; で固定されてるの、不便だから、広がっていって、縦にスペース足りなくなったらスクロールバーでるようにいじっている。

ちょっと前までは、マルチカラムの時みたいに縦に延びたんだけど、そのままだと、シングルカラムって全体が縦スクロールしないので、投稿ボタンとか画面外にいっちゃって操作できなくなっちゃうのね。

それで、はみ出るから直してって言ったら、300pxに固定してくれたんだけど……。 #mastodev

それはそれとして、やっぱり新規ユーザーのデフォルト、シングルカラムの方がいいかな……どうかな……

そもそも最初に表示されるコンテンツ、何がいいのかな……。 #mastodev

（PCで）シングルカラムを常用する場合の変化として、ホームしか見てない（ローカルしかみてない、リストしかみてない、など）という状況が産まれやすいってのはあるなぁ。

スマートフォン用クライアントも基本的にそうなんだけど、そうなりにくいのは、切り替えるためのボタンが指の近くに常時あって、そういう切り替え操作に馴染んでいるというのがあるかもしれない。 #mastodev

Mastodonにシングルカラムの表示モードが追加される見込みです。

画面の幅に応じてレイアウトが変化します（レスポンシブ）。

従来のレイアウトをadvanced web interfaceと呼んでいることから、simple web interfaceといった呼び方になるのかもしれません。

現在、mastodon.socialで試せるようになっており、おそらくこのイメージで確定するのではないかと思います（推測です）。

表示の切り替えは、ユーザー設定の中に『Enable advanced web interface』という項目があり、それがデフォルトで有効になっていますので、これをオフにします。

私の管理鯖では、DTP鯖、FediBot鯖で動作を確認できるようにしてありますので、アカウントのある方はお試し下さい。

個人的な感触としては、非常に使いやすいです。

こちらをデフォルトにした方がいいかもしれませんね。

また、リストを展開表示して欲しい！ とお願いしたら実現してくれたので、従来のマルチカラムの時より格段に便利になりました。やったね！ #mastodev

なお、現在のsimple layoutはこのような感じになっています。

いつものマルチカラムではなく、新たにシングルカラムのデザインが開発されております。

まだまだWIP（Work In Progress）ですので、もっとブラッシュアップされていくでしょう。

楽しみですね！ #mastodev

なお、CSSがアレで、黒塗り文書みたいになってるw
#mastodev