別タブやブラウザが非アクティブになったときに発火する window.onblur = () => { console.log("onblue") }

github.com インストール npm install --save rss-parser READMEに従って以下のコードを動かしてみる let Parser = require('rss-parser'); let parser = new Parser(); (async () => { let feed = await parser.parseURL('https://remoter.hatenablog.com/r…

www.npmjs.com グローバルにインストール npm install -g npm-check-updates ncuコマンドで更新のあるライブラリを表示 インストール直後はコマンドが見つからずターミナルを開き直したら実行できた ncu 以下のコマンドでプロジェクトのpackage.jsonも更新し…

vue-web-camgithub.com インストール npm install vue-web-cam --save nuxt.config.jsを編集してmodulesに追記 //省略 modules: ['vue-web-cam/nuxt'] //省略 基本的な使い方は以下の様にtemplate内に埋め込み利用する

assets配下に再生したいファイルを配置 オーディオファイルをロードするように Webpack の設定を拡張する 以下を参考にnuxt.config.tsを修正 ja.nuxtjs.org // 省略 build: { extend(config: any, _: any) { config.module.rules.push({ test: /\.(ogg|mp3|w…

他の項目の値を参照して、validatesの有効化したい場合 例えば emailが入力されている場合のみnameの必須チェックをしたい場合は以下の様に書く validates :name, presence: true, if: Proc.new {|r| r.email.present? }

リメンバー・アンド・シェア ある種のビジネスにとっては、プロダクトの習慣化（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を追…