メンバーシップ

いえもん

戦国系フロントエンドエンジニア。ハッカーでありファミリーでもあるアイドルオタク。グミが好き。noteって会社で働いているよ。日々、煩悩を生産してます。Leica M262, Leica Q3, Leitz minolta CLで写真を撮ります。逗子市在住。

いえもん

戦国系フロントエンドエンジニア。ハッカーでありファミリーでもあるアイドルオタク。グミが好き。noteって会社で働いているよ。日々、煩悩を生産してます。Leica M262, Leica Q3, Leitz minolta CLで写真を撮ります。逗子市在住。

メンバーシップに加入する

煩悩の数だけつくったものを紹介するマガジンに掲載するアイデア(煩悩)を考えたり、製作の途中経過を掲載したり、できたプロトタイプを発表したりするアウトプットの保管庫です。

  • 60Hzプラン

  • noteエンジニアチーム 公式マガジン

    • 402本

    noteエンジニアの技術記事をまとめたマガジン。さらに技術記事を読みたい方はこちら→ https://engineerteam.note.jp/

  • 有料記事

    買わないでね

  • 煩悩の数だけつくったものを紹介するマガジン

    これまでに自分が趣味で作ったものを煩悩の数だけ紹介していきます。全て終わる頃には悟りを開いてるはず！あと99個

  • www.youtube.com

Canvasでクロマキー合成してみる

いえもん

ChromeでPicture in Pictureやってみる

いえもん

Canvasでクロマキー合成してみる

リモートワークの時にグリーンバック後ろに敷いていたけど、部屋の模様替えで背後に壁が無くなりクローゼットにしまうことになった。 それの供養兼Canvasのリハビリとして、クロマキー合成してみた。 getImageDataで画像取得する時にはcrossOrigin属性付けないといけないのは昔からなんだっけ？ ■ DEMO

いえもん

ChromeでPicture in Pictureやってみる

iOS14でSafariでもPicture in Picture(PinP)が可能になるらしいので、触ってみた。 やってることは簡単で、video要素にあるrequestPictureInPictureを実行するだけ。なので、MeidaStreamを渡せば、Webカメラだったり、CanvasだったりをPinPできる。 ■ DEMO ■ Ref

いえもん