よさげなモバイル向け編集UI
スマホからscrapbox編集するのつらいが、逆にどんなUIだったら使いやすいのかが全くわからないtakker.icon
よさそうと思ったUI例を書いてけ
リンクメモ
code editors for android
11 Best code editors for Android as of 2022 - Slant
Top 7: Best free code editors apps for Android | Our Code World
other editors
この辺りの使い勝手はどうなのだろうか
workflowy
evernote
notion
google document
WPS OfficeMijikko.icon
Craftはるひ.icon
ソフトウェアキーボードの上に、追加で記号キーが出てくるUIMijikko.icon
https://gyazo.com/32743cbe67cb7487b7086b13a443ac01
AIDE
コードエディターなどで割と見かける
Scrapboxではブラケティングで活用できそう
記号ではなくよく使いそうなショートカットボタンを表示してもよさそう
Porter for Scrapboxで実装されている
Android版が無い…Mijikko.icon
Webページ上で実装できるかはわからん
position: fixed;
bottom: 0;
を使えばいける?
画面領域をわずかに占領してしまう難点がある
ボタンを追加するScript全般に言えるけど
上の画像のように表示・非表示を切り替えられるようにしておくとよさげ
https://gyazo.com/13521c4630608bc4ac700b21f6cb3656
こんなのもあるMijikko.icon
画像はWPS Office (Android版)
ちょっとごちゃごちゃしすぎてる感はなくもないけど
書いたあとで上のリンクを見たけど、似たようなの載ってたMijikko.icon
まあ、議論を深める為なのでヨシ!(震え声)
Porter for Scrapboxnishio.icon
https://gyazo.com/dc7454511a2e481afa4741653ead6e2a
アウトライン操作、コピーカットペースト、
…と説明を書いてて自分はフォントサイズ変更を使わないことに気づいた
https://gyazo.com/4df4c8ae6206748ab6d2c8faf29c23d4
整理した
選択範囲をリンクにする、写真を挿入する、定型文、をよく使ってる
Page Menuでも代用できるかも?takker.icon
キーボードと交互に使うボタンはキーボードの近くにあった方がいいかもですMijikko.icon
画面が狭くならないようnav barに置きたいところだけどtakker.icon
つまりPage Menuをキーボードの上に持ってくればいいのか()
なんか違うような気もするけど
position: fixed; bottom: 0px;とすればいいかなtakker.icon
ただこのままだと右下の通信ステータスと干渉するから、もう少し考えないとだめだな
div#appの下に挿入するとかどうだろうか
右下の通信ステータスの下に潜り込ませる場合は.status-barのbottomの値を動的に書き換える必要があるかもですMijikko.icon
position: fixed;なので他の要素に関係なく常に右下に居座り続ける
特定のclass値がついているかどうかでスタイルが変わるようにすればいいか
編集バーを生やすUserScriptがこの方法を使っていますねtakker.icon
CSSで移動させている
参考に作ってみたtakker.icon
Porterっぽい編集バーを生やすUserScript
repl.itのアプリ
https://gyazo.com/f039502f1ebe38a1695fdb1a8ae34d8e
https://gyazo.com/6e0cb3c6f69f1faf2c199a67f6dd9a23
カーソルを単語単位で移動と一文字単位のカーソル移動ができる
記号入力
コメント/アンコメント
(画像では隠れているが)インデント/デインデント
Undo/Redo