Skip to content

Instantly share code, notes, and snippets.

View wtnabe's full-sized avatar

wtnabe

135 followers · 392 following
View GitHub Profile
@wtnabe
wtnabe / confirm.erb
Last active January 26, 2025 07:08
dry-operation + dry-monads + ActiveModelほかいくつかの処理を交えていい具合にViewに返す試み
<% unless errors.empty? %>
エラーあります
<ul>
<% errors.each do |error| %>
<% # ActiveModel::ErrorsとDry::Schema::Message的なエラーをいい具合に扱う %>
<li><%= error.try(:attribute) || error.try(:path) %> : <%= error.try(:type) || error.try(:text) %></li>
<% end %>
</ul>
<% end %>
<% unless data.empty? %>
@wtnabe
wtnabe / workflow-excerpt-for-heroku-cli-v9.yaml
Last active January 6, 2025 06:27
- name: prepare Node.js 16 for Heroku CLI v9
uses: actions/setup-node@v4
with:
node-version: 16
- name: prepare Heroku CLI v9
run: |
npm i -g heroku@"~>9"
heroku -v
@wtnabe
wtnabe / error-capturing-outside-in-callback.html
Last active January 4, 2025 13:58
JavaScriptでcallback functionの中で発生したエラーを外から捕捉する
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Promiseの中のエラーを拾う</title>
</head>
<body>
<button id="error-propagated-by-event">DOM Eventで伝播</button>
<button id="error-propagated-by-callback">Errorハンドラで伝播</button>
@wtnabe
wtnabe / gist:897f9c4a7340a5bbf012a6ca9a4bf3cc
Last active November 10, 2024 00:20
目の滑りにくいarrow function
@wtnabe
wtnabe / biome-reporter-to-common-file-locator.awk
Created September 7, 2024 14:26
#! /usr/bin/awk -f
#
# Usage:
# biome lint --colors off 2>&1 | awk
#
#
# filename
#
@wtnabe
wtnabe / gist:6cfaf15cf57faf626da58f436c4abf23
Last active August 31, 2024 05:48
JSつよつよマンに質問
  • 自分たちの書いたJSのコードのみのエラーを監視する方法は？
  • ぶっちゃけ Reactivity が嬉しいシーンてそんなに多いの？
    • 単にツールが有名で強力なものに揃っている方が採用、育成も含めて有利ってだけ？
  • VirtualDOM のデメリットは？
  • TypeScript 導入するとぶっちゃけコード書くの早くなる？遅くなる？
  • type の定義方法に決まりはある？
  • JSX って本当によい？ tagged literal html`` で十分では？
  • CSS はもう素朴に custom property と簡単な Scss 程度でよくない？
  • UI の開発に本当に大事なのはツールよりユーザーのゴールと状態の設計では？
@wtnabe
wtnabe / gist:bd0cf65bce3e94302f123f38567ec0d9
Last active August 30, 2024 05:54
PlaywrightをRSpec, Capybaraと組み合わせた時のhookに関係する挙動

RSpec hooks order

  • around
  • before
  • after
  • around

Capybara session

in capybara/rspec.rb

@wtnabe
wtnabe / gist:03419571caec92d4bfb0a897c31dd15a
Last active December 3, 2023 08:52
Web Speech synthesis 上の Google Voice の制限

https://mdn.github.io/dom-examples/web-speech-api/speak-easy-synthesis/ を試す。

一定以上の長さになると途中で speak が切れる現象が発生する。

完了 OS ブラウザ Voice
failure macOS 13.6 Chrome 119 Google 日本語 ( ja-JP )
success macOS 13.6 Chrome 119 Kyoko ( ja-JP )
success macOS 13.6 Safari 17.0 Kyoko ( ja-JP )
success Android 10 Chrome 119 Google 日本語 ( ja-JP )
@wtnabe
wtnabe / glob.js
Last active October 21, 2023 22:35
globby negate behavior
import { globby } from 'globby'
const IGNORE = [
'!node_modules/**/*.*',
'!bower_components/**/*.*',
'!**/*.test.{js,ts}',
'!**/*.suite.{js,ts}',
'!**/*.config.{js,ts}',
'!**/*.d.ts',
];
@wtnabe
wtnabe / README.md
Last active September 27, 2023 11:54
StorybookでCustomElementsの情報をいい具合に出す