マガジンのカバー画像

LGTM GEN

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

記事一覧

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

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

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

今までの方法

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

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

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

多言語対応しました

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

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

多言語対応の仕組み

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

もっとみる
削除機能をリリースしました

削除機能をリリースしました

削除機能をリリースしました。基本的に削除操作は必要はないと思っているので、控えめなボタンの機能になっています。

削除機能

自分が登録した画像の詳細画面の「閉じる」ボタンの隣りにあるゴミ箱アイコンから画像を削除することが可能です。

削除が必要な画像をもとにLGTM画像を作らなければよいだけなので使うケースはないと思いますが、一応、ということでつけておきました。

VueのUIコンポーネントvu

もっとみる
お気に入り機能をリリースしました

お気に入り機能をリリースしました

登録画像が200枚を超えてきましたが、自分が気に入った画像をお気に入りに登録できる機能をリリースしました。

お気に入り登録画像詳細画面にお気に入り登録ボタンが表示されますので、そこからお気に入りの登録・解除が行なえます。

お気に入り機能が使えるのはGitHubアカウントでログインしたアカウントのみになります。

お気に入り一覧お気に入りに登録した画像は画面右上のメニューの「お気に入り」から一覧

もっとみる
なんとなくのランダム表示に対応しました

なんとなくのランダム表示に対応しました

データの登録件数が100件を超えてきたので、ランダム表示ページを用意しました。

https://lgtmgen.com/random/

ヘッダーの「ランダム」からアクセスできます。

ランダム表示のロジックFirebaseのCloud Firestoreにはrandomがないため、自前でランダムロジックを組む必要があります。

にあるようにデータ登録時にrandomカラムを用意してランダムな数

もっとみる
マイリストのヘッダーにユーザー情報を表示しました

マイリストのヘッダーにユーザー情報を表示しました

こんにちは。今日はいい天気でしたね。今日は庭の掃除をしてその後子供と公園に行きました。1日動いてヘトヘトです。

さて今日は以下のアップデートを行いました。

マイリストのヘッダーにユーザー情報を表示しました

マイリスト、ユーザーごとのコレクションリストページを開いても今誰のページを見ているのかわかりにくかったため、ユーザー情報をヘッダーに表示するようにしました。

あれ、自分のは表示されてない

もっとみる
ユーザーごとのコレクションリスト表示に対応しました

ユーザーごとのコレクションリスト表示に対応しました

以下のアップデートを行いました。

ユーザーごとのコレクションリスト表示に対応しましたモーダルを開いた際のヘッダーに投稿したユーザーのコレクションリストページへのリンクボタンを配置しました。

そのユーザーが投稿した画像一覧を見ることができます。ただし一覧画面にユーザーのプロフィールとかまだ出てないので、URLからトップページを表示しているのかコレクションリストを表示しているのか判断してください。

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

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

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

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

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

もっとみる