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

Ruby,Rails,HTML,CSS,Reactなど

Ruby HTTPClientでpostする

簡単なことなんだけどbodyを入れるのがうまくいかず詰まったのでメモ require 'httpclient' require 'json' client ||= ::HTTPClient.new # body を jsonにする必要がある body = JSON.generate({ hoge: { moge: 1234 } }) # railsの場合は to_json で ok he…

docker-compose で Can't separate key from value と怒られた時の対応

Docker for Desktopをアップデートしたら以下のエラーが $ docker-compose run => Can't separate key from value Docker2をデフォルトで使う設定になってしまっているようなのでチェックを外し設定をオフにします。 stackoverflow.com

Rails consoleでrake taskを呼び出す

デバッグやバッチ処理内でRake taskを呼び出したいときの対応 Rails.application.load_tasks Rake::Task['my_task'].execute # 引数を渡す場合 Rake::Task['my_task'].execute('arg_string') Rake::Task['my_task'].execute(hoge: 'moge') my_task には hoge…

WSL Docker Elasticsearchで max virtual memory areas vm.max_map_count [65530] is too low, increase to at least [262144]

[1]: max virtual memory areas vm.max_map_count [65530] is too low, increase to at least [262144] PowerShellで以下を実行して解決 ❯ wsl --shutdown # because we don't really need to restart the computer to see the config is lost ... ⚡ beccari…

WordPress開発環境をwp-envで簡単に作る

npmの @wordpress/env を使うとメチャクチャ簡単にDockerでWP環境が作れました。 基本的に公式ドキュメント通りに設定するだけです。 ja.wordpress.org @wordpress/env をインストール # グローバルに入れるか npm -g i @wordpress/env # ローカルプロジェク…

GitHub ActionsでXserverにあるWPに自動デプロイを設定する

1.GitHubのSecretsにXserverの秘密鍵を登録する 公式を参考 docs.github.com 2..github/actions/deploy.yml 作成 name: deploy to xserver on: push: branches: - main jobs: deploy: runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 # 必要…

Don't know how to build task 'active_storage:install'

rails active_storage:install をしようとしたら以下のエラー Don't know how to build task 'active_storage:install' config/application.rb で以下をコメントアウトしているのが原因でした # require "active_storage/engine"

Puppeteerでライブラリ不足 libgbm.so.1

以下のエラー chrome: error while loading shared libraries: libgbm.so.1: cannot open shared object file: No such file or directory インストールする sudo apt-get install -y libgbm-dev

Puppeteerでライブラリ不足 libxkbcommon.so.0

以下のエラー chrome: error while loading shared libraries: libxkbcommon.so.0: cannot open shared object file: No such file or directory インストールする sudo apt-get install libxkbcommon-x11-0

Puppeteerでライブラリ不足 libraries: libcups.so.2

以下のエラー chromedriver: error while loading shared libraries: libcups.so.2: cannot open shared object file: No such file or directory インストールする sudo apt-get install libcups2-dev

Puppeteerでライブラリ不足 libraries: libatk-bridge-2.0.so.0

以下のエラー chromedriver: error while loading shared libraries: libatk-bridge-2.0.so.0: cannot open shared object file: No such file or directory インストールする sudo apt-get install libatk-bridge2.0-0

Puppeteerでライブラリ不足 libraries: libatk-1.0.so.0

以下のエラー chromedriver: error while loading shared libraries: libatk-1.0.so.0: cannot open shared object file: No such file or directory インストールする sudo apt-get install libatk1.0-0

Puppeteerでライブラリ不足 libraries: libnss3.so

以下のエラー chromedriver: error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory インストールする sudo apt-get install libnss3-dev

個人的Windowsを買ったときのセットアップ

毎回するセットアップのメモ とりあえずインストール Google Chrome Google 日本語入力 半角全角切り替えの設定 Clibor Slack Zoom Microsoft PowerToys CapsLockをCtrlに変換 WSL Ubuntu RubyMine VS Code Docker Desktop WSL Ubuntuセットアップ # とりあ…

Your bundle is locked to mimemagic (0.3.5), but that version could not be found in any of the sources listed in your Gemfile. If you haven't changed sources, that means the author of mimemagic (0.3.5) has removed it. You'll need to update your bundle to a

Railsプロジェクトを動かそうとしたら下記のエラー Your bundle is locked to mimemagic (0.3.5), but that version could not be found in any of the sources listed in your Gemfile. If you haven't changed sources, that means the author of mimemagi…

WSL2に立てたサーバーに同ネットワークにある別端末からアクセスする

WSL上で開発をしていて立てたサーバーに別端末からアクセスする方法です。 Macでは何もせずにアクセスできたのですが、WSLの場合、Windows側にポートフォワーディングを設定する必要があります。 WSLのIPを調べる ifconfig で確認 172.21.171.162 の部分 $ i…

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>…