アクトインディ開発者ブログ

子供とお出かけ情報「いこーよ」を運営する、アクトインディ株式会社の開発者ブログです

web

NuxtのSPAを S3+CloudFrontでホストする。デプロイはCodeBuildで自動化

morishitaです。 Nuxt で実装した SPA を S3 + CloudFront で配信する機会があったのでそれを書きます。 NuxtのSPA自体については、標準的な作りでTypescript、Pug、 Sassを使ってますよってことぐらいしか書くことがないのですっ飛ばして、 S3とCloudFront…

workbox を導入してServiceWorkerによるキャッシュを実装した話

morishitaです。 いこレポに workbox を導入してServiceWorkerによるキャッシュを実装しました。 そのことについて書きます。 導入の背景 いこレポはおかげさまで順調に成長できており、アクセス数も伸びてきています。 先日 1 周年を迎え、ますます頑張って…

Webpagetestでサイトのパフォーマンスを定期計測する

morishitaです。 今回は社内でプライベートに運用している Webpagetest について紹介します。 日経新聞やDev.toなど爆速を実現している Web サイトが度々話題となります。 それは Web サイトにとってページの表示速度が非常に重要で関心が高いからだと思いま…

Chromeの設定+α

この記事は actindi Advent Calendar 2017 の12月3日の記事です Web系のエンジニア、デザイナーにとって最も利用する仕事道具といえば、Webブラウザだと思います。 その中でもGoogle Chromeを使うことが多いのではないでしょうか。 今回はChromeの便利な設…