wtnabe

まだ個人的な気持ちでしかないんだけどメモ。

TypeScriptでResult型でのエラーハンドリングを通してモナドの世界を覗いてみる #関数型プログラミング - Qiita

より。

内容はとてもよいと思うんだけど、やはり

export const ok = (value: T): Ok => ({ ok: true, value });

wtnabe

#! /usr/bin/awk -f

#
# Usage:
# biome lint --colors off 2>&1 | awk
#

#
# filename
#

wtnabe

• 自分たちの書いたJSのコードのみのエラーを監視する方法は？
• ぶっちゃけ Reactivity が嬉しいシーンてそんなに多いの？
  • 単にツールが有名で強力なものに揃っている方が採用、育成も含めて有利ってだけ？
• VirtualDOM のデメリットは？
• TypeScript 導入するとぶっちゃけコード書くの早くなる？遅くなる？
• type の定義方法に決まりはある？
• JSX って本当によい？ tagged literal html`` で十分では？
• CSS はもう素朴に custom property と簡単な Scss 程度でよくない？
• UI の開発に本当に大事なのはツールよりユーザーのゴールと状態の設計では？

wtnabe

RSpec hooks order

• around
• before
• after
• around

Capybara session

in capybara/rspec.rb

wtnabe

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

import { globby } from 'globby'

const IGNORE = [
  '!node_modules/**/*.*',
  '!bower_components/**/*.*',
  '!**/*.test.{js,ts}',
  '!**/*.suite.{js,ts}',
  '!**/*.config.{js,ts}',
  '!**/*.d.ts',
];

wtnabe

以下は Storybook 7.4+ / CSF 3+ を想定。

0. 動作についてはなんとかしているものとする[^1]
1. story の export default で tags: ['autodocs'] か ./storybook/main.js で docs: { autodocs: true }
   • Automatic documentation and Storybook
2. JSDoc をいい具合に書く
   • Getting Started: Custom Elements Manifest
3. Custom Elements Manifest Analyzer で manifest を生成する
   • Getting Started: Custom Elements Manifest
4. Manifest を Storybook の config で読み込む

wtnabe

• JS の Date で任意のタイムゾーンを表現するのは難しい · ryym.log
• JavaScript における Date のタイムゾーンの挙動と対策

JavaScript の Date の扱いが面倒という話。

個人的には

結局中身は UTC の unixtime ですよと言われれば、あーなるほどという感じ

かなと思うんだけど、一方で以下の部分がつらいなと思った。

wtnabe

環境

• MacBook Pro 16" ( Intel Core i9 )
• macOS Ventura 13.4.1 ( Darwin Kernel Version 22.5.0 )
• Homebrew 4.1.3
• Apple clang version 14.0.3 (clang-1403.0.22.14.1)
• rbenv 1.2.0
• ruby-build 20230717
• ruby-install 0.9.0
• llvm 15 && 16

wtnabe

#! /bin/sh                                                                                                

SRC=$1
DEST=`basename ${SRC} .svg`.png

resvg --dpi 350 --zoom 2 --background '#ffffff' $SRC $DEST