マガジンのカバー画像

LGTM GEN

8
https://lgtmgen.com/の更新情報などをお知らせします。
運営しているクリエイター

#nuxt

ランダムページのパフォーマンスを改善しました

ランダムページのパフォーマンスを改善しました

ランダムページ(https://lgtmgen.com/random/)のパフォーマンスを改善しました。

今までの方法

今まではランダム性を高めるため、ランダムな数字を生成してその数字にマッチする画像を1件取得する、というのを10回繰り返していました。

この方法だと毎回確実に異なる10の画像を取得できますが、1画面を表示するのにクエリが10回走ることになりレスポンスが遅くなってしまうことは否

もっとみる
多言語対応しました

多言語対応しました

日本語環境以外からアクセスした場合には英語表示になりました。

多言語対応アメリカや中国など海外からのアクセスもわずかながらあったのですが、そのあたりの取りこぼしをなくすため、またターゲットユーザーをひろげるため多言語対応しました。

多言語対応の仕組み

nuxt-i18nというモジュールを使って実装しました。Vue.js用のi18nライブラリであるvue-i18nにいくつかの機能を追加したもの

もっとみる
治安のいいLGTM画像を作れるWebサービスをFirebaseで作る

治安のいいLGTM画像を作れるWebサービスをFirebaseで作る

このエントリーは https://qiita.com/yoshikyoto/items/4910b1a4bcefe7f5ab8c へのオマージュです。

はじめにFirebaseを利用して治安のいいLGTM画像を作ることができるWebサービスを作りました。

LGTM とはGitHubなどでプルリクをレビューした時に使う言葉で英語では「Looks Good To Me」を意味します。 日本語として

もっとみる