ノンカフェインであなたにやさしい

Ruby,Rails,HTML,CSS,Reactなど

PostgreSQLでdatabaseをReadOnlyに設定する

default_transaction_read_only を on に設定する alter database database_name set default_transaction_read_only = on; postgresqlco.nf その他メモ レプリカのDBを作ってReadOnlyに設定する手順 現行DBのexport pg_dump database_name > import.sql レ…

WARN When using nuxt generate, you should set target: 'static' in your nuxt.config

古いNuxtプロジェクトを nuxt generate したらWarningが出た。 WARN When using nuxt generate, you should set target: 'static' in your nuxt.config Learn more about it on https://go.nuxtjs.dev/static-target nuxt.config.js に target: 'static' と…

WARN mode option is deprecated. Please use ssr: true for universal mode or ssr: false for spa mode and remove mode from nuxt.config

古いNuxtプロジェクトを起動したらWarningが出た。 WARN mode option is deprecated. Please use ssr: true for universal mode or ssr: false for spa mode and remove mode from nuxt.config nuxt.config.js の mode が非推奨になったらしいので書き換える…

Windows 10 20H2にアップデートしてMicrosoft Edge(従来版)が消えてしまった時の対応

Windows 10 20H2にアップデートすると従来版Edgeが消えてしまうようです。 Windows 10 バージョン 20H2 から、Microsoft Edge 従来版は含まれなくなりました。 Windows 10 のこのバージョンから、並べて表示エクスペリエンスはサポートされていません。 旧バ…

RailsインスパイアのReactJsフレームワーク Blitzを試した

Blitzとは? GitHubの説明をGoogle翻訳を通した引用… Blitzは、Ruby on Railsのようなサーバーレンダリングフレームワークのシンプルさと慣習を復活させ、 Reactとクライアントサイドレンダリングについて私たちが愛するすべてを維持します! github.com つ…

よく使うRails 6.1で生成ファイルを最小限にするrails newコマンド

環境 Ruby 2.7.2 Rails 6.1.0 最小限の rails new rails new --minimal -S -J -T --database=postgresql TestApp --minimal 以下のフレームワークがスキップされる action_cable action_mailbox action_mailer action_text active_job active_storage bootsn…

レスポンシブサイトでlazysizesを使い画像遅延読み込みをした時のCore Web Vitals CLS対策

Core Web Vitalsの値、気にしてますか? レスポンシブでCLS対策をする時の対応を書きます。 CLSとは? Cumulative Layout Shift は、ページがどのくらい安定しているように感じられるかを表します。視覚的な安定性を測定し、表示されるページ コンテンツにお…

WSLでChromedriverを使えるようにする

chromedriverのDL 公式サイトから必要なバージョンをDLします。 DL後、zipを解凍したらWindowsTerminalでWSLの /bin/ に移動 # CドライブのDownloadsにchromedriverがある sudo mv chromedriver /bin/cromedriver # 実行権限の付与 sudo chown 755 /bin/chro…

WindowsのLocal by Flywheelで作ったWordPressにシンボリックリンクを貼り別ディレクトリのthemesデータを同期させる

新規でWP環境を作るだけならLocalをインストールするだけなのですがすでにあるプロジェクトのthemesだけを同期させたいため特殊な対応をしました。 まずは公式ドキュメント通りLocalのインストール、WPの作成をします。 localwp.com themesを同期させる 昔の…

WSL Elasticsearchの起動ができない java.lang.IllegalArgumentException: Plugin [analysis-kuromoji] was built for Elasticsearch version 7.8.0 but version 7.10.0 is running

こんなエラーが出た java.lang.IllegalArgumentException: Plugin [analysis-kuromoji] was built for Elasticsearch version 7.8.0 but version 7.10.0 is running $ sudo service elasticsearch restart * Starting Elasticsearch Server uncaught excepti…

WSLでelasticsearch-pluginをinstallする

WSL

pathが通っていないのかインストールできず sudo elasticsearch-plugin install analysis-kuromoji sudo: elasticsearch-plugin: コマンドが見つかりません /usr/share/elasticsearch/bin に入っていた sudo /usr/share/elasticsearch/bin/elasticsearch-plu…

WSLでDockerを使いMySQL5.6をインストールしてdumpデータをインポートする

WSL

WSLのUbuntuにMySQL5.6をインストールしようとしたところ、依存関係が解決できず正しくインストールや起動ができなかったのでDockerを利用してMySQL5.6を用意した手順をまとめます。 docker pullと起動 ubuntu-mysql56 を使います。 Docker Hub docker pull …

Rails Searchkickで circuit_breaking_exception Data too largeエラー 分割インデックスする方法

RailsアプリでSearchkickを使いElasticsearchのreindexをしようとしたところデータ量が大きすぎるとのエラー Elasticsearch::Transport::Transport::ServerError · [429] {"error":{"root_cause":[{"type":"circuit_breaking_exception","reason":"[parent] …

Rails ActiveRecordで特定のカラムのユニークな配列を取得する

例えば created_on に日付が入っているこんなデータ Post.last Post Load (13.1ms) SELECT "posts".* FROM "posts" => #<Post id: 1, user_id: 1, created_on: "2020-11-02"> pluck を使うだけだと同じ日付が入ってしまう Post.pluck(:created_on) (2.7ms) SELECT "posts"."created_on" FROM "posts" => [Mon, 0</post>…

Rails test環境のDBを初期化する

RAILS_ENV で test を指定する bundle exec rails db:migrate:reset RAILS_ENV=test 削除、作成、migrateを個別にする bundle exec rails db:drop RAILS_ENV=test bundle exec rails db:create RAILS_ENV=test bundle exec rails db:migrate RAILS_ENV=test

Redash全体が重い遅いときは自動更新頻度が原因かも

タイトルママなんですが Redashクエリではなくサイト自体の読み込みが遅く困っていました。 Refresh Schedule に Every 5 minutes が増えていることに気づき、 更新頻度を減らしたところ軽くなりRedashに平和が訪れました。 自動更新は計画的に。 また、古い…

スプレッドシートでEOMONTHを使い月初、月末を取得する

EOMONTH 関数を使う たぶん end of month だろう 関数リストから月末で検索しても出なかったけど「最終日」って言うのか… 起算日から指定した月数だけ前または後ろの月の最終日の日付を返します。 EOMONTH(開始日, 月数) support.google.com 月末 月数に0を…

GitHubで付けたタグ(Release)を削除する

一度付けてしまうとGitHub上からは消せないタグ CLIからなら消せる git push --delete origin タグ名 Web上から消させてほしい🥺

IEでflex-basisにbox-sizing: border-boxが効かない

Flex便利ですよね。 固定幅の横並びを実装したところIE11で崩れたので解決策です。 ul { display: flex; flex-wrap: wrap; outline: 1px solid #00f; margin: 10px auto; width: 200px; } li { box-sizing: border-box; flex-basis: 100px; outline: 1px sol…

Windows WSLのUbuntuにGoogleChromeをインストールする

Railsで開発をしていてChromeDriverでのテストを利用しているためChromeが必要だった sudo apt-get update # 必要なライブラリのインストール sudo apt-get install libappindicator1 libappindicator3-1 fonts-liberation # 最新安定版のDL、インストール c…

Rails migrationでdefaultに作成時の現在時刻を入れる

default: -> { "now()" } という指定ができる。 create_table "hoge" do |t| t.datetime "hoge_created_at", default: -> { "now()" }, null: false end hoge = Hoge.create hoge.hoge_created_at => nil # DBで時間を入れるため作成直後はnilになってしまう…

Ruby eachの引数で配列を展開する

# idと名前の2次元配列、CSVの配列などを使う時に便利 arr =[ [1, 'hoge'], [2, 'moge'], ] arr.each do |id, name| puts id, name end # 出力 # 1 # hoge # 2 # moge 以下と同等のことが出来ます arr.each do |values| id, name = values puts id, name end…

iOS UIWebViewでjQueryのclickイベントが重複して発火する

※UIWebViewは2020/12移行更新できなくなりますのでWKWebViewへのアップデートが必要です https://developer.apple.com/news/?id=12232019b UIWebViewで以下のjQueryのページを動かすとクリックイベントが2回発火してしまう場合がありました。 ※1回しか発火し…

iOS Safariでz-indexの親に -webkit-overflow-scrolling: touch; overflow: auto; が設定されているとz-indexが正しく効かないバグ

CSS

モーダルやチュートリアルなどを実装していてiOS Safariだけ z-index が正しく効いていない状況があった。 簡単なサンプル codepen.io z-index の大きい要素の親に以下が設定されていると z-index が前面に来てくれないよう。 -webkit-overflow-scrolling: t…

Railsで文字列のバージョンを比較する

StringのVersion情報 "2.1.1" を "2.2.0" などと比較したい Gem::Version を使うことで比較できる p "1.9" < "1.10" # => false p Gem::Version.new("1.9") < Gem::Version.new("1.10") # => true 文字列にも対応。便利。 "1.1.beta9" と "1.1.beta10" では…

Windows WSLで時刻を同期させる

date をすると過去日付が返ってきてしまい、AWSでも RequestTimeTooSkewed エラーが返ってきてしまったので対応メモ # 2020/7/8実行 $ date 2020年 7月 4日 土曜日 15:02:22 JST ~/work/rails/tsukulink (master) $ ntpdate 4 Jul 15:02:44 ntpdate[4968]: n…

Windows WSLのUbuntuでpbcopyを使う

MacからWindowsに開発環境を移行したのでメモ クリップボードへのコピーは clip.exe が同じ機能を担っているらしい Macと同じコマンドで使いたいのでaliasを設定して完了 # ~/.profile alias pbcopy='clip.exe' 参考 blog.tmyt.jp

Windows WSLのUbuntuにRedisをインストールする

開発環境をWindowsにしたので環境構築のメモ # redis-serverのインストール sudo apt install redis-server # redis の再起動 sudo service redis-server restart # 自動起動設定 systemctl enable redis-server

Windows WSLのUbuntuにPostgreSQLをインストールする

開発環境をWindowsにしたので環境構築のメモ # PGのインストール sudo apt install postgresql # 起動 sudo service postgresql start # 自動起動設定 systemctl enable postgresql # PG用ユーザーの作成 sudo -u postgres -i createuser -d -U postgres -P …

Windows WSLのUbuntuにElasticsearchとkuromojiをインストールする

開発環境をWindowsにしたので環境構築のメモ Elasticsearchのインストール wget -qO - https://artifacts.elastic.co/GPG-KEY-elasticsearch | sudo apt-key add - echo "deb https://artifacts.elastic.co/packages/7.x/apt stable main" | sudo tee -a /et…