これまで運営していたMeteor Fanというコミュニティを実態に合わせて「React Fan」に変えて、オンラインベースに移行しました。
React FanはSlackを使ったコミュニケーションの場を中心とします。connpassのイベントページにはSlackの招待リンクがあるのですが、そもそも入り口のページが存在しないことに気づき、ランディングページを作ることにしました。
ランディングページをユニークでありつつ手軽に作りたいと思い、試しにExcalidrawで作ってみたのですが、思いの外面白かったので共有します。
作ったサイトはこちらです。
スクリーンショットを貼るよりも、開いた方がわかると思います。
フルSVGになっています。ちなみにホスティングはGitLab Pagesを使ってみました。SVGはExcalidrawでエクススポートしたものに <a> タグを追加して、サイズを少し調整しました。
気づいたこと:
- Excalidrawで描いたものがそのままページになるのでめっちゃ楽
- <a> タグ追加は自動化したいかも
- サイズ固定なので、デスクトップとモバイルでだいぶ見え方が違う
- SEOはどうなるんだろう
以上です。興味があればReact FanのSlackにもご参加ください。