iOS Safari の <select> 要素は密かに変わっているのをご存知ですか - マンガ〜ノ伊藤ノ〜ト
私事ですが先日引っ越した． それはよくて，引っ越しすると住所変更が面倒で 外部キーでマスターからカスケードですべて変わってくれないかと思う． それもよくて，大事な書類が届かないと大変だと 銀行口座やクレジットカードの住所変更をしていた． 起 生活に必要なものを大抵スマホのアプリで入れている． クレジットカードアプリも生体認証でログインできたりして， いまや 2段階認証なりが必要な PC よりも楽な気がする． (なんか本末転倒でダメなことをしているような気もする) なので，住所変更もキーボードのほうがやりやすいのは脳裏によぎりつつも 簡単な操作はスマホアプリからやっている． 前置きが長いけど，問題はドロップダウンで住所を選ぶ箇所で， iOS だと選択のドラムがグルグル回るやつが 住所が長いと途切れるということに気づいた: 住所の文字数が多いと選択が厳しい世の中になっていることに気づいた。 p
リモートワークをふりかえる - マンガ〜ノ伊藤ノ〜ト
リモートワークを開始して 2 ヶ月くらい経ってるので，これまでの生活を振り返っておこうと思った．緊急事態が解除されるところもあるので． 個人の感想です． 所感 一言でいうと気に入っているのだった． 1. 通勤しなくてすむ 筆舌に尽くしがたいほど素晴らしい．東京で通勤なんてホントにしたくないことなのだ (ハム太郎) 通勤中に本を読む時間がなくなるというのは，電車より歩く時間のほうが長かったので活用はできていなかった．そうなるとリモートワークでは浮いた時間で本が読めて，家事もでき，よく眠れる． 心理的なところも大きい．やはり時間を気にしつつ人々の間をくぐり抜けていくのが無意識下で疲れる．なぜかよく通勤・通学のルートが嫌いになって，定期的に別の道をわざわざ探したりする謎の行動に出たりしていた． 仕事前に通勤という大エネルギー消費イベントがあるので，仕事に入るまでに必要なエネルギーが大きくなってい
CSS を JS で拡張したいという思いとアイデアと現状 - マンガ〜ノ伊藤ノ〜ト
CSS を JavaScript で拡張できないかと思っていた．デザイナーは簡単に表現できることが増えるし，エンジニアは保守性が上がってよさそうだな，ということを考えていた． ところで こういう提案はすでにあって，ブラウザの API 経由で CSS を拡張できる experimental な実装があるようだ．CSS Houdini と呼ばれている．各ブラウザの実装状況は Is Houdini Ready Yet? というサイトで確認できる: ishoudinireadyyet.com ちなみに Houdini は フーディニ と発音するようで，どういう意味か調べたら An escape artist という意味らしい．引田天功みたいな人ってことかな．信憑性が疑わしい． CSS Houdini CSS Houdini がどういう使い方ができるか調べてみたら，Chrome が先行していろいろ実
あなたの window.open はなぜ開かないのか，Chrome で - マンガ〜ノ伊藤ノ〜ト
先日 window.open をしようとしたらポップアップブロッカーに阻まれて open することができなかった． Blocked まあ，これならよくあることなのだが，いかんせん自分の記憶では onClick のようなユーザーのアクション内で開かれた window.open は阻まれないことになってると思っていた．だからそのときも onClick のイベントハンドラ内で window.open したから大丈夫だろう，と思っていたら，見事にブロックされてしまったのでなぜだろう，となっていた． 検証 なので，検証するために 3 つのケースを用意してみた: 検証ページを用意したのであなたの環境でも試してみてね♥ 今回試すブラウザは Google Chrome を前提にしてます ケース1 const immediate = () => { window.open('https://www.goog
ブラウザでカーテンをバックに石畳と木組みの街に行ってみませんか - マンガ〜ノ伊藤ノ〜ト
週末，ブラウザ上でバーチャル背景合成できるものを作った． mangano-ito.github.io github.com これで任意のビデオ通話ソフトウェアで合成ができるようになった．よくつかうのは Google Meet なのだけれど，画面取り込みすれば簡易的にバーチャル背景機能を使えるかもしれないし，使えないかも知れない． 活用 よくこういう背景合成に「グリーンバック」とかいう緑一色(リューイーソーではない)の布を背景にしてくり抜くのが行われている．一昔前はブルーバックだった気がする．なぜ変わったのかは知らない． 幸いにして自分の家のカーテンが緑色だったのでこれで代用することにした．そうしたら思いの外うまくいった． 配布されているバーチャル背景をつかうことで，あの石畳と木組みの街にも行ける: 【バーチャル背景プレゼント①♪】 テレビ電話等で使用可能なごちうさのラビットハウスや甘兎庵、
Contoso から Microsoft に思いを馳せる - マンガ〜ノ伊藤ノ〜ト
先日 VSCode 拡張を作って Marketplace に公開したとき，Microsoft 公式のガイド読んでいた． code.visualstudio.com 公開するためには Azure DevOps というサービスでアカウントを作って organization を作る必要があるらしいので，結局のところそっちのガイドを読むことになった． 文字が多すぎてすべて読める気がしないので，重要そうな部分だけガイドをななめ読みしていたらこのセクションにぶちあたった: docs.microsoft.com ここに CONTOSO という企業の例が図で出てくるのだけれど，久々にこの Microsoft ワード (ワープロソフトではない) をひさびさに見てなんだか嬉しい気分になった． CONTOSO Contoso についてはこの Wikipedia のページが詳しい: ja.wikipedia.or
Perl のリモートデバッグ体験の模索 - マンガ〜ノ伊藤ノ〜ト
最近，Perl の開発してるときに DDP とかでダンプするのが億劫になってきたのと， 動かしつつデバッガーでブレークポイント置くみたいな体験できないかな，という気持ちが高まってきたので， そういうことができないか，というのを模索してみることにした． 前提 目下使っているエディタは VSCode である． これのデバッガー機能が使えればナイスな感じがしてくる． 環境は Docker で構築されている．Plack で動いている．Plack は正直わかってない． ただ，調べてもあまり Perl + VSCode のリモートデバッグでやったぜみたいなものはあまり出てこない． 素直に Perl Debug 素直に Perl Debug という拡張を使ってみることにした 1. Perl Debug のインストール marketplace.visualstudio.com 2. Devel::vsco
:nth-child と :nth-of-type から DOM について思いを馳せた - マンガ〜ノ伊藤ノ〜ト
最近まで :nth-child と :nth-of-type の違いについて知らなかった． というか，:nth-of-type はどこかで見たことある〜程度で使ったことがなかった． 知らなくても CSS なんとなく大丈夫でしょ！ みたいな気分で生きてきた． だけど この間，動的に追加されたスタイルの :nth-child が自分の想像した感じで要素にあたってなくて， なぜだろうってなったので調査する必要が出てきたところから， 昔読んだ DOM についての記事につながりだした． 表があったとして: <table class="container"> <tr id="some-tr"> <th>A</th> <td>B</td> <td>C</td> <td>D</td> <th> <table> <tr> <td>E</td> </tr> </table> </th> </tr> </tab
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社はてなに入社しました - マンガ〜ノ伊藤ノ〜ト
定時にチャイムをならす - マンガ〜ノ伊藤ノ〜ト