一年前のWEBサイト作成案件をvueで作り直した話

一年前に依頼されて作ったWEBサイトをリファクタリング(再構築)することになった。どういうWEBサイトかと言うとこんな感じ。

1. あるサイトのGoogle Analyticsのデータを取得 (Python)
2. 取得したデータを使って、記事毎のクリック数を週単位で集計(Python)
3. ランキング形式にして出力。サイトには一応.htaccessで簡単な鍵をかける。
Analyticsのデータを自由にカスタマイズして、見たい形式で出力させたダッシュボード。

cron+pythonで、Google AnalyticsのAPIを叩くところから、ランキングデータを用意するところまで、完全自動処理。
出力したデータをapache + flaskで表示。
データの前処理にpythonを使うのはいいんだけど、flask+apacheの構成はどうも好きになれない。SSR(サーバーサイドレンダリング)は流行りじゃないし、メモリも消費するし遅い。

というわけで、前処理はそのままで、WEBサイトのホスティングをflaskからvueに変えた。いわゆるSPA(シングルページアプリケーション)というやつだ。SPAの唯一の弱点がSEOに弱いことなので、今回のような社内用のWEBアプリは私の中で完全にSPA一択。

本当はサーバーレスでS3上にホスティングするのが理想なんだけど、Google AnalyticsのAPIを叩くのに最短で20分かかることから断念。やっぱWEBスクレイピングは時間がかかる。AWS BatchやDataFlowといったサービスを使えばサーバーレスで実現可能だけど、それはそれで組むのに時間がかかる。

維持費はメモリ2GBくらいのサーバー月額2,000円くらいで、依頼者負担。
一年前に納品した報酬が35万円だったのでかなり美味しかった。ちょっと多めにもらいすぎた感があるので、今回のリファクタリングは無料サービスでやる。

WEBサイトを作成して欲しい案件あれば、いつでもお気軽に御相談ください。内容次第で変わりますが、シンプルなWEBサイトで最低15万円から作成しています。