タグ mizdra
人気順 10 users 50 users 100 users 500 users 1000 userszsh + fzf で「あの時作業していたあのブランチ」を快適に探す - mizdra's blog
今まで id:mizdra はターミナルで Git ブランチを切り替えるときに、zsh + peco を使った Git ブランチ検索用のキーバインドを使用していた。 # .zshrc function select-git-branch() { selected_branch=$(git branch | cut -c 3- | peco) BUFFER="${LBUFFER}${selected_branch}${RBUFFER}" CURSOR=$#LBUFFER+$#selected... 続きを読む
iframe を使って安全にブラウザ拡張機能を実装する - mizdra
DOMDOM トークス #1 mizdra (みずどら) です 株式会社はてな フロントエンドエキスパートやってます DOM をとりまく ブラウザのセキュリティ の話 DOM 成分ほとんど無いです 「iframe」がちょっと登場するくらい すみません... 皆さんご存知 ツールバーに機能を足したり Webページをカスタマイズしたり Webページにスク... 続きを読む
Twitter に投稿したツイートを Mastodon に転送するようにした - mizdra's blog
去年の 11 月から続く一連の騒動を受けて、id:mizdra のフォロワーの中でも Twitter から Fediverse に移行してきている人が増えてきた。僕自身は移行するつもりはないけれど、移行したフォロワーが僕のツイートを Fediverse から見れるように、ツイートを Mastodon へと転送するようにしてみた。せっかくなので、そのや... 続きを読む
はてなのポッドキャスト Backyard Hatena #11 - id:mizdraに聞くはてなのWebフロントエンド事情を配信中です #byhatena - Hatena Developer Blog
こんにちは、CTO の id:motemen です。 はてなのエンジニア組織である技術グループでやっているポッドキャスト「Backyard Hatena」を更新しました。「Backyard Hatena」は、株式会社はてなのメンバーの普段の様子や、サービス開発の裏側や技術、取り組みなどについて、CTO の id:motemen を中心としたメンバーがカジュア... 続きを読む
chrome devtools の tips N連発 - mizdra
mizdra.icon が社内向けに発表した資料なのですが、折角なので一般向けに書き直して公開します。 hr.icon はじめに 最近社内でフロントエンド会なるチーム内チームを結成して活動しているmizdra.icon Webフロントエンドの秩序を維持する体制を作る - Speaker Deck 本日はそこで培った知見を共有します 今回のテーマ: chr... 続きを読む
Webフロントエンドの秩序を維持する体制を作る - Speaker Deck
Transcript Webフロントエンドの 秩序を維持する体制を作る Hatena Engineer Seminar #15 2020/12/23 自己紹介 • id:mizdra • はてな2020新卒 • マンガメディア開発チーム • コードを書くのが趣味 ◦ Webフロントエンド GigaViewer • 社内で開発しているマンガビューワ ◦ ブラウザで漫画を読むための機能を提供... 続きを読む
React 副作用分割パターン - mizdra
#react #React_Hooks React Hooks自体の解説記事はいくつかあるけど, Hooksの登場によってReactがどう変わったのかについて書かれている記事が無かったので書いた 継承, Mixin, HOC, render props, Hooksの登場によって, Reactの副作用分割パターンがどう変遷していったのか分かるようにすることがこの記事の目的 Counte... 続きを読む
080000
はじめに 大学3回生の id:mizdra です. 普段はJavaScriptを触っていて, Webアプリケーションを作って遊んでいます. 8月から9月にかけて約1ヶ月間, はてなサマーインターン2018に参加してきました. この記事はその体験記となります. developer.hatenastaff.com 応募 僕は普段からはてなブログやはてなブックマークを利用... 続きを読む