はてなブックマーク

私事ですが先日引っ越した． それはよくて，引っ越しすると住所変更が面倒で 外部キーでマスターからカスケードですべて変わってくれないかと思う． それもよくて，大事な書類が届かないと大変だと 銀行口座やクレジットカードの住所変更をしていた． 起 生活に必要なものを大抵スマホのアプリで入れている． クレジットカードアプリも生体認証でログインできたりして， いまや 2段階認証なりが必要な PC よりも楽な気がする． (なんか本末転倒でダメなことをしているような気もする) なので，住所変更もキーボードのほうがやりやすいのは脳裏によぎりつつも 簡単な操作はスマホアプリからやっている． 前置きが長いけど，問題はドロップダウンで住所を選ぶ箇所で， iOS だと選択のドラムがグルグル回るやつが 住所が長いと途切れるということに気づいた: 住所の文字数が多いと選択が厳しい世の中になっていることに気づいた。 p

ブログのテーマを変えたいなと思っていてずっと変えてなかった． はてなブログ Pro にするとトッフページが全文から一覧表示にできたりと ナイスな機能があって最近切り替えたものの， デザインをあててなくて崩壊させたままにしていた． なので，この機会にデザインをつくりなおそうということで， リポジトリで管理するようにしたり 自分ごのみのローカル開発環境をつくったりしていた． こういうかんじ こんな感じで Hot Module Replacement ですぐ変わってくれるようにした． 複数のブラウザですぐ確認できて楽しくなる: 複数ブラウザで確認 ページ遷移しても維持されてうれしい: 維持されている 最初: 素朴プラン CSS をそのまま書くのはナウくないな〜ということで 適当な CSS プリプロセッサを入れたりする環境をつくることにした． 最初はいつものように Sass を入れて webpac

CSS を JavaScript で拡張できないかと思っていた．デザイナーは簡単に表現できることが増えるし，エンジニアは保守性が上がってよさそうだな，ということを考えていた． ところで こういう提案はすでにあって，ブラウザの API 経由で CSS を拡張できる experimental な実装があるようだ．CSS Houdini と呼ばれている．各ブラウザの実装状況は Is Houdini Ready Yet? というサイトで確認できる: ishoudinireadyyet.com ちなみに Houdini は フーディニ と発音するようで，どういう意味か調べたら An escape artist という意味らしい．引田天功みたいな人ってことかな．信憑性が疑わしい． CSS Houdini CSS Houdini がどういう使い方ができるか調べてみたら，Chrome が先行していろいろ実

先日 window.open をしようとしたらポップアップブロッカーに阻まれて open することができなかった． Blocked まあ，これならよくあることなのだが，いかんせん自分の記憶では onClick のようなユーザーのアクション内で開かれた window.open は阻まれないことになってると思っていた．だからそのときも onClick のイベントハンドラ内で window.open したから大丈夫だろう，と思っていたら，見事にブロックされてしまったのでなぜだろう，となっていた． 検証 なので，検証するために 3 つのケースを用意してみた: 検証ページを用意したのであなたの環境でも試してみてね♥ 今回試すブラウザは Google Chrome を前提にしてます ケース1 const immediate = () => { window.open('https://www.goog

git で switch <branch> したときに VSCode のタブ状態がブランチごとに保存/復元できたら，切替時に楽だな〜と思った．のでそういう拡張機能を作ろうと思った． たとえば feature-add-user ブランチでは: User.pm, User.t, UserRepository.pm feature-add-work ブランチでは: Work.pm, Work.t, WorkRepository.pm を開いて作業するのが心地よい，とかザラにあると思われる． そんなときに毎回切替時に全タブ閉じて，必要なファイルを Cmd+P で開いてとか面倒の極みだな，と思っていた．開きっぱだとごちゃごちゃしてきて精神衛生上よくない． git でファイルの状態は変わるのなら，タブの状態も変わっていいだろうと思った． 結果 できあがった拡張機能がこちら: marketplace.v

最近，Perl の開発してるときに DDP とかでダンプするのが億劫になってきたのと， 動かしつつデバッガーでブレークポイント置くみたいな体験できないかな，という気持ちが高まってきたので， そういうことができないか，というのを模索してみることにした． 前提 目下使っているエディタは VSCode である． これのデバッガー機能が使えればナイスな感じがしてくる． 環境は Docker で構築されている．Plack で動いている．Plack は正直わかってない． ただ，調べてもあまり Perl + VSCode のリモートデバッグでやったぜみたいなものはあまり出てこない． 素直に Perl Debug 素直に Perl Debug という拡張を使ってみることにした 1. Perl Debug のインストール marketplace.visualstudio.com 2. Devel::vsco