タグ

ブックマーク / mangano-ito.hatenablog.com (4)

  • YAPC::Japan::Online 2022 参加記 (#yapcjapan) - マンガ〜ノ伊藤ノ〜ト

    YAPC::Japan::Online 2022 に登壇したりしていました. 僕の資料はともかく, YAPC::Japan 運営ブログにすべてのトーク/LT の資料や感想ブログなどがまとまっているので, 今すぐ確認しましょう: blog.yapcjapan.org 今回の YAPC のイメージをイラストにしました YAPC に参加するハンサムでギークなラクダのイラスト 📅 登壇日のタイムライン オンライン登壇ってどういう感じなのだろう,と思っていましたが, こういう感じでした: 11:00 のっそりと起きて散歩したりなどしていた. 11:30 あ〜いい天気〜外出日和〜など思っていた. 12:00 お昼ごはんをべていた. 13:00 そろそろ参ろうかということで会場 (Discord) に集まっていた 13:30 番 10 分前なので待機していた 13:40 番が始まった 14:20

    YAPC::Japan::Online 2022 参加記 (#yapcjapan) - マンガ〜ノ伊藤ノ〜ト
    onk
    onk 2022/03/14
  • iOS Safari の <select> 要素は密かに変わっているのをご存知ですか - マンガ〜ノ伊藤ノ〜ト

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

    iOS Safari の <select> 要素は密かに変わっているのをご存知ですか - マンガ〜ノ伊藤ノ〜ト
    onk
    onk 2021/12/02
  • ローカルでホットリロードできる便利なブログテーマ開発環境づくり - マンガ〜ノ伊藤ノ〜ト

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

    ローカルでホットリロードできる便利なブログテーマ開発環境づくり - マンガ〜ノ伊藤ノ〜ト
    onk
    onk 2021/06/04
  • あなたの window.open はなぜ開かないのか,Chrome で - マンガ〜ノ伊藤ノ〜ト

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

    あなたの window.open はなぜ開かないのか,Chrome で - マンガ〜ノ伊藤ノ〜ト
    onk
    onk 2020/04/30
    操作しながら待ってたら開くのと、テストコードの話がめちゃくちゃ面白かった
  • 1