気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
zenn.dev/popoponエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント3件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
GitHubの画像diffはどのように実装されているのか
GitHubの画像diffって便利だし何だか面白いですよね。 ところで、このSwipe Diff機能がどのように実現さ... GitHubの画像diffって便利だし何だか面白いですよね。 ところで、このSwipe Diff機能がどのように実現されているか、皆様はパッとわかるでしょうか？ ・ ・ ・ 私は20秒ほど考えてわからなかったので、DevToolsから仕組みを調べてみました。 実装方法 わかってしまえば非常にシンプルで、 2枚の画像を重ねる 上層の画像のWrapper幅を、スライダーの位置と連動させる という発想でできていました。 上層のWrapper幅が小さくなると、下に隠されていた画像が覗いて、あたかも連続的に変化しているように見えるという寸法ですね。 実装 Reactで簡易的に実装したコードです。マウスホバー／スワイプで境界を動かせます。 （スマホからだとスワイプが少し難しいためPCで開いたほうがわかりやすいです） 要点のみ解説すると、 onPointerMoveイベントでポインタのX座標を取得し、上
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
zenn.dev/popopon
www.nhk.or.jp
www.tokyo-sports.co.jp
togetter.com
togetter.com
pc.watch.impress.co.jp
hatenanews.com
forest.watch.impress.co.jp
techblog.zozo.com
speakerdeck.com/chimame
www.itmedia.co.jp
gigazine.net
forest.watch.impress.co.jp
news.yahoo.co.jp
www.newsweekjapan.jp
2023/05/05 リンク