00:00
こんにちは、アシカガキャストです。 ブログなどで使うWYSIWYGエディタの話をしたいと思います。
WYSIWYGは、What you see is what you get の頭文字を取ったものです。
ブログに投稿する時などで、テキストなどを入力するところは、最終的にウェブページとして公開されるものとは、
見た目が全然違っていて、入力する時にはhtmlを書くとか、そのブログ特有の記述方法で書いたら、ここが見出しになって、ここに何が入ってとか、
入力するのと最終的な出力とは違うというのが普通だったんですね。 今でもそういうブログのサービスも多いと思います。
一方で、今回話そうとしているWYSIWYGエディタというのは、入力画面と最終的なページとしてみんなが見る見た目がほぼ同じもののことを言います。
有名なサービスでは、ノートのエディターがWYSIWYGエディターですね。 なお、WYSIWYGという言葉は、もともとDTPで使われている言葉です。
画面上でデザインして作っているものと、印刷したりプリントアウトして出力したものとが見た目が同じという意味ですね。
これは原寸という意味もあって、昔のMacだと画面上でデザインツールで100%の状態の表示をしている時のサイズは、
プリントアウトして出力したものと同じサイズになるように作られていました。 後にMacにいろんなメーカーのいろんなサイズのいろんな解像度のモニターをつなぐようになって、
この原寸サイズという考え方は重視されなくなりました。 ウェブのエディターの場合、本来はHTMLのタグを書く部分をタグを書かずに
ワードみたいなワープロソフトみたいな感じで文字を太字にしたり色を変えたりできるものをウィジウィグエディターと呼ぶようになっていました。
なので昔のウェブのウィジウィグエディターというのは ブラウザ上で入力フィールドがあって、その入力フィールドの中で
ワープロみたいな感じに編集できるというだけで、最終的にページになった時の見え方とはだいぶ違うものもウィジウィグエディターと呼んでたんですね。
で、後にウェブのウィジウィグエディターの今後の方向性を変えるようなゲームチェンジャーのようなサービスが現れたんですが、それがMediumというサービスです。
03:09
ブラウザのウィンドウ上で特に入力フィールドみたいな区切られているエリアじゃないところにテキストを入力したり画像を貼り込んだりしていけて、最終的に公開されてみんなが見る画面と全く同じ見え方で編集していけるんですね。
テキストを入力した後、テキストを選択すると上にメニューが出てきて、この文字列を見出しですよとかリンク貼るとか、今多くのサービスで使われているあのインターフェースを作ったのがMediumなんですね。
初めて使ってみて本当にすごいと思いましたね。このMediumをほぼ真似たエディターなのがNoteです。
ただNoteはMediumよりはちょっと機能が少ないですね。そして今Mediumよりもちょっと上行ってるんじゃないかなとエディターの機能で思うのはDropbox PaperとNotionですね。
そしてさらにそれよりもうちょっとレベルが上だなというのがWordpressのブロックエディターだと思います。そして今のウェブのWigiwigエディターのトレンドとしてはマークダウンとスラッシュコマンドだと思います。
マークダウンという記述法で書くとすぐにそれがプレビュー状態というか最終的な見え方に変わると。 あとスラッシュコマンドというのはスラッシュを入力すると今選べるメニューが表示されるというもので
NotionとWordpressのブロックエディターはスラッシュコマンドに対応しています。高機能になってくればくるほどHTMLなどウェブの知識がある人の方が使いこなしやすくてそうじゃない人には難しくなってしまうというデメリットはありますね。
ということでブログなどの入力に使われるウェブのWigiwigエディターのTwitterで
