並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 12 件 / 12件

新着順 人気順

resizeの検索結果1 - 12 件 / 12件

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

resizeに関するエントリは12件あります。 開発画像レスポンシブ などが関連タグです。 人気エントリには 『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
      • 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

        • 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 ​

          • resize.fm

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

              resize.fm
            • 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 October 2024: This post has been updated along with Interactive Sessions support for AWS Glue Auto scaling. 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 fa

                Introducing AWS Glue Auto Scaling: Automatically resize serverless computing resources for lower cost with optimized Apache Spark | Amazon Web Services
              • 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!
                • 【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
                  • 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技術解説
                      •  タブの内容が一同に確認できる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 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 Windows

                          1

                          新着記事