リメンバー・アンド・シェア ある種のビジネスにとっては、プロダクトの習慣化（forming habits）は、成功の必須要素となる（もちろん、すべてのビジネスにとって必要、というわけではないが） 根強い習慣を形成することによって、顧客生涯価値の向上、価格…

pay.jpのドキュメントを眺めていると Documentation Powered by Slate と書いてあったので少しググッてみた PAY.JP API リファレンス github.com 以下のQitaの記事でも書かれてたけど qiita.com 一言でいうと、「Markdownで書いたAPIドキュメントの静的HTML…

pod update [ライブラリ名] 最新バージョンあるはずなのに上がらないときは 以下を実行してpod のキャッシュを更新する pod repo update

javascriptで日付操作をするライブラリ moment.js momentjs.com 時分だけ表示したい場合は以下のようにする moment().format('hh:mm'); // 12時間表示 moment().format('HH:mm'); // 24時間表示

以下より、利用したいbootstrapのバージョンを指定してCDNのリンクを取得 www.datatables.net headに取得したリンクを設置 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/dt-1.10.20/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/bs/dt-1.10.20/datatables.min.js"></script> 利用したいt…</link>

class SomethingMigration < ActiveRecord::Migration[5.0] def up # Add migration code end def down raise ActiveRecord::IrreversibleMigration end end

インストーラーを以下よりダウンロードして実行 Downloads - MAMP & MAMP PRO /Applications/MAMP/MAMP.app にインストールされるので実行 実行すると以下ようの画面が立ち上がるはず Start Serversでサーバーを起動 /Applications/MAMP/htdocs にhtmlファイ…

ChromeでDebToolsを開いてSetting画面を開く PreferencesのConsoleの Preserve log upon navigationにチェックをつける 以上

const arr1 = [1, 2, 3] const arr2 = [1, 2, 3] console.log(arr1 === arr2) => false console.log(arr1.toString() === arr2.toString()) => true

リンクと画像だけを許可したい場合は以下のようにする const text = 'なにかしら<a href="https://www.google.com" target="_blank">リンク</a>' DOMPurify.sanitize(text, { ALLOWED_TAGS: ['a', 'img'], ALLOWED_ATTR: ['href', 'target', 'src'] })

Gemfileに必要するgemを追加してbundle group :test do gem 'rspec-rails' gem 'factory_girl_rails' gem 'rspec-collection_matchers' gem 'faker' gem 'email_spec' gem 'capybara' gem 'webdrivers' gem 'timecop' gem 'simplecov', require: false end …

vue-clipboard2を利用する github.com プロジェクトに追加 npm install --save vue-clipboard2 plugins/vueClipboard.tsを作成 import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) nuxt.config.tsに作成したpluginを追…

@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