Emoji as UI
プレーンテキストは便利だ。
可搬性がある
エクスポータとかいらない
メールでも送れる
textareaで編集できる
textareaは、誰でも使える強力なUIの一つ
undo, redo, コピーペーストが標準で使える
軽い
低機能
プレーンテキストでWordで作るような見栄えのいい文章を作るのは不毛だけれども、
考え方を変えて、テキストを書けば任意の場所に「UI」が生えてくるのは面白いんじゃないかと思っている。
で、最近プレーンテキストにEmojiも仲間入りしたので、面白いことが出来ないかと思って下記のものを作った
Emojiを記入すると、そこにUIが生える。
https://gyazo.com/ae48c7daf4520870b52f94d01590766f
Emojiをクリックした際に、任意の処理を実行するようにしている。
処理は今のところべた書き。
これをライブラリ化すれば、以下のことができそう。
テキストを扱うWebアプリで、TODOリストや投票機能を任意の場所に生やすことができる
:one: :two:などのEmojiを使うことで、ストーリーポイントの集計が出来る(Webアプリ側が集計ロジックを組めば)
例えば、Kanbandownなどに組み込むことで、不足している機能を低コストで補うことが出来ると思う。
良くない点は
Emojiの名前覚えないと使えないのでは
チェックボックスのEmoji名が長い
Emojiの入力ボタンを設けないと、そもそも機能がある事自体に気づかなさそう
入力可能な箇所を絵文字で挿入可能にする?
例えば💭があるところはUIが生える
投票
承認
メンション
日時
日時(Range)
さらなるアイデアとしては
ユーザサイドでEmojiクリック時のアクションを指定出来るようにすれば、ユーザサイドプログラミングが可能なのでは
置換だけでも割と色々できる
例えば段落ごとにオリジナルのタスク管理ツールを組めると強い気がする
Webアプリ側で使わなくても、Chrome Extensionにしちゃえばいいかも
⬜️→未done
✅→done
関連アイデア
SlackのEmoji Reaction(任意の処理を実行出来るボタンが生える)
ScrapBoxの絵文字機能(任意の絵文字を作れる。自分のアイコンをCtrl+Iで挿入)
DevHubのメモ機能(メモ内にTodoリストを作れる。ドラッグ並び替え可。GitHubと違ってテキストボックスまで生える)
今探しても見つからないのだけど、プレーンテキストをUIとして使ってしまえばいいよ、みたいなブログ記事があった記憶がある(Text as Interfaceという題だった気がする)。