制作ブログ 運用情報お仕事・制作日記Webアプリ「Filmpathy HANGOUT」作りました!

Webアプリ「Filmpathy HANGOUT」作りました!

Webアプリ「Filmpathy HANGOUT(フイルムパシーハングアウト)」、作りました!
2021年7月に公開後、細々と活動してきましたが、2023年5月フル・リニューアル!当時アカウント作成していただいた方は、そのまま利用できること以外、コンテンツの内容は完全に差し代わってます。

リニューアル前までは、リアルな外国人とスケジュールを調整してマッチングできる内容でしたが、スケジュール調整が最大の悩ましい問題でした。この問題をフルリニューアルで完全に解決しました。これからはなんと相手は次世代AI。そのため、インターネットさえつながれば、いつでもどこでも予約不要で、スキマ時間を使って、英会話を楽しむことができます。

クレカ登録なしのメアドでアカウント作るだけで、無料体験できます

ログインして使うサービスとなり、アカウント無料作成は必要ですが、メアドがあれば作成できます。無料体験後は、有料となりますが、事前にクレカなどの支払い情報を入力する必要は一切ありません。ぜひ無料体験だけでもご利用ください!

Filmpathy HANGOUT(フイルムパシーハングアウト)

WordPressで実装しているWebアプリ、しかもSPA

おそらくサービス内容をみた玄人な方であれば、WordPressでの実装、しかもPHPやJavaScriptのフレームワークを使っていないことに、衝撃を受けてしまうかもしれません。
確かに、クラウドサーバー+Firebase+Laravel+Vue+Webpack という選択がモダンで実装しやすいことでしょう。

しかしながら、レガシーな技術でもさらに簡単に制作できることを証明する、というチャレンジでもありました。
昨今のフレームワークに依存したデザインが、とにかく嫌いというか、まったくおもしろさを感じないため、本職デザイナーの方が、専門的なエンジニアスキルがなくてもできる、ということを証明できたのは嬉しく思います。

ちなみに、このサービスを作るのに使った技術はこちら。
レンタルサーバー+WordPress+jQuery+Gulp

そしてページ遷移なしのシングルページで制作しています。
どんなUI/UXデザインなんだろう、と気になる方もぜひ無料体験だけでも利用してみてください!

実際にログインしていただくと、え?これ、WordPressなの?と思う方が多いかもしれません(需要があれば、裏側の仕組みをより細かく紹介できたらと思います。気になる方がいましたら、よかったらコメントなりDMください)。
一つだけ裏事情としては、WordPress以外にDBを作っています。もちろん、WordPress内でも同様のことはできるのですが、セキュリティ強化のための施策です。

Filmpathy HANGOUT(フイルムパシーハングアウト)

スキマ時間でAIと英会話を楽しむ

具体的にどんなことができるサービスなのか。2023年6月18日時点で実装している機能を紹介します。

プライベートチャット

  • 気になるバディを選択できる(バディによって声や話しスピードが異なります)
  • 音声による会話ができる
  • テキストによる会話ができる
  • 会話をしながら、会話とは別に解説付きで英文添削してもらえる

グループチャット

  • 気になるバディを選択できる(バディによって声や話しスピードが異なります)
  • テキストによる会話ができる
  • 会話をしながら、会話とは別に自分自身のテキストを解説付きで英文添削してもらえる
  • バディ以外、誰でも参加できる
  • 共有リンクを使って、お友達を招待できる

英文添削

  • テキストを解説付きで添削してもらえる

ほんとうはまだまだ改善したいことや機能追加したいことがたくさんあるのですが、まずはみなさんに使っていただいて、そこからの要望や改良してほしいところを指摘いただいて改修したいです。
ぜひ無料体験を使っていただき、フィードバックください!!

Filmpathy HANGOUT(フイルムパシーハングアウト)

とりあえずの最初のステップ

まずは、添削。
ログイン後、まずは「添削」タブで、添削してほしい言語を選んで、短い文章を入力してみてください。
なるほど、こんな感じなのね、と体感いただけます。

続いて、プライベートチャット。
次に、「バディ」タブで、気になるバディを選択して、プライベート。
チャットモードになるので「Hello」と打ってみてください。

新しい体験が、あなたを待っています!

Filmpathy HANGOUT(フイルムパシーハングアウト)

とりあえず、無料体験だけなら、クレカ情報などのお支払い登録情報は不要です。
メアドでアカウント作成するだけ。
ぜひ、使ってみてください!