並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 58件

新着順 人気順

リサイズの検索結果1 - 40 件 / 58件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

 58   javascript  Mac    JavaScript -Moveable  
  • ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作を可能にする万能JavaScriptライブラリ -Moveable

    ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作できるようにするJavaScriptライブラリを紹介します。 単体で利用でき、React, Preact, Angular, Vueにも対応しています。 Moveable -GitHub Moveableの特徴 Moveableのデモ Moveableの使い方 Moveableの特徴 Moveableはページ上のあらゆる要素をドラッグ・リサイズ・スケール変更などを可能にするTypeScriptで実装されたライブラリです。MITライセンスで、商用のプロジェクトでも無料で利用できます。 Draggable ターゲットをドラッグおよび移動する機能 Resizable ターゲットの幅と高さを増減する機能 Scalable ターゲットのx軸・y軸のスケールを増減する機能 Rotatable ターゲットを回転さ

      ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作を可能にする万能JavaScriptライブラリ -Moveable
    • WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話 - Qiita

      WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話JavaScriptRustOpenCVTypeScriptWebAssembly WebAssembly(WASM) は JavaScript より計算処理が速いという話題がしばしば聞かれます。 では、単純な数値計算ではないけれど、JavaScript を利用した通常のフロントエンド開発だと時間がかかる処理を移植するとどうなるのでしょうか1。本記事ではその一例として、巨大画像(4K~)を指定したピクセル数までリサイズする処理を書いてみました。 リポジトリ: https://github.com/yokra9/wasm-image-resizer JavaScript + Canvas API でリサイズしてみる まず、比較のため JavaScript でリサイズ処理を

        WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話 - Qiita
      • 画像サイズを一括変更できる最新V5系リサイズ超簡単Proの使い方 - はるなぴログ

        進化を遂げた2019年最新版のV5系リサイズ超簡単Proのインストール方法と使い方を説明します。最新版はダウンロードサイトがVectorから変更になりました。 リサイズ超簡単Proは画像サイズを一括変更できる無料ソフトです。 Windows10、8、7、Vistaで使うことができます。 一括変更だけでなくファイル名に末尾文字を付加したり、容量を圧縮するために画像品質を調整したりと「多彩な設定が超簡単にできる」お勧めのソフトウェアです。 リサイズ超簡単Proとは V5系リサイズ超簡単Proの機能 リサイズ超簡単Proのインストール方法 Vectorからのメジャーバージョンのインストール マイナーバージョンは別サイトからダウンロードしてインストール インストール実行手順 リサイズ超簡単Proの使い方 フリーの画像素材サイトから材料を仕入れる 変換元ファイルの指定 保存先の設定 一括変換後の画像

          画像サイズを一括変更できる最新V5系リサイズ超簡単Proの使い方 - はるなぴログ
        • デレステのウィンドウをリサイズして疑似フルスクリーンにしたりするやつを作った【StarlightResize】 - rinsuki’s blog


          DMM 1920x1080 Win32 API 使 Win32 API DMM() booth.pm MV便 StarlightResize github.com DISCLAIMER:  MIT License 
            デレステのウィンドウをリサイズして疑似フルスクリーンにしたりするやつを作った【StarlightResize】 - rinsuki’s blog
          • 「PowerToys」にMarkdown/SVGプレビューと画像リサイズ、検索ベースのタスク切り替えが追加/今年9月のv1.0リリースを目指してプレビューテスト中

              「PowerToys」にMarkdown/SVGプレビューと画像リサイズ、検索ベースのタスク切り替えが追加/今年9月のv1.0リリースを目指してプレビューテスト中
            • 高位合成でFPGA開発!最短 1日で映像リサイズ機能を実装する - aptpod Tech Blog

              aptpodでは複数のカメラをフレーム単位で同期させて映像を取得できるカメラデバイスの開発を行なっています。前日の記事では、このカメラデバイスのエンコードを担当するSoCの話でしたが、aptpod Advent Calendar 2019 13日目の今回は映像のフロントエンドに使用しているFPGAについての話題です。 カメラデバイスを開発する上で、FPGAでイメージセンサから取得した画像データをリサイズする機能を実装する必要が出てきたのですが、RTL設計経験のない私でも流行りの高位合成でサクッと実装できた話をまとめます。 前日に続き塩出が担当します。 話の流れ まずは高位合成の説明 高位合成での実装手順 アルゴリズムのC++ソース記述方法 C++でのテストベンチ記述方法 シミュレーション結果の確認 まとめ 高位合成とは? 高位合成の詳しい話は色々記事が出ておりますので、そちらを参照してくだ

                高位合成でFPGA開発!最短 1日で映像リサイズ機能を実装する - aptpod Tech Blog
              • 【CSS】要素のリサイズを可能にしてみました - Little Strange Software


                LSS  WebCSS     AndroidiPhone or Chrome or Safari JavaScriptiPhone -
                  【CSS】要素のリサイズを可能にしてみました - Little Strange Software
                • 画像ファイルのリサイズを右クリックメニューから手軽に「Image Resizer」【「PowerToys」を使いこなして効率UP! プレビュー版を一足先に体験】

                    画像ファイルのリサイズを右クリックメニューから手軽に「Image Resizer」【「PowerToys」を使いこなして効率UP! プレビュー版を一足先に体験】
                  • フォトショップで写真などの画像を伸縮させずにリサイズする方法

                    この記事では、フォトショップで写真などの画像を伸縮させずにリサイズする方法をご紹介します。 「コンテンツに応じた拡大・縮小」機能を利用することで、思い通りの画像サイズに変更、リサイズすることができます。ここでは、2つの具体的なサンプル例を詳しくみていきます。 1つ目は写真を使った例、もうひとつはグラフィックデザインでのテクニックの活用方法となります。 リサイズする前の元画像がこちら 今回は、こちらの写真を参考に「横長バナーを作成」してみます。 「自由変形」の場合 メインメニューより「編集」>「自由変形」(Command/Ctrl+T)で、足りていない横幅サイズに合わせて、画像を自由変形させようとすると、写真全体が歪んでしまいます。車はもちろん、背景のヤシの木も太くなり、不自然な仕上がりに。 「コンテンツに応じた拡大・縮小」をつかった場合 次はメインメニューより「編集」>「コンテンツに応じた

                      フォトショップで写真などの画像を伸縮させずにリサイズする方法
                    • GASでGoogle ドライブ上にある画像のリサイズを行う。

                      皆さんこんにちは。GMOアドマーケティングのR.Aです。 今回はGoogle ドライブ上にある画像を任意のサイズにリサイズ・トリミングするものを紹介したいと思います。 先日社内にて画像のリサイズを行っているが、量が多く工数がかかるため自動化したいという相談があり、作成いたしました。 現在は、特定のディレクトリにある画像を全て複数サイズにリサイズ・トリミングし、スプレッドシートに保存するGoogle Apps Script(GAS)を活用しております。 今回のリサイズ・トリミングはGAS上で実装したいと思うのですが、GAS単体では画像を修正する事ができないので、ImgAppというライブラリを使用します。 ライブラリの導入 まず加工に必要なImgAppをGASにインストールを行います。ライブラリは以下になります。 https://github.com/tanaikech/ImgApp ライブラ

                        GASでGoogle ドライブ上にある画像のリサイズを行う。
                      • WebPやHEICを含む画像ファイルの変換や圧縮、リサイズのバッチ処理が可能なMac用イメージコンバーター「Image Tool+」がリリース。

                        WebPやHEICを含む画像ファイルの変換や圧縮、リサイズのバッチ処理が可能なMac用イメージコンバーター「Image Tool+」がリリースされています。詳細は以下から。 Appleは2020年秋にリリースするSafari v14やmacOS 11 Big Sur、iOS 14でGoogleが開発した画像フォーマット「WebP」をネイティブサポートしますが、そのWebPを含む画像ファイルの変換や圧縮、リサイズのバッチ処理を行ってくれるMac用イメージコンバーター「Image Tool+」がリリースされています。 Convert, Resize, Optimize and Compress various type of images.Preview result images with compare slider. Image Tool+ – Mac App Store Image T

                          WebPやHEICを含む画像ファイルの変換や圧縮、リサイズのバッチ処理が可能なMac用イメージコンバーター「Image Tool+」がリリース。
                        • macOS 14 SonomaのAVFで追加された仮想マシンの保存と復元、ディスプレイ解像度のリサイズをサポートした仮想化ソフトウェア「UTM v4.4.3」がリリース。

                          macOS 14 SonomaのAVFで追加された仮想マシンの保存と復元、ディスプレイ解像度のリサイズをサポートした仮想化ソフトウェア「UTM v4.4」がリリースされています。詳細は以下から。 Intel/Apple Silicon MacやiPhone/iPad上に仮想マシンを作成できるUTMシリーズを開発するUTM Projectは現地時間2023年10月18日、Appleが09月にリリースした「macOS 14 Sonoma」サポートした仮想化ソフトウェア「UTM v4.4.3*」をリリースしたと発表しています。

                            macOS 14 SonomaのAVFで追加された仮想マシンの保存と復元、ディスプレイ解像度のリサイズをサポートした仮想化ソフトウェア「UTM v4.4.3」がリリース。
                          • 【JavaScript】iPhoneでも要素のリサイズ - Little Strange Software


                            LSS CSS - Little Strange Software CSSiPhone^^; JavaScript使PCiPhone JavaScript    JavaScript CSSJavaScript    <style> #rsz{ overflow:hidden; border:1px solid black; user-s
                              【JavaScript】iPhoneでも要素のリサイズ - Little Strange Software
                            • 【重宝する無料ソフト・サイト】どっとうpろだ・リサイズ超簡単!Pro。使い方を教える - 花太郎BLOG

                              どっとうpろだ・リサイズ超簡単!Pro こんにちは、会社員しょこちゅんです🤗 本日はブログ仲間の赤兎馬さんの記事を見て、日ごろ当たり前のように使ってるツールでも、「もしかしたら知らない人の方が多いかも?」と思い、私も今回記事にしようと思いました(^^) 赤兎馬さんも、画像容量を下げる際の方法を丁寧に説明してくれているので要チェックです。Twitter(赤兎馬Twitter)では、よくお酒を飲んでいたり…(笑)、ブログでは見れないありのままの面白い一面が見れますので併せてチェックしてね。 sekitoba1007.hatenablog.com それでは早速行ってみよー。 1.仕事場でも使ってる無料ソフト 1-1.「リサイズ超簡単!Pro」ソフト無料 1-2.操作説明 2.月々の画像容量が超えた時 2-1.実際のアップ手順 3.最後に 1.仕事場でも使ってる無料ソフト まず初めにインストール

                                【重宝する無料ソフト・サイト】どっとうpろだ・リサイズ超簡単!Pro。使い方を教える - 花太郎BLOG
                              • 【ffmpeg】動画の解像度を指定してリサイズ、アスペクト比を維持したまま解像度を変更する、回転する - Qiita

                                概要 ffmpegで動画のアスペクト比を維持したまま縮小(拡大)する方法 ffmpegで動画の解像度を指定しリサイズ(サイズを変更)する方法 アスペクト比を維持したままリサイズ 自動で設定したいほうに -1 をセットする 例 動画の横幅(width)を 1280 にする。高さ(height)はアスペクト比を維持して自動で設定する

                                  【ffmpeg】動画の解像度を指定してリサイズ、アスペクト比を維持したまま解像度を変更する、回転する - Qiita
                                • ブログ用画像をスマホでリサイズ・iPhoneショートカット - ♛Queens lab.

                                  スマホに保存した写真をそのまま使う 画像の補正 リサイズする スマホ一つでリサイズする方法 アプリを使う メールを使う ショートカットを使う(iPhone) ショートカットの設定 ショートカットの使い方 はてなブログアプリで簡単に設定 SUMMARIES スマホに保存した写真をそのまま使う ブログ用の画像を無意識にただ貼りつけていると 画像のサイズが大きくて開くのに時間がかかることがあります。 ブログをスマホだけで書いていると 撮った画像をそのまま加工せずに 使うことも多いと思いますが 注意点が二つあります。 画像の補正 iPhoneに保存した写真を開くと 編集という項目がありますが ノイズ除去や 色補正 明るさの調整など 画像処理のソフトと同じような機能があります。 たぶんAndroidでも同じような機能が有るのでは? 申し分ないほどきれいに撮れた時はよいのですが 暗くなってしまった場合

                                    ブログ用画像をスマホでリサイズ・iPhoneショートカット - ♛Queens lab.
                                  • 画像リサイズのうんちく (補間フィルタ) - Qiita


                                    Nearest  Point Bi-Linear  Triangle Tent  2D  Cone ImageMagick  point, triangle   Nearest-Neighbor  src resample enlarge interpolate dst () Nearest-Neighbor 使
                                      画像リサイズのうんちく (補間フィルタ) - Qiita
                                    • 画像ファイルをドラッグ&ドロップするだけで、リサイズやパディング、WebP変換などの処理を行ってくれるユーティリティ「Messer for Mac」がリリース。


                                      &WebPMacMesser MesserOscar FrancoMacPNGJPEG& Messer is the simplest and most powerful macOS productivity app, you simply drag your images and photos, and out they come in the format you want, on
                                        画像ファイルをドラッグ&ドロップするだけで、リサイズやパディング、WebP変換などの処理を行ってくれるユーティリティ「Messer for Mac」がリリース。
                                      • アプリケーション・ウィンドウの端をドラッグしなくても、修飾キーを押さえることでウィンドウのリサイズや移動を可能にしてくれるアプリ「Moves for macOS」がリリース。


                                        Moves for macOS Moves for macOSElasticMikkel MalmbergMac/Moves Just hold down your chosen modifier keys and move the mouse. No need to fiddle with 3px wide window edges or far w
                                          アプリケーション・ウィンドウの端をドラッグしなくても、修飾キーを押さえることでウィンドウのリサイズや移動を可能にしてくれるアプリ「Moves for macOS」がリリース。
                                        • 画像リサイズ処理のうんちく - Qiita

                                          画像リサイズ処理の個性についてのうんちく話です。(2019年06月04日 投稿) はじめに ビットマップ画像は表示する状況に応じてさりげなくリサイズ処理するシーンが多々あります。 そのリサイズ結果をよく眺めると、同じ画像を同じサイズ(width x height)指定でリサイズしても、アプリの種類やその時々の状況で異なる画像が生成される事に気づくでしょう。 その差異になり得る要素を紹介します。 アスペクト比と内接外接 補間フィルタ iDCT scaling コーナー合わせ パレット色維持 ガンマ補正とリニアRGB 内部ビット深度 USM(アンシャープマスク) 超解像 項目が多すぎるので詳細を書かずに、各々の観点のさわりだけ紹介します。 アスペクト比と内接外接 四角形の横と縦のサイズ比をアスペクト比と呼びます。 任意のサイズの画像を固定サイズの表示枠に当てはめるといったケースでアスペクト比が

                                            画像リサイズ処理のうんちく - Qiita
                                          • 画像のリサイズをJavaScriptで行う

                                            画像をバックエンドに送る前にリサイズしたい時があると思います。 サーバー側でリサイズ処理を行うのは、それだけでもアップロード時のネットワークの負荷などもあって あまりよろしくないことがあります。 なので、フロント側、つまりJavaScriptでリサイズしましょうという考え。 流れ 画像読み込む canvasを作成 好きな大きさを指定 画像をcanvasに貼り付ける(位置や、canvas内の画像の大きさなども指定する) DataURL(文字列化)にする このような流れになりますが、流れを見るより処理を見た方が分かりやすいかと思います。 リサイズ処理 画像読み込み 画像の読み込みを行います。 const inputElement = document.getElementById("input"); inputElement.addEventListener("change", roadImg

                                              画像のリサイズをJavaScriptで行う
                                            • lambda@edge上でwasmを使用した画像リサイズにおける速度

                                              はじめに 最近、lambdaでwasmを利用できることを知ったので、画像のリサイズ処理をwasm(Rust)で行った場合の速度を計測してみました。 環境構築 環境構築には下記を使用しました。 Terraform Docker Git AWSリソースの用意 AWSリソースの作成にはTerraformで行います。 今回使用したtfファイルはこちらになります。 AWS 構成 作成する手順は下記の通り。 git clone https://github.com/takenoko-gohan/terraform-image-resizing-on-cloudfront.git cd terraform-image-resizing-on-cloudfront terraform init # 問題がないか確認 # 変数 prefix は任意の値を指定してください terraform plan -va

                                                lambda@edge上でwasmを使用した画像リサイズにおける速度
                                              • CloudFrontとLambda@Edgeを利用して画像をリサイズさせる

                                                リサイズされた画像をS3へ保存せずに、原本のみ利用してリサイズさせる方法がないか調べてみましたが、Lambda@Edgeを利用してリサイズさせる方法があったので、試してみました。 Lambda@Edge動作概要# Lambda@EdgeはCloudFrontへアクセスする時に実行されるLambdaの拡張版です。 CloudFrontイベント発生時、Lambda関数の実行が可能です。 イベントには4種類があります。 Viewer Request : CloudFrontがビューアーからのリクエストを受け、リクエストしたオブジェクトがedge cacheにあるかを確認する前に関数を実行します。Origin Request : CloudFrontがオリジンにリクエストを渡す場合のみ実行されます。 リクエストしたオブジェクトがedge cacheにある場合は関数は実行されません。Origin R

                                                • Nuxt.jsにCKEditorを導入し、エディタ内の画像の移動、リサイズをドラッグで実現する - Qiita


                                                    https://qiita.com/idani/items/661e5aaa9dc32588d204  CKEditorHTML CKEditor Vue.jsCKEditor TL;DR Enhanced Image Github https://github.com/idani/ckeditor4-vue-image-resize Vue.jsCKEditor4
                                                    Nuxt.jsにCKEditorを導入し、エディタ内の画像の移動、リサイズをドラッグで実現する - Qiita
                                                  •  Automaterのワークフロー 画像リサイズをショートカット.appで作りなおした - T’s blog

                                                    ずいぶん前にMacのAutomater.appで画像のサイズを縮小するワークフローを作りました。ワークフローのこともよく分からないので見様見まねで完成させて今でも利用しています。 画像でみても意味不明なレシピが並んでいて作成には苦労しました。それでもサイズの縮小をしてイメージの種類を変換するまでの作業をプレビュー.appで仕上げるのを手作業で行うと時間がかかります。Automaterのワークフローなら画像をアイコンにドラッグ&ドロップするだけで瞬時にできます。 macOS MontereyからiPhoneなどと同じショートカット.appが採用されました。画像リサイズショートカットもAutomaterのワークフローと同じものが作成できます。Automaterのワークフローをショートカット.appに読み込む事もできそうですが画像リサイズワークフローは動作しませんでした。そのためショートカット.

                                                       Automaterのワークフロー 画像リサイズをショートカット.appで作りなおした - T’s blog
                                                    • サイトを”超絶”軽くしよう!~画像の圧縮・リサイズの全てをまとめてみた~

                                                      こんにちわ!ブログ初心者の仏の顔もT.Tですヽ(´▽`)/ [Twitter:hotokeT_T  CTime:仏の顔もT.T] みんな!サイト軽くしてるかーーい?? 重いと読者やGoogleに嫌われちゃうんだからねっ! 特に何もしてないよ!って方の為に今回は私がサイトを軽くする為に行ってきた事をまとめてみましたので、良かったら、参考にしてみて下さい(*゚▽゚*)♪ 一緒にサクサクになろうぜ!!

                                                        サイトを”超絶”軽くしよう!~画像の圧縮・リサイズの全てをまとめてみた~
                                                      • ブログ掲載で面倒なスマホ写真のリサイズをえっ?と思うほど秒速で終わるRalpha Image Resizer - 50代で子育て専業主夫になった私の日記


                                                          Ralpha Image Resizer Ralpha Image Resizer  Ralpha Image Resizer     使  
                                                          ブログ掲載で面倒なスマホ写真のリサイズをえっ?と思うほど秒速で終わるRalpha Image Resizer - 50代で子育て専業主夫になった私の日記
                                                        • 【WordPress】WP-CLIを利用して、負荷を減らしつつ画像のリサイズをしよう | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                          こんにちは、エンジニアのづやです。 WordPress便利ですよね。ただサイト構築してる最中だったり、リニューアルだったりで画像のサイズパターン増えちゃうことありますよね。そんなとき、過去にアップロードした画像を作り直すことがあるかと思います。 プラグインでやるなら、Regenerate Thumbnailsなどを使用するでしょうか。管理画面からすべての画像をリサイズできるのは、すごく便利ですね。ただすべての画像の、すべての画像サイズに対して、リサイズを行う必要が発生してしまいます(1個ずつもできるけど、あんまりないですよね)。 画像サイズや量によっては、膨大な時間がかかってしまうこともあります。一度に検証することで、サーバに負荷がかかって重くなってしまうこともあります。 そんなときWP-CLIで画像をリサイズするとで解決できることもあったので、使い方を紹介します。 wp mediaコマン

                                                            【WordPress】WP-CLIを利用して、負荷を減らしつつ画像のリサイズをしよう | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                          • Macのデスクトップをキャンパスにして図形を描けるペイントツール「ScreenNote」が日本語や図形のリサイズに対応。

                                                            Macのデスクトップをキャンパスにして図形や注釈を書き込めるペイントツール「ScreenNote」が日本語や図形のリサイズに対応しています。詳細は以下から。 ScreenNoteはCPU使用率に合わせてMacのメニューバーに常駐する猫などの動きが変わる「RunCat」などを開発しているTakuto Nakamuraさんが2017年頃から開発しているデスクトップお絵かきツールで、Macのデスクトップ上に図形や注釈などを描くことが出来ますが、このScreenNoteがv3.0へアップデートし、日本語にローカライズされています。 ScreenNote for Mac v3.0 日本語に対応しました。 ScreenNoteの表示/非表示の切り替え手段を増やしました。 図形のリサイズができる様になりました。 透明度と線幅のスライダーの違いがわかりやすいようにしました。 不具合の報告の導線をメニューバ

                                                              Macのデスクトップをキャンパスにして図形を描けるペイントツール「ScreenNote」が日本語や図形のリサイズに対応。
                                                            • 大きな画像をJavaScriptでリサイズしてからAjax送信する方法

                                                              さてさて、この間 wordpressみたいなドラッグ・アンド・ドロップをVueで実装という記事を公開しました。この記事の目的はユーザビリティだったのですが、ドラッグ&ドロップ機能の先では画像のアップロードを想定していました。 最近のウェブサイトでは画像をサーバーへ保存するというのは珍しいことではないでしょうが、実はアップロードする側の状況が変化してきたことである問題が発生するようになってきました。 それが・・・ スマホ・カメラの高解像度化のせいで画像アップロードに時間がかかってしまう というものです。 つまり、サイズが大きなファイルをアップロードするのに時間がかかってしまうということですね。 特にまだ日本のウェブサイトは、以下のように確認ページを挟む場合も多く存在していますので、その場合(バリデーションを厳密にするなら)画像サイズが大きい場合は1番と2番で画像をアップロードする必要がでてき

                                                                大きな画像をJavaScriptでリサイズしてからAjax送信する方法
                                                              • Cloudfront+Lambda@edgeを利用してサーバーレスに画像をリサイズ・変換して返却するCDNを構築したお話


                                                                Eureka Advent Calendar 202013 2SRE @marnie   CloudFrontLambda@EdgeCloudFrontLambda@EdgeCDNTraffic CloudFront+Lambda@Edge? Lambda@EdgeCloudFrontCloudFron
                                                                  Cloudfront+Lambda@edgeを利用してサーバーレスに画像をリサイズ・変換して返却するCDNを構築したお話
                                                                • Canvas を使って画像をリサイズする - コネヒト開発者ブログ

                                                                  はじめに こんにちは! フロントエンドエンジニアの もりや です。 今回はママリのアプリ内で使われている WebView で、画像をリサイズする処理を Canvas で実装した事例を紹介します。 画像のリサイズが必要な理由 昨今のスマホのカメラで撮った画像は数MB程度と大きく、アップロードに時間がかかったり、そもそもサーバー側で何MBまでの画像を許容するかなど課題もあります。 また iOS/Android のママリアプリでも、おそらく同様の理由からリサイズをしてアップロードするようになっていました。 そのため、WebView でもアップロード前に画像をリサイズする処理を入れ、快適かつ安全にアップロードできるようにしました。 ライブラリなどもあると思いますが、今回のようにシンプルなリサイズ用途であれば Canvas のみで十分可能と判断し実装してみました。 Canvas とは Canvas

                                                                    Canvas を使って画像をリサイズする - コネヒト開発者ブログ
                                                                  • 【Mac】画像を一括リサイズできるフリーソフト「Th-MakerX」が超有能! - UPDATE

                                                                    どうも、こうすけ(@kosuke_upd)です。 複数画像を一括リサイズできるMacのフリーソフト「Th-MakerX」が超有能だったので紹介します。「Th-MakerX」は複数画像の一括リサイズができるMacのフリーソフトなのですが、詳しく設定できる上に、よく使用する設定を保存することもできてしまいます。 Macで画像を一括リサイズする場合、デフォルトで使用できる「プレビュー」でも画像の一括リサイズができるのですが、例えば横幅を1000pxに統一したい場合に、横幅1000px以上の画像が横幅1000pxに縮小されるのは良いことなのですが、横幅が1000px未満の画像が1000pxに拡大されてしまうのです。 横幅1000px以上の画像は横幅1000pxに一括リサイズしたいけど、横幅1000px未満の画像はそのままにしておきたいという状況はよくあると思います。Macでデフォルトで使用できる「

                                                                      【Mac】画像を一括リサイズできるフリーソフト「Th-MakerX」が超有能! - UPDATE
                                                                    • 複数の画像を一括でトリミングおよびリサイズするフリーソフト

                                                                      ② ダウンロードした圧縮ファイルを解凍し、中にある「Ralpha.exe」を開く。 ③ ソフトが開くので、トリミングしたい画像をドラッグアンドドロップし、右メニューの「トリミング」のみにチェックを入れ、その横の歯車のボタンを押す。 ④ 編集ウィンドウが表示されるので、ウィンドウ内のグレーの枠線をトリミングしたい箇所に合わせて移動、変形させた上で「OK」ボタンをクリックする。 ⑤ メイン画面に戻るので「実行」ボタンをクリックする。 ⑥ 元の画像が保存されているフォルダに新しいフォルダが生成され、そこにトリミングされた画像が保存される。 生成されるフォルダ名はデフォルトで「resize」。 これにて、作業完了。 ちなみに、本ソフトはトリミングだけでなく、複数画像のリサイズ(画像の倍率の変更)も一括で可能である。 方法は、 ① メイン画面にリサイズしたい画像をドラッグアンドドロップする。 ② 右

                                                                        複数の画像を一括でトリミングおよびリサイズするフリーソフト
                                                                      • 「vue-grid-layout」で実装するグリッドレイアウトはドラッグやリサイズが可能 | カバの樹

                                                                        vue-grid-layoutとは vue-grid-layoutは、ドラッグやリサイズが可能なグリッドレイアウトコンポーネントです。 グリッドを再構築せずにウィジェットを追加または削除できたり、レイアウトをシリアル化して復元できます。 インストール 以下のnpm、yarn、CDNを使ってインストールします。 npm npm install vue-grid-layout --save yarn yarn add vue-grid-layout CDN <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-grid-layout.umd.min.js"></script> gitリポジトリは以下から取得できます。 https://github.com/jbaysolutions/vue-grid-layou

                                                                          「vue-grid-layout」で実装するグリッドレイアウトはドラッグやリサイズが可能 | カバの樹
                                                                        • リサイズする scale | ニコラボ

                                                                          標準で使えるscaleフィルタの使い方。外部ライブラリにzscaleフィルタがありこちらはHDR、高品質リサイズ向けで処理速度はscaleフィルタより速くない。2022年3月4日のコミットで同程度に速くなった。 映像に余白を追加する pad 映像を指定座標に切り取る crop 比較する動画の解像度に合わせる scale2ref Zライブラリを使ったリサイズフィルタ zscale 映像を拡大するアップコンバートフィルタのまとめ 基本コマンド アスペクト比を維持しながら横幅1280ピクセルにリサイズする。 ffmpeg -i input -vf scale=1280:-1 output さらに縦幅が奇数になる場合には繰り上げて偶数にする。 ffmpeg -i input -vf scale=1280:-2 output アスペクト比を維持しながら長辺1280ピクセルより大きいとき長辺1280ピ

                                                                            リサイズする scale | ニコラボ
                                                                          • PixiJSでリサイズと回転が可能な描画オブジェクトを作る

                                                                            概要 図形を編集できるソフトウェアなどでよく見かける、矩形オブジェクトをリサイズしたり回転したりできる機能が作りたくて先日コードを書いてみたが、想像以上に難しかったのでハマりポイントを含めた制作手順をここに書くことにした。 制作環境 Vite TypeScript PixiJS 描画ライブラリは何でもいいのだが、描画領域をクリックしたらイベントが取れるライブラリだと楽なのでPixiJSを採用した。 環境の用意 npm create vite Project name: ... sketch √ Select a framework: » Vanilla √ Select a variant: » TypeScript

                                                                              PixiJSでリサイズと回転が可能な描画オブジェクトを作る
                                                                            • AWS Lambda+API Gateway + S3で格安リアルタイム画像リサイズAPIを作成する - シンクロ・フード エンジニアブログ


                                                                               AWS Lambda使API APIURL APIAPI   Nginx, ApacheWeb CDN1mod_tofu
                                                                                AWS Lambda+API Gateway + S3で格安リアルタイム画像リサイズAPIを作成する - シンクロ・フード エンジニアブログ
                                                                              • Googleフォトの直リンクURLを取得しブログなどに貼り付ける (リサイズも可能)

                                                                                Googleフォトにアップロードした画像の、直リンクURLを取得する方法を解説します! 今回紹介する方法を使用すると、ブログなどのWebページにGoogleフォトの画像を直接貼り付けることが可能になります。 さらに、直リンクURLの末尾に画像サイズを指定するパラメータを使用すると、簡単に画像リサイズもできるため、当記事では、その辺りについても詳しく紹介します。 スポンサーリンク Googleフォトの画像を誰でも見れるようにするには? セキュリティ上当然ですが、Googleフォトに格納された画像は、自分のGoogleアカウントでログインしているブラウザなどからしか見れません。これは画像への直リンクであっても同じ仕様です。 ただ、Googleフォトの画像をブログなどに貼り付ける場合は、自分以外の誰からでも見れるようにする必要があります。 誰からでも見れるようにするには、「共有設定」したアルバム

                                                                                  Googleフォトの直リンクURLを取得しブログなどに貼り付ける (リサイズも可能)
                                                                                • [アップデート] Redshift クラスターのリサイズをスケジュール設定できるようになりました | DevelopersIO

                                                                                  クラスター管理画面から「アクション」-「サイズ変更」を開きます。リサイズタイプは「伸縮自在なサイズ変更(Elastic Resize)」を選択します。ちなみに、アップデートのタイトルから Elastic Resize のみサポートかと思っていましたが、「従来のサイズ変更(Classic Resize)」でもスケジュール指定ができました。「elastic resize でスケジューリングがサポートされた」のではなく、「柔軟な(elastic)リサイズスケジューリングがサポートされた」というタイトルのようですね。 次にスケジュールの選択を行いますが、選択肢は3つです。 Resize the cluster now(今すぐ) Schedule resize at a later time(一度だけのスケジュール) Schedule recurring resize events(繰り返しスケジュ

                                                                                    [アップデート] Redshift クラスターのリサイズをスケジュール設定できるようになりました | DevelopersIO

                                                                                  新着記事