@bugsnag/js と @bugsnag/plugin-vue をインストール npm install --save @bugsnag/js @bugsnag/plugin-vue plugins/bugsnag.tsを作成 import Vue from 'vue' import bugsnag from '@bugsnag/js' import bugsnagVue from '@bugsnag/plugin-vue' const bugsna…

github actions用にプロジェクトのディレクトリ内の .githiub/workflows/nodejs.yml に以下ようなymlファイルを作成する name: Build and Deploy on: push: branches: - master jobs: build: name: Build runs-on: ubuntu-latest steps: - name: Checkout Re…

simple_formatの内部ではhtml_safeが呼ばれているため タグが埋め込まれているとそのまま表示されてします 以下の様にview(haml)を記述すると - content = "<a href='https://remoter.hatenablog.com/'>ブログ</a>" = simple_format content リンクが表示されてしまう なので h (html_escapeのalias)を利用…

www.javadrive.jp \b は単語境界 \bTEST\bとかで検索するとダブルコーテーションやスペースに挟まれてるのがまるっとひっとする

よくあるユーザー登録時に利用規約同意用のチェックボックスを追加したい モデルに同意チェックボックス用のvalidatesを追加 acceptance: trueを使うことで特に項目を追加したりしなくてもよい class User < ApplicationRecord devise :database_authenticat…

github.com 詳細な使い方は以下を参照 qiita.com 簡単には - gemをインストール - エラーページ用のlayoutファイル、app/views/layouts/public.html.hamlを作成 - app/views/pulibc_pages/404.html.hamlやapp/views/pulibc_pages/500.html.hamlを作成 - rake…

Railsでよく画面に一回だけメッセージを表示するときに使うflash flash[:notice] = '更新しました' とかよく使うけど flash.keep[:notice] を使うことで、次のアクションまで保持します flash入れたあとにredirect２回するとかだと使うことがあるかなぁ resp…

metaタグに以下の１行を追加する <meta name="robots" content="none" /> metaタグrobotsについての詳細は以下のリンクが参考になりました www.suzukikenichi.com www.suzukikenichi.com</meta>

結論を先に paramオプションをつける 通常 routes.rbでroutelingを記述すると Rails.application.routes.draw do resources :posts end posts GET /posts(.:format) posts#index POST /posts(.:format) posts#create new_post GET /posts/new(.:format) post…

通常 routes.rbでroutelingを記述すると Rails.application.routes.draw do resources :posts end GET/posts(.:format) posts#index POST /posts(.:format) posts#create GET /posts/new(.:format) posts#new GET /posts/:id/edit(.:format) posts#edit GET …

bootstrap-vue.js.org <template> <div> <b-form-select v-model="selected" :options="options" @change="handleSelectChanged"></b-form-select> </div> </template> <script> export default { data() { return { selected: null, options: [ { value: null, text: 'Please select an option' }, { value: 'a', text: 'T…

オープンソースのWYSIWYGエディタであるCKEditor5をマークダウンエディタとしてRailsに導入する https://ckeditor.com/ckeditor-5/ 以下のpluginを利用する https://ckeditor.com/docs/ckeditor5/latest/features/markdown.html 前提条件、webpackerの4系を…

if (window.confirm('確認ダイアログを表示しました。\n処理を継続しますか')) { console.log('OK') } else { console.log('キャンセル') } たまに使うのでメモ

Vue - CodeSandbox とても便利だった！ 前回の記事もこれを使いながら確認しました remoter.hatenablog.com codesandbox.io

以下のように@keydown.enterだとsafariのときに変換確定時にhandleEnterが呼ばれる <template> <div id="app"> <input name="text" @keydown.enter="handleEnter"> </div> </template> <script> export default { name: "App", components: {}, methods: { handleEnter: () => { console.log("enter"); } } }; </script> @keypress.enterを使えば変換確定時は…

yarnにコマンドあるかと思って毎回 yarn -hして確認するけどnpmであげるのよね npm install -g yarn

brew update fatal: could not read Username for 'https://github.com': terminal prompts disabled Error: homebrew/homebrew-versions does not exist! Run `brew untap homebrew/homebrew-versions` to remove it. 書いてあるとおり brew untap homebrew…

docs.ruby-lang.org Stringクラスにinclude?というメソッドがある text = "123abc" text.include?("123") => true text.include?("4") => false text.include?("3a") => true text.include?("3b") => false

developer.android.com Androidのアプリのアイコンの仕様が変わったので作り直そうと公式のドキュメント見ながらImage Asset Studioを起動しようとしたが起動しかたが最初わからなかったのでメモ Android Studioで追加したいプロジェクトを開きappで右クリッ…

firebase.google.com 何も指定しないとデフォルトの us-central1 になる 東京リージョンにする場合は exports.myStorageFunction = functions .region('asia-northeast1') .storage .object() .onFinalize((object) => { // ... }); 上記のように region('as…

Nuxtアプリなどを作成してて、なにかしらのAPIのレスポンスがスネークケースだったりすることがままある が、jsの世界ではキャメルケースで書きたい(lint先生に怒られるし） そんなときに camelcase-keys を使う github.com install npm install camelcase-k…

知らなかった・・・ crieit.net 暗黙的送信（Implicit submission）とは、text属性などのinput要素の中でEnterを押すと送信できるように、submitボタンを押さなくても送信できる補助機能のことを指します。 ざっくり言うと、フォームが複数のinput要素を持っ…

普通にgit cloneすると git clone git@github.com:github/opensource.guide.git これだと opensource.guideというディレクトリが作成されそこにcloneされる このディレクトリを別の名前にするには cloneするときに後ろにつけたい名前をつける git clone git@…

github.com 同様なgemにadhoqというのもある github.com READMEに従ってセットアップ Gemfileに追記 gem 'blazer' installして必要なテーブルを作成 bundle install rails generate blazer:install rails db:migrate config/routes.rbに追記 # config/routes…

github.com Rails用の認証用のgem devise 複数モデルを使ってユーザー用と管理者用に別々にログイン画面を作成する 以降は、既にUserというモデルでユーザー側は作成している前提です 管理者用のモデルを作成 rails generate devise Administrator rake db:m…