自分の家を探検するためのツールアプリ

はじめに

家とかコテージとかいくと「たんけんだ!」って走り出したあの頃の気持ち。

もう一度、感じてみませんか?

ということで、家を探検するためのアプリを作りました。
スマホ片手に探検してみてください。

たんけん ぼくの いえ

internal-explorer.png

技術

メリデメとか考えずに、使ってみたかったものとを適当に詰め込みました。

静的サイトジェネレーター
- Gatsby.js

ホスティング
- Netlify

アニメーション
- Rive

がんばったところ

人間の普遍的な気持ちとして、なにかふにふに動いてるものを見てると楽しいというのがあるので、アニメーションを作りました。

ページを開いて「しばらく待つと」下の方に出てきます。
anime.gif

アニメーションはRiveという最近ちょっと話題になったアプリで作りました。

図形とボーンをぽちぽち置くだけで動くものはできるので、絵とか描かないでも簡単なものなら作れそうです。

https://rive.app/a/iotas/files/flare/medjed/embed

やれなかったところ

  • こどもに好まれる色使いとかデザインの研究
  • 文体とか言葉選びの精査

感想

一週間っていう期間で作るとなると、どの機能を絞ってどこをがんばるかって精査せざるを得ないので、取捨選択の勉強になりました。

めちゃくちゃ切り捨てたはずなのに、「あーここどうするんだ」とか悩んだりちゃんと動かなかったり、(いつものように)デプロイで詰まったり。

何回もこのイベントに参加していったら、サービスを作る時の自分の「型」みたいなものができてきて、普段の開発で悩むことが少なくなるかも!?

主催のだらさんありがとうございました!

https://internal-explorer.netlify.com/


iotas𓆡創作支援アプリ運営中𓅬

創作支援ツールとかを作ってます。(Python) https://www.world-type.com 歴史成分多め。

コメント