utatane.works illust and web
*

フォームをチャットタイプにしたよ

WordPressとのお別れを決心しましたが、
まずはざっくりと方向性の設計+フェーズ分け。

  1. 一旦WPをAPI化(DBそのまま使う): リスクゼロで開始
  2. フロントをVanilla JSへ:contact / top から作る
  3. CMS再検討:ヘッドレスCMSにする

ここであることに気がつきます。
contactだけが見た目も役割も、サイトと切り離せる・・💡

先にcontactを作りました◎

Astro.js+Formspreeで。

このサイトはWordPressで構築してますが、パーツ分けもcssも、何から何まで全てコンポーネント設計していました。同じように管理がコンポーネント単位でファイル構成も明確なAstro.jsを使用。
移植が楽なので。
Formspreeも今回初めて使いましたが、小さなサイトなので十分かも。

WordPress本体+サイト一式を置いてるのはXserverですがサーバにnode.jsを入れられないためローカルで開発。Vercelを利用してgitでデプロイします。

フォーム形式の圧迫感

項目が多すぎると見にくいですよね。一枚のページの中に聞きたいことをずらっと並べるレイアウトは圧もすごい。チャット形式では余計なものが視界に入らないところがとても良い◎

バックエンド不要でアプリっぽい仕上がりになるんだな。なるほど。

ということで、こちらからどうぞ〜☺︎


検索
閉じる

上向き矢印 scroll top