[Rails] Lighthouseで PWAスコア100点をとるためにやったこと - Qiita
目的 Google Lighthouse PWAスコアで100点とる やったこと 対応前の把握 → PWA 56点 対応 対応後のチェック → PWA 100点 (宣伝） PWA対応したサイトの紹介 dokode 個人で作成している研究者向けイベント紹介サイトです！ アプリ環境 Rails 5.2 Bootstrap 4 Heroku (Hobby plan) Postgresql 10.0 このアプリをPWA対応してゆきます 対応前の把握 Google Lighthouseでチェックします Progressive Web App は 56/100点 です。 対応 Google Lighthouseからの指摘 Does not respond with a 200 when offline. User will not be prompted to install the Web App.
![[Rails] Lighthouseで PWAスコア100点をとるためにやったこと - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8cb846e7f3b5c7333a9359c5071a799d2d6766dc/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCUmFpbHMlNUQlMjBMaWdodGhvdXNlJUUzJTgxJUE3JTIwUFdBJUUzJTgyJUI5JUUzJTgyJUIzJUUzJTgyJUEyMTAwJUU3JTgyJUI5JUUzJTgyJTkyJUUzJTgxJUE4JUUzJTgyJThCJUUzJTgxJTlGJUUzJTgyJTgxJUUzJTgxJUFCJUUzJTgyJTg0JUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgxJTkzJUUzJTgxJUE4JTIwJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xNjExYTM4OWQ2MzIyODMxNDM2OTMxMzI4YjdlOTBiNQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBqdW5hcmEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTI5NGUzNDM2MTdjMDc0ZjZlYmUzMDdjMzk2MTliYjIw%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OT44Or44OH44Kj44OD44OI%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D4f58abb367da069e3203bd435853072a)
サーバーのプロビジョニングをmitamae + hochoでやる方法 - Qiita
mitamaeとは Chefに比べ、よりシンプルかつ依存(chef server, cookbook, berkshelf, data_bags)が少なく実行できるItamaeというツールがあるんですが、mitamaeはmrubyを使うことでそこから更に依存(Rubyインタプリタ, RubyGems)を減らしシンプルにしたツールです。 歴史: https://k0kubun.hatenablog.com/entry/itamae-mruby https://k0kubun.hatenablog.com/entry/mitamae 何故mitamaeは便利なのか itamae sshを使うとサーバーに何も入ってない状態のまま気軽にサーバーをプロビジョニングできるため非常に便利なのですが、itamae ssh は各コマンドごとにssh越しの通信が発生してしまい非常に遅く不快なため、通の間ではo
デザインパターンの話をしよっか ( FormObject & Value Object 編 ) - Qiita
# frozen_string_literal: true require_relative 'monza' class ReceiptCreateForm include ActiveModel::Model attr_accessor :raw_receipt, :platform, :transaction_uuid, :item, :data validates :raw_receipt, :platform, :transaction_uuid, presence: true def to_model Receipt.new(raw_receipt: raw_receipt, platform: platform, transaction_uuid: transaction_uuid, status: :captured) end def receipt_valid case p
Hanami の DB 設定 - Qiita
前回の訂正 前回の記事で以下のように記述した。 $ rbenv exec hanami new sample-bookshelf --database=mysql このような実行をしたために、後々 config/environment.rb を修正する羽目になった。正しくは、以下のようにすれば良い。 $ rbenv exec hanami new sample-bookshelf --database=mysql2 ちゃんと --help に書いてあった。 $ rbenv exec hanami new --help Command: hanami new Usage: hanami new PROJECT Description: Generate a new Hanami project Arguments: PROJECT # REQUIRED The project name Op
FactoryGirl.createのパラメータにActiveRecordのオブジェクトを設定するとActiveRecord::AssociationTypeMismatchが発生した - Qiita
ChefTips: SALT付きSHA-512でパスワードのshadow hashを生成する - Qiita
解決したい課題 Chefでは、userリソースのpasswordプロパティにハッシュ化されたパスワードを記述することで、ユーザのパスワードを設定することができます。世の中のChefハウツー記事とかをみていると、パスワードをハッシュ化する方法として以下の MD5 でのハッシュを紹介している例が多いようです。 openssl passwd -1 "theplaintextpassword" Chef社公式でも実際に紹介されていますし… https://docs.chef.io/resource_user.html#password-shadow-hash MD5は今から10年以上前から安全性の限界が言われており、MD5の使用は躊躇されるところであります。この記事では、SALT付きSHA-512でのパスワードハッシュ生成方法を紹介します。 実装例 unix-crypt というgemを利用します。
Google Ad Managerのターゲティング、Key Valueを設定し広告表示出し分けロジックを実装する - Qiita
google ad managerのターゲティングを使いこなす key value編 coffeescript rails こんな環境で動的に広告を出したい人向けの記事です。 記事内容がそこそこ雑です、googleの公式ドキュメントもみましょう。。。。orz spep1. 広告ユニットを作成しましょう 左のタブから広告ユニットを選択、必要情報を適当に入力します。 spep2. key valueを作成しましょう 在庫の中にあるkey valueを選択します。 新しいキーを選択します 名前：keyになるものです、間違っても全角を入力しないように 表示名：google ad manager上で使う名前、日本語でもおkです、わかりやすい名前をつけましょう。 2種類のタイプ valueの種類が多い ＝＞ 検索パラメータを条件に広告表示非表示したい場合、ユーザーがどんな検索キーワードを入力するかわか
Rubyデバッグで使うメソッド達 - Qiita
概要 Rubyでのソースコードリーディング時に これだけは最初に押さえておきたい！というメソッドをまとめました。 実装をしたり、ソースコードリーディングを行う際に、pryデバッグなどを行うのですが、 基本的なことを確認するときに使うRubyのメソッドがあるので、その紹介。 自身のClassを確認する class レシーバのクラスを調べて、出力してくれるメソッド。 意図してない箇所で、NoMethodErrorが出て、レシーバに何のクラスが入ってるのか確認したいときに使う。 自身にMix-inされているModuleや継承されているClassを調べる ancestors Moduleのインスタンスメソッドとして定義されています。 あるクラスやオブジェクトがどのようなクラス・Moduleをincludeしているのか?は結構気になります。 ancestorsを実行してあげると、継承ツリーの順番で返
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Example title
Example title
Example title
Example title
Example title
配列 a の全ての要素が配列 b に含まれることを確認する - Qiita
Ubuntuを18.04にアップグレードしたらRailsが動かなくなったときのメモ - Qiita
ツクール2000の戦闘アニメを VXace に変換
【Rails】form_forの外側にあるボタンにsubmitの役割を持たせ、remote: trueを使わずにAjaxを発火させる【初心者】
【Rails】シンプルなミニブログを作る！ - Qiita
NameError: uninitialized constantの原因 - Qiita
【I18n::InvalidLocaleData】can not load translations fromの対処法【Rails】 - Qiita
