【毎月個人開発】ニュースポータルアプリを作成しました

自作ニュースポータルアプリ pikka

Svelte、SvelteKitを利用して作成したニュースポータルアプリケーション、“pikka” をデプロイしました！ 名前はnews pickerの”ピッカー”の部分をもじったものからです。かわいらしい響きになったのではないでしょうか。各部分で改善点が残っており完ぺきではないものの、ご覧いただけると幸いです。

pikkaとは？

pikkaとは、「読みたいニュースを、読みたいときに」をコンセプトに作成したwebアプリケーションです。PWAを適用することで、スマホアプリとしてもご利用いただけます。自分でニュース配信サイトのURLを設定し、設定したサイトが配信しているニュース記事を集めることができます。最大の特徴はユーザーに合わせた「おすすめ順」ソート機能。過去にユーザーが閲覧したニュース記事の文言を利用して、よりユーザーの好みにあった記事を上に提案するようになっています。それでいて十分高速に動作するよう考慮を重ねて実装しました。

所感

本当に勉強になることが多い制作でした。webアプリの作成は初めてではありませんでしたが、使ったことのないフレームワーク、使ったことのないBaaSで作ってみたので初めはわからないことだらけでしたが楽しかったです。特に面白いと思っている点は、「動きは実現できても使いにくい」状態があるところです。データはアプリから直接取得するのがよいのかバックエンドに取りに行かせるのがよいのか。フロントだけでソートするのか、バックエンドでソートまでさせるのか。そのボタンは本当にそこにあるべきか。改善の結果、ほかの箇所に影響が出ていないか。ユーザーごとにレコメンドするといっても、具体的にどうするのか。すべて実際に今回の制作で引っかかった罠です。自分でやってみないとアプリ制作の難しさというものは実感できませんね。

最後に

ガクチカにもなるかと思い、毎月なにかアプリケーションを制作できればとシリーズ記事を書き始めた次第です。5月の制作記事としての公開になりますね。こうなってくると記事一覧画面にカテゴリでのフィルター機能がほしいところです。記事データにはすでに、それを見越して表に出ない”カテゴリ”プロパティを付与してはいるのですが、余裕があるときに実装しておきます。

アプリのロゴを提供くださったkiminori氏への感謝をここに記しておきたいと思います。

ではまた。

関連リンク

ニュースポータルアプリpikka
kiminori氏ポートフォリオサイト