物体検出ライブラリの紹介と所感 - arutema47's blog
記事について 画像はDetectron2より 物体検出をほとんど使っていない方を対象として、2021年末の物体検出ライブラリを俯瞰することが本記事の目的。 ある程度物体検出の経験ある方は学ぶことは少ないと思う。またあくまで書いてあるのは筆者の感想であるので人によっては全く違う意見になることもあるかと。また本記事ではモデルの技術的な説明はありません。それらについて理解を深める際は参考ページや元論文を当ってみると良いかと思います。 また大変遅くなりましたが、本記事はKaggleアドベントカレンダー（裏）の24日目でもあります（年明けちゃってすみません）。 qiita.com 記事について 紹介するライブラリ一覧 所感 アンサンブルについて 精度vs速度トレードオフ ライブラリ紹介 yolov5 学習について 推論について Yolox 学習について Efficientdet 学習コード torc
ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作を可能にする万能JavaScriptライブラリ -Moveable
ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作できるようにするJavaScriptライブラリを紹介します。 単体で利用でき、React, Preact, Angular, Vueにも対応しています。 Moveable -GitHub Moveableの特徴 Moveableのデモ Moveableの使い方 Moveableの特徴 Moveableはページ上のあらゆる要素をドラッグ・リサイズ・スケール変更などを可能にするTypeScriptで実装されたライブラリです。MITライセンスで、商用のプロジェクトでも無料で利用できます。 Draggable ターゲットをドラッグおよび移動する機能 Resizable ターゲットの幅と高さを増減する機能 Scalable ターゲットのx軸・y軸のスケールを増減する機能 Rotatable ターゲットを回転さ
【Python】画像データ拡張ライブラリAlbumentationsを使ってみる - 旅行好きなソフトエンジニアの備忘録
PyTorch版のYOLO v3を作っている人がいたので試してみようと思っています。 github.com ただ、Trainにデータ拡張が入っていないのでデータ拡張ロジックを追加したいと思ったところ、 Albumentationsというライブラリを見つけました。 github.com 物体検出やセグメンテーションにも利用可能そうなので早速試してみました。 使い方は以下を実施すれば良さげです。 Composeを作って、Composeの中に実施したいデータ拡張を記述 Composeに画像、ラベル、クラスIDを含むディクショナリを投入 以下はComposeを作るコードになります。 from albumentations import Compose from albumentations.augmentations.transforms import Resize, HorizontalFlip
Mediumライクなlightboxを実装出来るスクリプト・「MediumLightbox」
MediumLightboxはMediumで導入されている画像をズーム表示するlightboxと同じような動作を実装出来るスクリプトです。非依存型で、単体で動作してくれます。クリックでその場に即拡大表示、他コンテンツはフェードアウトという感じです。悪くないんですけど、Mediumのlightboxって縦長の画像は場合によっては逆に小さくなって見にくくなるのでその辺解消できると良いですね。 MediumLightbox動作サンプル
画像をぼやかせられる軽量JS「blurify」:phpspot開発日誌
GitHub - JustClear/blurify: blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode. 画像をぼやかせられる軽量JS「blurify」 ブラーの程度やcssモード、canvasモードの切替等が使えて便利そうです。 モザイク的な利用から昨今では一眼レフで撮影したような効果を作るためにブラーを使うケースも多いため使えそうです 関連エントリ JSベースの2D物理エンジン「p2.js」 シンプルな3D物理エンジンライブラリ「cannon.js」 Vue.jsベースの美しい3Dカルーセル実装
JavaScriptで画像処理するなら「Jimp」が便利 | 綺麗に死ぬITエンジニア
現在JavaScriptは、ブラウザで使用されるのはもちろんのこと、サーバーサイドでWebサーバーとして動作したり、はたまた開発者のPCで各種開発ツールとして動作したりしており、様々な場面で利用されています。 そこで今回は、そのどちらでも使える、Node.jsとブラウザJavaScriptの両方に対応した画像処理ライブラリ「Jimp」を紹介したいと思います。 「Jimp」とはJimpは、外部またはネイティブの依存関係が全くない、完全にJavaScriptで記述されたNode.js用の画像処理ライブラリです。ライセンスはMITライセンスで、オープンソースで開発されています。 以下のnpmコマンドでインストールできます。 var Jimp = require("jimp"); // "lenna.png"を開く Jimp.read("lenna.png", function (err, len
Web上に表示された画像をそのまま編集できるJSライブラリ「DarkroomJS」を使ってみた！ : うえぶはっく
画像編集系のJavaScriptライブラリはいくつか存在しますが、その中でも非常にシンプルで扱いやすく、直感的な操作が人気の「DarkroomJS」をご紹介しようと思います！ 任意の「imgタグ」を指定することで、専用の「画像編集ツールバー」が表示されるので、そのままWeb上で加工をすることが出来るようになります。 必要なファイルを揃えよう！ 「DarkroomJS」は、Canvas APIを効率よく扱える「fabric.js」をベースに開発されていることを踏まえて、事前に必要なファイルは以下の3つになります。 darkroom.css darkroom.js fabric.js これらのファイルは、GitHubからダウンロードして使うか、公式サイトのリンクを利用すると簡単です。 【darkroom.css】 http://mattketmo.github.io/darkroomjs/bu
[JS]レスポンシブ用の複数サイズの画像をHTMLの記述で簡単に配置できる超軽量スクリプト -lazySizes
スクリプトは外部ファイルを記述するだけ、レスポンシブ用画像の配置や設定はHTMLベースで記述できるスクリプトを紹介します。 超軽量（5.8KB）で、jQueryなど他のスクリプトは不要です。
![[JS]レスポンシブ用の複数サイズの画像をHTMLの記述で簡単に配置できる超軽量スクリプト -lazySizes](https://cdn-ak-scissors.b.st-hatena.com/image/square/135514efb4694efbd56028728da237fc700e16b1/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016022202.png)
CSSGram - スタイルシートを使ったInstagram風フィルタ
Instagramは相変わらず高い人気で、10代を中心に多くのユーザが日々写真をアップロードしています。そんなInstagramの売りと言えば、写真に対する格好良いフィルタではないでしょうか。 CSSGramはそんなInstagram風のフィルタをWeb上で再現してくれるライブラリになります。CSSレベルとあって、自由に変更も可能なのでWeb上で写真を効果的に見せるのに使えそうです。 CSSGramの使い方 CSSGramで使えるフィルタです。 青系、赤系なども格好良いです。 1977も良いですね。 CSSGramを使えば同じ写真であっても全く違う印象を与えるのではないでしょうか。また、Instagram風のWebサイトを作った際にもその写真の加工法として指定できると効果的ですね。 CSSGramはCSS3製のオープンソース・ソフトウェア（MIT License）です。 CSSGram u
HTML5/Javascriptの画像処理ライブラリまとめ
HTML5(Canvus)、Javascript向けの画像処理ライブラリについてまとめたので紹介します。 続きを読む
リッチなHTML5ベースの画像編集エディタがサイト内に実装できる「Pixie」:phpspot開発日誌
JavaScript - Pixie - Image Editor | CodeCanyon リッチなHTML5ベースの画像編集エディタがサイト内に実装できる「Pixie」 画像URLを指定したりUPすることで基本的な画像編集機能が可能となります 有償＄２５ということですが、これだけ洗練されたエディタを１から開発するとなると相当な工数がかかりそうですから、１から開発するよりも検討してみるというのもよさそうです。 関連エントリ インライン編集できるテーブル実装用jQueryプラグイン「editable-table」 テーブル内容の編集がその場で出来て便利になる「jQuery-Tabledit」 画像アップロード時にクライアント側で編集が可能になる「picEdit」 Markdown形式をリアルタイムプレビューしつつ編集可能にするjQueryプラグイン「Meltdown」 Photoshopば
GLITCHATRON·丸や三角の加工もできるグリッチ画像ジェネレータ MOONGIFT
スマートフォンやデジカメの機能がどんどん上がるのに伴って、正確な写真を撮影する技術はどんどん向上しています。そんな中、逆に人気を集めているのが写真データを壊したような効果をもたらすグリッチ写真です。 GLITCHATRONはそんなグリッチ写真を生成するサービスです。単に壊すだけではなく、色々な効果を追加することもできます。 GLITCHATRONの使い方 こちらは一例です。元の写真がほとんど分かりませんね。 こちらもハイレベル。 エクストリームにするともはや何がなにやら。 文字を追加したり、画像を切り抜くこともできます。 三角形。 グリッチ画像は元の画像をあえて壊すところに面白さがあります。リアルとデジタルの融合とも言えるかも知れません。デジタルアート、プロジェクトのリソースとして使ってみると面白そうです。 GLITCHATRONはJavaScript製のソフトウェア（ソースコードは公開さ
Filtrr2.js·クライアントサイドで画像加工を行うJavaScriptライブラリ MOONGIFT
写真は撮影したそのままでなく、加工すると印象が変わるものです。セピアやグレースケールなどはよく使われるところで、コントラストや明るさを変更しても様変わりするでしょう。 そういった加工をローカルで行ってもいいですが、オリジナルを常に残しておかないといけません。それが面倒という方はFiltrr2.jsを使ってみましょう。 Filtrr2.jsの使い方 こちらが元の写真です。 Webサイト上で表示するとこんな感じに編集されています。 JavaScriptは次のように処理を行います。 Filtrr2("#my-img", function() { this.brighten(40) .saturate(50) .render(); }); 数字で強さを指定します。画像はCanvasで描かれますので、何度でも自由に再編集ができるようになっています。クライアントサイドで行いますのでサーバ負荷もなく、保
[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images
サムネイル真ん中の風景写真は縦長 Intense Imagesの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ※jQueryなど他のスクリプトは必要ありません。 <head> ... <script src='../intense.js'></script> </head> Step 2: HTML 画像は2種類の配置方法があります。 img要素はサムネイルと拡大時の画像を兼用し、data-image属性は拡大時に高解像度の画像を利用することができます。 <img src="./img/awesome-source.jpg" /> <!-- OR --> <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageを使用する時は、サムネイルはCSSで背景画像として指定
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gandul - 簡単に画像の遅延読み込みを実現
日本麻酔科学会関西地方会 Yoshifumi Tanaka
Python - 基本的な画像処理(gaussian filter(ぼかし), アンシャープマスク処理、鮮鋭化) | Kamimura's blog
una.im | Introducing CSSgram: A CSS Library for Instagram Filters
Python Imaging Library - MyMemoWikiOld