前回はQiita Jobsの求人をPythonで取得し、ちょっとしたデータ分析を行ってきました。

今回はそのデータを持って、今あるQiita jobsをFlutterで再現してみました。Flutterの経験がまだ少ないので、設計の面を大目に見ていただけると幸いです。

出来上がり

公式サイトの一覧とフィルターは大体こんな感じです。

公式サイトの一覧には画像と「気になるボタン」と「画像」については、こちらの目的とやや無関係なため、なくしました。

画像表示したければ、静止画をAWS S3に保存し、CloudFrontで加速することで行ける気がします。

公式サイトによると「気になる」は、求職側と採用側に「作用」するので、そこまで再現する必要がないと思いました。

公式サイトの一覧確認でできる「利用技術」と「職種」で絞り込み以外に、勤務地のフィルターも追加しました。

今回はそれぞれの求人の詳細を取得していないため、新たなタブを開き、Qiita jobsの公式ページにリンクさせていただきました。

結果がなければ、何も表示しないのが普通？かもしれませんが、それですと、今までの表示履歴がなくなるので、Dialogで結果がないことを知らせることにしました。

所感

再現することにあたって、最も困難なところはFlutter WebとFirebaseの連携＆使用だと思います。

Flutterには、Android、iOS、Web同時開発できますが、Firebaseとの連携においていまいちだと思います。

どうしてもない場合、サンプルデータでTry＆Errorでやってきました。その中でも記憶にあるのは、

があります。

今回は極一般的な機能を作成してみました。このほかにまだまだ追加できそうなものもあります。

Filterの機能を豊富にする

年収範囲、複数の技術選択などを追加する
Full-text search

全文サーチは公式サイトに確認したところまだ公式対応はないみたいが、Algoliaなどのsearch serviceを利用することでできるとのことでした。
AWS Lambda, SES, API gatewayなどのクラウドサービスを使用して気になった勤務地、技術の求人があった場合のメール連絡もできる気がします。
などなど