PIP Tools - PIPで浮かぶツールたち！ブラウザをマルチタスクの楽園に！
(pip-tools.com)紹介します！
ブラウザのPicture-in-Picture機能を活用して作ったツール集を紹介します。
なぜ作ったのですか？
色選択ツールをたまに使うのですが、わざわざ別のアプリをインストールしたくはありませんでした。Webで提供されている色選択ツールは、ブラウザウィンドウ（またはタブ）を移動させなければならない場合があり、不便でした。
どんな機能がありますか？
時計: 現在時刻の表示
タイマー: カウントダウンタイマー
色選択ツール: カラーコードの抽出とコピー
画像リサイズ: 画像サイズの調整
翻訳機: 多言語翻訳（Chrome翻訳APIを活用）
メモ: シンプルなテキストメモ
ルーレット: ランダム選択ゲーム
今後はどんな機能を追加する予定ですか？
電卓、単位変換ツール、スクリプター、画像ウォーターマークなどを計画しています。
そのほかにも必要なツールがあれば、左下のcontactからご意見をください。積極的に反映していきます。
技術スタック
Next.js
React
TypeScript
react-document-pip
13件のコメント
おお〜！ いいアイデアですね。
とりあえずブラウザからアクセスする必要があるんですね。常時表示しておけるといいなとも思います。今のままでも十分すばらしいです。私はタイマーとカラーピッカーがとても気に入っています。^^
ありがとうございます。私もいちばん愛着があるツールはカラーピッカーです！
Firefoxを使っていますが、PIPがサポートされていないというメッセージが表示されますね。YouTubeを見るときはPIP機能を便利に使っていたのですが
画像や動画のPIPとは異なり、
Document Picture-in-PictureというブラウザAPIを使っています。まだ実験的な機能なので、一部のブラウザでは動作しません
https://caniuse.com/mdn-api_documentpictureinpicture で対応ブラウザを確認できます！
わあ、これはすごいですね
ありがとうございます！
おお、すごい;;; pipって動画を見るだけのものじゃなくて、いろいろなインタラクションができるなんて初めて知りました！
まだ実験的な機能なので、まだあまり知られていないようです！
https://developer.mozilla.org/en-US/docs/…
メモもいいですね！ありがとうございます
ありがとうございます！
さらに必要なツールがあれば、ご意見をお寄せください！
わあ、いいアイデアですね！
ありがとうございます〜！