00:00
ちょっと前のアシカガキャストで、ブログの仕組みを使うのではなく、ノートツール、ドロップボックスペーパーとかノーションとかの文書共有の機能を使って、公開リンクを作って、ブラウザ上で誰でも見られるようにして、情報発信していくというのはどうだろうという話をしました。
第361回ですね。 その時に、なぜその方法がいいのかを情報発信という観点でしか話していなくて、機能面でのメリットをちゃんと話せてなかったと思います。
ブログに用意されているエディターよりもノートツールの方が機能的に上で使いやすいと思いますし、画像を挿入したり、ドラッグ&ドロップでできたりもしますし、リンクを貼ったり、YouTubeを埋め込んだり、ツイッターの投稿を埋め込んだりとかも非常に簡単にできますし、画像を複数取り込んだ時に横にいくつ並べるかとか調整したりとかできたり、
しますし、Notionの場合は2段組とかレイアウトをかなり複雑なこともできたりします。 そしてその自分が見ている、レイアウトしている、そのまんまの見た目で公開できるというところがポイントですね。
ノートツールなので原稿を書くところから画像を追加したり、見た目を整えて公開するまでを一つのツールで完結できると、しかもレイアウトするとか、埋め込みを行うとかにもhtml的なことを全く意識しなくていいと、コードを意識しないで作業ができると、最近の流行りの言葉で言えばノーコードで作れるということですね。
そしてその発展型というか同じコンセプトでグラフィックツールを使って作ったデザイン、レイアウトを公開リンクで共有してウェブサイトのように見てもらうという方法があることに気づかされました。
オンラインホワイトボードツールのMiroとかウェブ系のグラフィックツールのFigmaなどには作ったアートワークを誰でも見られるように公開リンクを作ることができるので、そこにリンクを貼ればウェブページのように見てもらえるということですね。
サイボーズの人がオンラインイベント用の出展ブースをMiroで作ったという話をノートで読みました。検索する場合はMiroでオンラインイベント用出展ブースを作った話でやってみてください。Miroはmiroです。
03:09
デザインシップというイベントにスポンサーとして協賛して、そこのスポンサーとしてバナーが載っているところからの受け口のページを作るにあたって、ウェブページとして構築しているコストも時間もなかったので、
Miroで作って公開すれば作るのもサクッと簡単に作れるし楽しく見てもらえるものになるんじゃないかということでMiroを採用したようです。Miroでは図形を作ったりするだけではなくテキストも入れられますし、図形やテキストから他のウェブページにリンクを貼ることもできます。
YouTube動画を埋め込んでそこで再生させることもできます。 サイボーズの人が作っていたのはキャンプ場をイメージしたビジュアルで空間的な広がりがあってまさに屋外のイベント会場のようなデザインでした。
そういう空間をうまく活かしたもので全体像を見た後部分的に拡大して細かく見るようなそういう見方をするものに向いています。パッと見てある意味Flashっぽいなと思いました。
このデザインをHTMLとCSSでどうやって実現するのかとか意識しないで自由にデザインできますからね。Flashのような複雑なインタラクション性ここを押したらこっちが変化するとかそういうことはできないので
まあどちらかというとpdfを貼り付けているのと似てると言えば似てるんですが pdfとはちょっと違うユーザー体験操作感が新鮮に受け止められるんじゃないかなと思います。イベントサイトとかで実際のイベントの会場の見取図的な感じで
俯瞰で見れて各ブースを拡大してみると詳細がわかるとか空間があって何かのメタファーになっているようなものにミロで作るサイトは向いていると思います。そういうものを作るときの選択肢の一つとして覚えておくといいかなと思いました。
今回は以上です
