並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 16 件 / 16件

新着順 人気順

Resizeの検索結果1 - 16 件 / 16件

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

Resizeに関するエントリは16件あります。 画像開発レスポンシブ などが関連タグです。 人気エントリには 『JSのレスポンシブ対応をresizeからmatchMediaに移行した』などがあります。
  • JSのレスポンシブ対応をresizeからmatchMediaに移行した

    JS でブレークポイント毎に処理を分ける場合の方法を resize から matchMedia に移行したので、その際のメモ書きです。 昔ながらの方法 恥ずかしながら、最近まで JS でブレークポイント毎に JS 処理を切り替える場合、 以下のように昔ながらの resize イベントの監視を使っていました... /** * イベントリスナー */ const listener = () => { // リサイズ時に行う処理 if (window.innerWidth >= 768) { // 768px以上 console.log('PC用ブレークポイント用処理'); } else { // 768px未満 console.log('SP用ブレークポイント用処理'); } }; // リスナー登録 window.addEventListener('resize', listener); /

      JSのレスポンシブ対応をresizeからmatchMediaに移行した
    • Firebase Resize Imagesを使ってみた - Qiita

      Firebase Resize Imagesとは 先日Firebase Extensionsのベータ版使えるようになりました。 Resizes images uploaded to Cloud Storage to a specified size, and stores both the original and resized images. どうやら元画像とリサイズされた画像の両方を保存する拡張機能のようです。 インストール インストールボタンをクリックすると、いくつか確認や入力を求めらる画面に遷移します。 このステップまできたら、 Deployment location Cloud Storage bucket for images Size of resized images Cloud Storage path for resized images を入力します。 ※ Clou

        Firebase Resize Imagesを使ってみた - Qiita
      • GitHub - rxhanson/Rectangle: Move and resize windows on macOS with keyboard shortcuts and snap areas

        You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

          GitHub - rxhanson/Rectangle: Move and resize windows on macOS with keyboard shortcuts and snap areas
        • Prepare for viewport resize behavior changes coming to Chrome on Android  |  Blog  |  Chrome for Developers

          In November, with the release of Chrome 108, Chrome will make some changes to how the Layout Viewport behaves when the on-screen keyboard (OSK) gets shown. With this change, Chrome on Android will no longer resize the Layout Viewport, and instead resize only the Visual Viewport. This will bring Chrome on Android’s behavior up to par with that of Chrome on iOS and Safari on iOS. Here's some backgro

          • [Firebase Extensions] Resize Images - Qiita

            Summit2019で発表されたFirebase Extensions 今年のFirebaseSummit2019で発表されたFirebase Extensions! 生放送を見る前にFirebase Consoleに追加されておりなんだこれ?!と心踊る追加内容でした Firebase Extensionsの特徴として公式の言葉を借りると以下2つの特徴があります。 ユースケースに合わせて拡張機能を構成する 今回リリースされているのは9つの機能 Translate Textについてはすでに記事になってましたのでリンク付けさせていただきました 簡単にインストール 左下のExtensionsをクリックして使いたい機能をinstallしたら使えるようになるイメージです ボタンぽちぽちで画像のリサイズなどが可能になります。 便利なCloud Functionsのメソッドが誰でも使えるようになった感じ

              [Firebase Extensions] Resize Images - Qiita
            • resize.fm

              元山 (@kudakurage) と出口 (@dex1t) が最近気になっているサービスやデザイントピックスを取り上げてのんびり話すポッドキャストです。毎週金曜日に配信します。 感想や質問などは、 おたよりフォーム から送っていただくか、Twitterでハッシュタグ #resizefm をご利用ください。

                resize.fm
              • Audjust - Intelligently resize and loop audio to fit your needs!

                Audjust analyzes your music to make it the perfect length (longer or shorter!) while retaining the elements of the song. Enter the new length, select areas to keep or remove, and export! Or find infinite loops if you can't get enough. Audio shortener. Song lengthener. Perfect loop finder. Our tools allow for content-aware changes to your music that aim to avoid the awkward fadeouts or cuts that us

                  Audjust - Intelligently resize and loop audio to fit your needs!
                • Introducing AWS Glue Auto Scaling: Automatically resize serverless computing resources for lower cost with optimized Apache Spark | Amazon Web Services

                  AWS Big Data Blog Introducing AWS Glue Auto Scaling: Automatically resize serverless computing resources for lower cost with optimized Apache Spark June 2023: This post was reviewed and updated for accuracy. Data created in the cloud is growing fast in recent days, so scalability is a key factor in distributed data processing. Many customers benefit from the scalability of the AWS Glue serverless

                    Introducing AWS Glue Auto Scaling: Automatically resize serverless computing resources for lower cost with optimized Apache Spark | Amazon Web Services
                  • [アップデート] わずか15分!Redshift クラスターのノードタイプ変更が Elastic resize で可能になりました! | Developers.IO

                    本日のアップデートで Redshift クラスターのタイプ変更が Elastic resize で可能になりました。 Amazon Redshift now supports changing node types within minutes with elastic resize 来るのかなー、と思って待ってましたが遂にきましたね! お。Elastic resize がインスタンスタイプ変更でも使えるようになりそう > Aws\Redshift - Extend elastic resize to support resizing clusters to different instance types. https://t.co/qOB89xUQT7 — Marumo (@marumo1981) February 22, 2020 何が嬉しいのか 従来、Elasitic resize

                      [アップデート] わずか15分!Redshift クラスターのノードタイプ変更が Elastic resize で可能になりました! | Developers.IO
                    • std::vector をがんばって高速に resize する - Qiita

                      あらまし プロファイラとにらめっこしながら気合を入れて最適化していくと、最終的に上位に std::vector<char>::resize() が残った、という経験が度々ある。 該当ケースは大抵 std::vector<char> を一時バッファとして利用しており、頻繁に resize() が呼ばれ、サイズは数十~数百 MB 規模に及ぶ、といった感じである。std::vector の resize() は新規に追加される要素に対してはコンストラクタを呼ぶが、組み込み型の場合はゼロクリアがなされる。大きなメモリ領域へのゼロクリアは重い処理であるため、プロファイル上位に残ることになるのだが、一時バッファは基本的にゼロクリアは不要であり、純粋に時間の無駄である。この無駄をなんとかしたい。 根本的な話として、こういう状況では std::vector<char> は使うべきではないと思う。mallo

                        std::vector をがんばって高速に resize する - Qiita
                      • Offset、Resizeを使いこなそう|VBA技術解説

                        VBA技術解説 Offset、Resizeを使いこなそうExcelマクロVBAの問題点と解決策、VBAの技術的解説 公開日:2013年5月以前 最終更新日:2020-08-26 Offset、Resizeを使いこなそう OffsetとResizeは、エクセルVBAで非常に便利であり、ぜひ使いこなしてもらいたい機能です。 Offsetはセル範囲の位置をずらし、Resizeはセル範囲のサイズを変更します。 どちらも、RangeとCellsだけで記述することは可能ですが、 OffsetとResizeを使う事で、簡潔にVBAを記述することができるようになります。

                          Offset、Resizeを使いこなそう|VBA技術解説
                        • Firebase Resize Imagesを使ってみた - Qiita

                          Firebase Resize Imagesとは 先日Firebase Extensionsのベータ版使えるようになりました。 Resizes images uploaded to Cloud Storage to a specified size, and stores both the original and resized images. どうやら元画像とリサイズされた画像の両方を保存する拡張機能のようです。 インストール インストールボタンをクリックすると、いくつか確認や入力を求めらる画面に遷移します。 このステップまできたら、 Deployment location Cloud Storage bucket for images Size of resized images Cloud Storage path for resized images を入力します。 ※ Clou

                            Firebase Resize Imagesを使ってみた - Qiita
                          •  タブの内容が一同に確認できるChromeの拡張機能 [Tab Resize] - T’s blog

                            Chromeでタブをたくさん開いて閲覧中にタブの内容が分からなくなる時があります。タブを1枚ずつ開いて確認するのも効率が悪いので画面に必要なタブをすべて表示できる拡張機能がTab Resizeです。 Tab ResizeはTab Resize - split screen layouts - Chrome ウェブストアからインストールします。 同時に複数のタブを見るには選んだタブから右が対象になります。Tab Resizeのアイコンをクリックして表れる画面でセットします。「+」のボタンでカスタム設定もできます。縦横の枠の数を指定して作成します。 1✕2のレイアウトでWeb版はてなブログを左に開いて右にブラウザを置いて調べ物をしながら書くこともできます。これらのレイアウトを新しいウィンドウを開いたり移動する手間をかけずに処理できます。 See you tomorrow! 元の画面に戻すにはレ

                               タブの内容が一同に確認できるChromeの拡張機能 [Tab Resize] - T’s blog
                            • KB5028997: Instructions to manually resize your partition to install the WinRE update - Microsoft Support

                              Windows 10 Windows 10, version 1607, all editions Windows Server 2016, all editions Win 10 Ent LTSC 2019 Win 10 IoT Ent LTSC 2019 Windows 10 IoT Core 2019 LTSC Windows Server 2019 Windows 10 Enterprise and Education, version 21H2 Windows 10 IoT Enterprise, version 21H2 Windows 10 Enterprise Multi-Session, version 21H2 Windows 10, version 22H2, all editions Windows 11 version 21H2, all editions Win

                              • 【JS】window.matchMediaで画面横幅に対応した処理をする。resizeイベント、observerと比較 | JavaScriptでのレスポンシブデザイン - IT the Best

                                Photo by Claudio Schwarz on Unsplash resizeイベント 画面幅に応じた処理の例 メリット デメリット observer(ResizeObserver) 画面幅(要素の横幅)に応じた処理の例 メリット デメリット matchMedia 画面幅に応じた処理の例 メリット デメリット 今回は画面横幅に応じた要素の表示の切り替えなどの処理「JavaScriptによるレスポンシブ対応」の実現方法を以下3点で紹介したいと思います。 resizeイベント observer matchMedia resizeイベント 言わずと知れたブラウザのウィンドウサイズの変更時に発生するイベントです。簡単な使用例は以下です。 window.addEventListener('resize', function () { // リサイズ時の処理 console.log('resi

                                  【JS】window.matchMediaで画面横幅に対応した処理をする。resizeイベント、observerと比較 | JavaScriptでのレスポンシブデザイン - IT the Best
                                • Image cache & resize service

                                  Your images unchained ​The CDN is provided by Cloudflare. Images are being cached and delivered straight from 300+ global datacenters. This ensures the fastest load times and best performance. Widely used ​On average, we resize 6 million (6×106) images per hour, which generates around 400TB of outbound traffic per month. Features ​

                                  1

                                  新着記事