Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

React開発者向けオンラインサロン「React Fan」のランディングページをExcalidrawで作った

これまで運営していたMeteor Fanというコミュニティを実態に合わせて「React Fan」に変えて、オンラインベースに移行しました。

React FanはSlackを使ったコミュニケーションの場を中心とします。connpassのイベントページにはSlackの招待リンクがあるのですが、そもそも入り口のページが存在しないことに気づき、ランディングページを作ることにしました。

ランディングページをユニークでありつつ手軽に作りたいと思い、試しにExcalidrawで作ってみたのですが、思いの外面白かったので共有します。

作ったサイトはこちらです。

React Fanのサイト

スクリーンショットを貼るよりも、開いた方がわかると思います。

フルSVGになっています。ちなみにホスティングはGitLab Pagesを使ってみました。SVGはExcalidrawでエクススポートしたものに <a> タグを追加して、サイズを少し調整しました。

気づいたこと:
- Excalidrawで描いたものがそのままページになるのでめっちゃ楽
- <a> タグ追加は自動化したいかも
- サイズ固定なので、デスクトップとモバイルでだいぶ見え方が違う
- SEOはどうなるんだろう

以上です。興味があればReact FanのSlackにもご参加ください。

daishi
React開発者向けオンラインサロン「React Fan」はこちらから→ https://react-fan.axlight.com
https://github.com/dai-shi
informetis
電力分野でイノベーションを目指す技術集団です。
https://www.informetis.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away