並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 730件

新着順 人気順

imageの検索結果1 - 40 件 / 730件

  • Googleストリートビューを自動操縦して永遠にさまようページを作った | Image Club

    Googleストリートビューを自動操縦して、永遠にさまよう様子を眺めることのできるページを作った。結果としてGoogleから数十万円の請求が来てしまった。 数日間の旅行に行った。帰ってきた後で、なんとなくGoogleストリートビューでその旅行先を眺めていた。 自宅で眺めるPCの画面には、まだ記憶に新しい旅先の景色と確かに同じものが広がっている。自分が歩いたルートに沿って画面の矢印をクリックしていくと、分かれ道に突き当たる。自分が歩いていない道の方を選んで進む。当然ながら、知らない場所が出てくる。記憶の中の景色が自分の知らない景色に繋がっていく。 Googleストリートビューの中では、旅行中に自分が選ばなかった道を選んで、さまよい続けることができる。自分がここにいるあいだも、Googleストリートビューの中では記憶の中の知らない場所をうろつくことができる。それは良いなと思ったので、Googl

      Googleストリートビューを自動操縦して永遠にさまようページを作った | Image Club
    • 新しいBing、画像生成AI機能「Bing Image Creator」

        新しいBing、画像生成AI機能「Bing Image Creator」
      • 手持ちの画像を「Excel」ファイルにしてしまうWebアプリ「Image to Excel」が爆誕/XLSXは画像ファイル形式、「Excel」は画像エディター&ビューワーだ!【やじうまの杜】

          手持ちの画像を「Excel」ファイルにしてしまうWebアプリ「Image to Excel」が爆誕/XLSXは画像ファイル形式、「Excel」は画像エディター&ビューワーだ!【やじうまの杜】
        • DiffusionによるText2Imageの系譜と生成画像が動き出すまで

          2022年を境に爆発的な流行を見せはじめた AI 画像生成。コアとなる拡散モデルの基礎解説、研究領域で育てられた技術が一般層にまで羽撃いた変遷、その過程で生じた解決されるべき問題点、および日進月歩で増え続ける発展的な手法群について、網羅的に流れを追いかけるメタサーベイを作成しました。 明日にでも世界が一変しうる流動的な分野において、情報のまとめとは必然的に古くなっていくものです。そんな奔流の中にあっても、本資料が、これまでの歴史を俯瞰し、これからの成長を見据えるための礎として、幾許かでも皆様のお役に立てればと心より願い、ここに筆を置きます。

            DiffusionによるText2Imageの系譜と生成画像が動き出すまで
          • latestタグのままdocker imageを本番運用してどうなったか - 京都行きたい

            latestタグや書き換えるためのタグ(develop, stagingなど)を使って、本番で運用するのはやめましょう。 コンテナイメージのキャッシュ状況やリリースフローによっては予期しない形で 予期しないバージョンが本番で起動する可能性があります。 本記事では、どのプラットフォームやツールで発生したかについては記載しません。 本題はそこではないのと、そもそも運用が間違っているので 記述しても余計な枝葉になるからです。 この記事ではどういうことが起きたか、について書きます。 どういうことが起きたか サービスで、dockerイメージのlatestタグを使って本番運用していた。 全コンテナをgraceful restartしたようだ。(つもりだったが・・・) 別の作業中、管理画面の表示がおかしくなっているという話が出てきた。 そこで調べてもらったところ、なぜかリリースしたはずの機能が正常に機能

              latestタグのままdocker imageを本番運用してどうなったか - 京都行きたい
            • Docker for Macでは定期的にdisk imageをお掃除する必要がある - モヒカンメモ

              要点 Docker for Macを使うなら、定期的にdisk imageをお掃除してあげるべし 背景 Docker for Macで開発しているとあるScalaアプリで、下記のようなエラーが出た java.io.IOException: No space left on device あっれー?そんなにdisk使ってたかなーと思って df -h コマンドを叩いたけどdiskには全然余裕がある。dockerでdisk使用量のquotaとか設定してたかな?と思ってPreferencesを開いて思い出した。 Docker for Macはイメージをbuildすると残りかすがちょっとづつ溜まっていくので、定期的にdisk imageをお掃除する必要がある。 ( docker images prune の話じゃないよ! ) Disk image? ここでいうdisk imageとはdocker i

                Docker for Macでは定期的にdisk imageをお掃除する必要がある - モヒカンメモ
              • 生成AIグラビアをグラビアカメラマンが作るとどうなる?第九回:Fooocus-MREでimage-2-imageやControlNetを試す (西川和久) | テクノエッジ TechnoEdge

                今回はそれだけでは面白く無いので、元画像を絵柄そのまま高精細なフルHDにアップスケールしたい、もしくはそのまま使って絵を変えたい、構図やポーズをある程度固定したい、Photoshopのジェネレーティブ塗りつぶし的な機能は?…と言った、もう少しStable Diffusionっぽい使い方を順に説明する。 image-2-image / UpscalePromptから画像を得る方法を一般的にText-2-Imageと呼んでいる(txt2imgやt2iとも)。文字通りテキストから画像を…と言う意味だ。 Stable Diffusionでは、加えて画像から画像を得る方法があり、これをImage-2-Imageと呼んでいる(img2imgやi2iとも)。言葉よりも画像の方がより多くの情報を持っているので、それを使おうと言う意図だ。 これまで生成した画像の解像度は、832✕1,216や1,024✕1,

                  生成AIグラビアをグラビアカメラマンが作るとどうなる?第九回:Fooocus-MREでimage-2-imageやControlNetを試す (西川和久) | テクノエッジ TechnoEdge
                • backgruond-imageを使ったCSSのアニメーションテクニック - ICS MEDIA

                  CSSのbackground-imageプロパティは背景画像に関するCSSですが、単に背景に画像を表示させるだけでなく、実はアニメーションと組み合わせて多彩な表現ができます。本記事ではbackground-imageの特性を活かしたアニメーション表現について解説します。 サンプルコードもありますので、実際の案件に取り入れてみたりbackground-imageの仕組みについて学んでみたりしてください。※サンプルコードはSass(SCSS)を使用しています。 サンプルを別ウインドウで開く コードを確認する background-imageとアニメーション タイトルと矛盾するようですが、background-imageプロパティ自体はanimationプロパティやtransitionプロパティを用いてアニメーションできません。もしbackground-imageプロパティをアニメーション可能に

                    backgruond-imageを使ったCSSのアニメーションテクニック - ICS MEDIA
                  • `COPY --chmod` reduced the size of my container image by 35%

                    $ podman history vamc19/nomad:latest ID CREATED CREATED BY SIZE COMMENT ... <missing> 36 minutes ago /bin/sh -c apt-get update && apt-get insta... 94.4 MB 374515aec770 36 minutes ago /bin/sh -c # (nop) COPY file:6dbfa42743cc65... 87.7 MB 22cd380ad224 36 minutes ago /bin/sh -c # (nop) LABEL maintainer="Vamsi"... 0 B FROM docker.io/library/ubuntu:21.10 ... The layer created by COPY is 87.7MB, which

                    • 絵心がない線画を“いい感じの作品”に変える画像生成AI「Sketch-to-Image」 Googleなどが開発

                      Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Google ResearchとイスラエルのTel Aviv Universityに所属する研究者らが発表した論文「Sketch-Guided Text-to-Image Diffusion Models」は、落書きのようにざっと描いた絵を入力テキストに従って詳細な画像を生成する深層学習モデルを提案した研究報告だ。手描きのスケッチを任意のテキストプロンプトによるスタイル制御で、自然な高精細画像に変換する。 大規模なテキストから画像への拡散モデルは、与えられたテキストプロンプトに従った前例のない品質の多様な画像の合成を可能にし、コンテンツの作成と編集のための刺激的なツールとなってきた。 しか

                        絵心がない線画を“いい感じの作品”に変える画像生成AI「Sketch-to-Image」 Googleなどが開発
                      • うおぉ、今日、またしても激ヤバなAIをグーグルが発表してた!テキストから画像を生成するAI技術の発展が早すぎる。驚くべきことに、この画像はすべて下のテキストから生成されたものである。Parti:Pathways Autoregressive Text-to-Image(200億パラメータ) (pdf)https://gweb-research-parti.web.app/parti_paper.pdf

                          うおぉ、今日、またしても激ヤバなAIをグーグルが発表してた!テキストから画像を生成するAI技術の発展が早すぎる。驚くべきことに、この画像はすべて下のテキストから生成されたものである。Parti:Pathways Autoregressive Text-to-Image(200億パラメータ) (pdf)https://gweb-research-parti.web.app/parti_paper.pdf
                        • 自由に再配布可能なRed Hat Enterprise Linux 8ベースのコンテナ用OSイメージ「Red Hat Universal Base Image」が公開

                          自由に再配布可能なRed Hat Enterprise Linux 8ベースのコンテナ用OSイメージ「Red Hat Universal Base Image」が公開 Red Hatは、Red Hat Enterprise Linuxをベースにしつつ自由に再配布可能なコンテナ用OSイメージ「Red hat Universal Base Image」の公開を発表しました。 Dockerコンテナが普及することで、コンテナにアプリケーションを組み込んで配布するケースが増えてきています。このコンテナイメージをできるだけ自由に再配布したいときには、コンテナのベースとなるOSはCentOSのような非商用ライセンスのLinuxディストリビューションが使われがちです。 一方で、企業がLinuxコンテナ内のアプリケーションを本番環境などで利用する場合には、サポートのしっかりした商用のLinuxディストリビュ

                            自由に再配布可能なRed Hat Enterprise Linux 8ベースのコンテナ用OSイメージ「Red Hat Universal Base Image」が公開
                          • コンテナイメージなのにブート可能な新技術による「Image mode for Red Hat Enterprise Linux」、Red Hatが発表。レジストリなどのコンテナ関連ツールがそのまま利用可能

                            コンテナイメージなのにブート可能な新技術による「Image mode for Red Hat Enterprise Linux」、Red Hatが発表。レジストリなどのコンテナ関連ツールがそのまま利用可能 Dockerコンテナで使われるコンテナイメージは、そもそもOSのカーネルなどが含まれていないためそれ単体で実行することはできず、コンテナに対応したOSの上にデプロイすることで実行されます。 このコンテナイメージのフォーマットは業界標準の「OCIコンテナ」(Open Container Initiativeコンテナ)として標準化されていますが、このOCIコンテナのフォーマットを守りつつ、ベアメタルサーバ上でブート可能な「ブータブルコンテナイメージ」の開発が進められています。 ブータブルコンテナイメージとは? ブータブルコンテナイメージは、カーネルやデーモンなどの単独で実行可能なOSとしての

                              コンテナイメージなのにブート可能な新技術による「Image mode for Red Hat Enterprise Linux」、Red Hatが発表。レジストリなどのコンテナ関連ツールがそのまま利用可能
                            • Craiyon, AI Image Generator

                              Frequently asked questions What is Craiyon? How do you keep it free? Can you make images of higher quality? Do you have any tips to create better images? What are negative words? How do you predict a next prompt? What to do when there is too much traffic? Are you related to DALL·E mini? What if images do not appear? How does the AI model work? What about limitations and biases? Can I use the image

                                Craiyon, AI Image Generator
                              • Next.jsのnext/imageコンポーネントの使い方と注意点

                                2020/10/27にNext.js 10がリリースされました。変更点は公式のブログがとても分かりやすくまとまっています。Next.js Confの動画をチェックするのも良いかもしれません(演出が良い感じです)。 Next.js 10で特に注目すべきは、画像最適化をしてくれるnext/imageコンポーネント(next/image)のビルトインサポートだと思います。この記事ではnext/imageについてまとめます。 next/imageとは next/imageは、画像の表示を最適化してくれるコンポーネントです[1]。 画像の最適化 具体的には、以下のような最適化を行ってくれます。 画像を閲覧デバイスに応じてリサイズして表示してくれる(元画像が大きくともスマホでは小さくリサイズされた画像を表示) PNGやJPEGなどの形式の画像を自動でWebPにしてくれる(しかもWebP対応ブラウザでの

                                  Next.jsのnext/imageコンポーネントの使い方と注意点
                                • Pythonの機械学習用Docker imageのサイズ削減方法の紹介 - エムスリーテックブログ

                                  エムスリーエンジニアリンググループ AIチームの笹川です。 バスケと、ロードバイクが趣味なのですが、現在、NBAのplayoffと、Tour de Franceが同時に開催されていて大変嬉しい毎日を過ごしています。 特にNBAのplayoffは、連日overtimeとなるような激戦や、giant killingがあったりのアツい戦いが繰り広げられていて最高です。 そういう状況なので(?)、今回は先日取り組んだ、Pythonの機械学習バッチを実行するdocker imageのサイズ削減についてのアツい戦いについて紹介したいと思います。 膝の上に登って寝る為に、筆者がデスクに戻るのを机の下で待ち構える犬氏(かわいい) 今回の取り組みでは、もともと3GB程度だったPythonのML用のimageを、約2.0GBに削減することができました(それでもなかなかのサイズ。MLのimageは特に大きい印象

                                    Pythonの機械学習用Docker imageのサイズ削減方法の紹介 - エムスリーテックブログ
                                  • Bardのようなimage2textAIを構築して動画検索システムを作る

                                    Turing株式会社の自動運転MLチームでインターンをしている東大B4の中村です。 突然ですが、web検索のように簡単に、ストレージ内に保存されている、日時以外のメタ情報のない動画が検索出来るようになったら幸せになれると思いませんか? 例えば「赤信号で車が停止している」という検索クエリに対して、実際に赤信号で停止している動画が返ってきたら、簡単にそれを信号検知+停止のモデル学習に使えるようになります。 今回私が開発した動画検索システムはこれをAIの力を借りて実現しました。これにより、格段に動画検索の利便性が増し、より多様な動画を簡単に使用できるようになりました。今回はそのシステムについて紹介します。 ワンパンで動画を探せると嬉しい 課題 Turingでは、走行パートナーの方々と共に大量の走行データを収集してきました。車両にカメラ・データ収集キットを載せて、文字通り毎日朝から晩までデータを取

                                      Bardのようなimage2textAIを構築して動画検索システムを作る
                                    • New for AWS Lambda – Container Image Support | Amazon Web Services

                                      AWS News Blog New for AWS Lambda – Container Image Support February 9, 2021: Post updated with the current regional availability of container image support for AWS Lambda. With AWS Lambda, you upload your code and run it without thinking about servers. Many customers enjoy the way this works, but if you’ve invested in container tooling for your development workflows, it’s not easy to use the same

                                        New for AWS Lambda – Container Image Support | Amazon Web Services
                                      • Talking Head Anime from a Single Image

                                        The characters are virtual YouTubers affiliated with Nijisanji and are © Ichikara, Inc. (see footnote) They have a very lenient guideline for derivative works which I have interpreted that official artworks can be used in the pursuit of hobbies as long as they are not sold or used for commercial purposes. In fact, there are fan-made games created using official materials. I think that what I'm doi

                                        • マーベラスが中国テンセントと資本提携 テンセント子会社Image Frame Investmentが筆頭株主に 新株発行で約49億円を調達 | gamebiz

                                          マーベラス<7844>は、5月25日、中国Tencent Holdings(テンセント)の子会社Image Frame Investmentとの間で資本業務提携を締結することを発表した。 同社とテンセントは、これまでもゲーム事業において連携をとっており、2019年3月には、『牧場物語』(英語名『STORY OF SEASONS』)のモバイルゲーム展開について、テンセントの子会社であるTencent Technology(テンセントテクノロジー)とライセンス契約を締結した。 同社は、5Gの導入など技術の高度化や多様化する市場ニーズへの対応力もより一層求められ、それに伴う投資も膨らんでいくものと考えられる中、今後予想される事業環境の変化、既存IPの強化や世界的レベルの新規IP創出などへの投資を見据え、テンセントグループと業務提携だけに留まらず資本提携による強固な関係を築くことで、大型投資を可能

                                            マーベラスが中国テンセントと資本提携 テンセント子会社Image Frame Investmentが筆頭株主に 新株発行で約49億円を調達 | gamebiz
                                          • EC2のイメージ作成を劇的に効率化するEC2 Image Builderが発表されました! #reinvent | DevelopersIO

                                            EC2のイメージ作成を自動化するEC2 Image Builderが発表されました! 「イメージの定期更新、いつも俺がやってるねんけど、これめんどくさい…」 何らかのカスタムしたEC2イメージを利用してシステムを運用している場合、そのイメージのメンテナンスは非常に手間がかかるものです。イメージにはいろんなアプリケーションが含まれますが、それらの更新をせずに放置したイメージを使い続けると、システム全体のセキュリティリスクが増大してしまいます。 そんな手間を一気に解決させるサービスが、今般、AWSからリリースされたEC2 Image Builderです。 Automate OS Image Build Pipelines with EC2 Image Builder | AWS News Blog 今まで手動で実行したり、Packerなどのサードパーティ製ツールを使って実装する必要があったイメ

                                              EC2のイメージ作成を劇的に効率化するEC2 Image Builderが発表されました! #reinvent | DevelopersIO
                                            • 画像生成AI「Bing Image Creator」が日本語対応--英語なしでOKに

                                              マイクロソフトの画像生成AI「Bing Image Crator」 が日本語に対応した。英語を使わずに、日本語テキストで画像を生成できるようになった。 Bing Image Creatorは、入力したテキストをもとに画像を生成するサービスだ。画像の生成には、「ChatGPT」を開発したOpenAIの別プロジェクトの1つである「DALL・E2」を利用している。Mirosoftは同モデルを開発したOpenAIに出資している。

                                                画像生成AI「Bing Image Creator」が日本語対応--英語なしでOKに
                                              • Drag Your GAN: Interactive Point-based Manipulation on the Generative Image Manifold

                                                Drag Your GAN: Interactive Point-based Manipulation on the Generative Image Manifold Abstract Synthesizing visual content that meets users' needs often requires flexible and precise controllability of the pose, shape, expression, and layout of the generated objects. Existing approaches gain controllability of generative adversarial networks (GANs) via manually annotated training data or a prior 3D

                                                • コンテナイメージ最新事情 -Beyond the Best Practices- / Modern Container Image Build -Beyond the Best Praticies-

                                                  コンテナイメージ最新事情 -Beyond the Best Practices- / Modern Container Image Build -Beyond the Best Praticies-

                                                    コンテナイメージ最新事情 -Beyond the Best Practices- / Modern Container Image Build -Beyond the Best Praticies-
                                                  • ロスレス画像圧縮: QOI(Quite OK Image) format

                                                    QOI(Quite OK Image) format 2021年11月にDominic Szablewski氏(@phoboslab)の手による新しいロスレス画像圧縮「QOI(Quite OK Image) format」がアナウンスされました。 C言語のヘッダオンリー・ライブラリとしてわずか300行たらずで実装され、PNGフォーマットに近いデータ圧縮性能でありながら、20~50倍のエンコード速度、3~4倍のデコード速度を実現しています(作者自身によるアナウンス記事より)。 アナウンス記事: Lossless Image Compression in O(n) Time ソースコード: GitHub phoboslab/qoi ベンチマーク結果: QOI Benchmark Result この記事ではQOIフォーマットに関する個人的評価と、その画像圧縮アルゴリズムをざっくりと解説します。

                                                      ロスレス画像圧縮: QOI(Quite OK Image) format
                                                    • Java最新フレームワーク、Helidon、Micronaut、Quarkusをnative-imageまでまとめて試す - きしだのHatena

                                                      最近でてきたフレームワーク、Helidon、Micronaut、Quarkusのクイックスタート、Native-Imageをまとめて試しましょう。 準備 SDKMANインストール 今回はSDKMANで環境を作っていきます。 https://sdkman.io/ コマンドラインで次のコマンドを実行します。Windowsの場合はCygwinかWSLで。 $ curl -s "https://get.sdkman.io" | bash ターミナルを開きなおすか次のコマンドを実行するとSDKMANが有効になります。 $ source "$HOME/.sdkman/bin/sdkman-init.sh" JDKインストール 今回はnative-imageまで使うのでGraalVMを使っておきましょう。 $ sdk use java 19.1.0-grl native-imageの準備も行います。Cy

                                                        Java最新フレームワーク、Helidon、Micronaut、Quarkusをnative-imageまでまとめて試す - きしだのHatena
                                                      • Docker イメージのダイエットが成功するまで帰れまてん / Docker Image Diet Challenge

                                                        未来大×企業エンジニア 春のLT大会

                                                          Docker イメージのダイエットが成功するまで帰れまてん / Docker Image Diet Challenge
                                                        • ニャタBE on Twitter: "Blenderを覚えたいと思ってる絵描きさんは是非Image as planeという拡張機能を試して欲しくて これで描いた絵を取り込んでナイフツールで適当に凸凹を付けたらお手軽に3D化出来るよっていう素敵機能です 3枚目に入れ方… https://t.co/KuMTtio9K8"

                                                          Blenderを覚えたいと思ってる絵描きさんは是非Image as planeという拡張機能を試して欲しくて これで描いた絵を取り込んでナイフツールで適当に凸凹を付けたらお手軽に3D化出来るよっていう素敵機能です 3枚目に入れ方… https://t.co/KuMTtio9K8

                                                            ニャタBE on Twitter: "Blenderを覚えたいと思ってる絵描きさんは是非Image as planeという拡張機能を試して欲しくて これで描いた絵を取り込んでナイフツールで適当に凸凹を付けたらお手軽に3D化出来るよっていう素敵機能です 3枚目に入れ方… https://t.co/KuMTtio9K8"
                                                          • すぐに試せる日本語BERTのDocker Imageを作ってみた - 機械学習 Memo φ(・ω・ )

                                                            はじめに 学習済みBERTを試しに触ってみたいんだけど、日本語使えるBERTの環境整えるの面倒!っていう人向けに、お試しでBERTを使える Docker Image 作ってみました。 BERT はTransformers(旧pytorch-transformers、旧pytorch-pretrained-bert) を使用。 黒橋・河原研究室のWEBサイトに掲載されている、日本語pretrainedモデルのWhole Word Masking版を使ってます。 Transformers — transformers 2.2.0 documentation BERT日本語Pretrainedモデル - KUROHASHI-KAWAHARA LAB Docker Image ここに置いてあります。 https://hub.docker.com/r/ishizakiyuko/japanese_be

                                                              すぐに試せる日本語BERTのDocker Imageを作ってみた - 機械学習 Memo φ(・ω・ )
                                                            • Next.js 10 の画像最適化システム next/image を読んで理解を深める

                                                              ※ ソースコードは 2020/11/20 時点の canary ブランチを参照しています。 Next.js 10 では next/image から提供されるコンポーネントを使用することで、開発者が特別に意識することなく画像を最適化することができるようになりました。リリースのタイミングで Next.js Conf が開催されていたこともあり、この機能は大きく話題になりました。 今回はコードを読みながら最適化の裏側を紐解いて next/image の理解を深めようと思います。 何を調べるのか 目的を持たずに読んでいると露頭に迷いそうなので、最初に何を調べるのか決めました。 今回は最適化の仕組みを紐解くことを目的として、コードを読みながら次の 2 つについて調べます。 最適化された画像の出し分け 画像最適化処理 結論 最適化された画像の出し分け img 要素の srcset 属性を利用して画面サ

                                                                Next.js 10 の画像最適化システム next/image を読んで理解を深める
                                                              • Google Colab で、お手軽 Text-to-Image

                                                                最近話題のお絵描きAIをGoogle Colabで試してみようという記事です。 ここで使うAIは、stability.aiの stable diffusion というモデルで、つい最近 CreativeML Open RAIL-Mライセンスの下、オープンソースでリリースされました。 StableDiffusionに関する日本語記事は、深津 貴之さんの記事が面白いので是非こちらをお読みください。 stability.aiの記事で、Google Colabを用いて使う方法についての説明があり、試してみたところ本当に簡単に実行できてしまったので、その手軽さを紹介できればと思います。 実際に試したい場合は、元記事のGoogle Colabのノートブックが丁寧に説明しているので、そちらをご覧いただければと思います。 試してみる。 必要なもの Google アカウント Hugging Face アカウ

                                                                  Google Colab で、お手軽 Text-to-Image
                                                                • GitHub - Aloxaf/silicon: Create beautiful image of your source code.

                                                                  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.

                                                                    GitHub - Aloxaf/silicon: Create beautiful image of your source code.
                                                                  • Maximally optimizing image loading for the web

                                                                    In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. I'll present them in the form of an annotated HTML example to make it easy for folks to reproduce the results. Some of these techniques are more established, while others are somewhat novel. Ideally, your favorite mechanism for pub

                                                                      Maximally optimizing image loading for the web
                                                                    • 今の私はChatGPTやtext-to-image、text-to-videoにより、以下の仕事が専門家並みに可能です。 ・医者(特に精神科医 ・弁護士 ・弁理士 ・税理士 ・作家 ・写真家 ・イラストレーター ・アニメーター ・映画監督 ・ソフトウェアエンジニア 他 もちろん、想像の範囲なので試してみないとわかりませんが。

                                                                        今の私はChatGPTやtext-to-image、text-to-videoにより、以下の仕事が専門家並みに可能です。 ・医者(特に精神科医 ・弁護士 ・弁理士 ・税理士 ・作家 ・写真家 ・イラストレーター ・アニメーター ・映画監督 ・ソフトウェアエンジニア 他 もちろん、想像の範囲なので試してみないとわかりませんが。
                                                                      • GitHub - CompVis/stable-diffusion: A latent text-to-image diffusion model

                                                                        Stable Diffusion was made possible thanks to a collaboration with Stability AI and Runway and builds upon our previous work: High-Resolution Image Synthesis with Latent Diffusion Models Robin Rombach*, Andreas Blattmann*, Dominik Lorenz, Patrick Esser, Björn Ommer CVPR '22 Oral | GitHub | arXiv | Project page Stable Diffusion is a latent text-to-image diffusion model. Thanks to a generous compute

                                                                          GitHub - CompVis/stable-diffusion: A latent text-to-image diffusion model
                                                                        • Javaに革命を起こすGraalVM Native Image

                                                                          Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

                                                                            Javaに革命を起こすGraalVM Native Image
                                                                          • background-imageの表示ラグ問題を(ほぼ)CSSのみで実装するCSS遅延読み込みで解決

                                                                            ベストプラクティスとも限らないですが、プレーンなHTML・CSSサイトでも手軽に実装できる方法を紹介します。 background-imageの一瞬表示されない問題 CSSのbackground-imageはその画像が表示されるまで読み込まれません。例えばユーザーのアクションに応じてbackground-imageを変える場合、変更後の画像はユーザーアクションが行われてから初めて読み込まれます。(この読み込みは初回のみ行われるので、2回目以降は発生しません) 遅延表示のサンプル より具体的な現象としては、独自デザインのラジオボタンやチェックボックスをクリックした時、初回のみ一瞬遅れて表示される、というのがあります。他にもdisplay: noneで非表示にしている要素を表示させた場合でも同様の表示ラグが発生します。 ▼初回のみ表示が遅くなっている様子(分かりやすくするためにネットワーク速度

                                                                              background-imageの表示ラグ問題を(ほぼ)CSSのみで実装するCSS遅延読み込みで解決
                                                                            • distroless imageを実用する | うなすけとあれこれ

                                                                              distrolessは、Googleが提供している、本当に必要な依存のみが含まれているcontainer imageです。そこにはaptはおろかshellも含まれておらず、非常にサイズの小さいimageとなっています。余計なプログラムが含まれていないことは attack surfaceの縮小にも繋がり、コンテナのセキュリティについての事業を展開しているSysdig社が公開しているDockerfileのベストプラクティスとしてもdistroless imageを使うことが推奨されています。 Dockerfileのベストプラクティス Top 20 | Sysdig 軽量Dockerイメージに安易にAlpineを使うのはやめたほうがいいという話 - inductor’s blog また先日、inductorさんがこのようなブログ記事を書き話題になりました。この記事からdistroless ima

                                                                                distroless imageを実用する | うなすけとあれこれ
                                                                              • Introducing OG Image Generation: Fast, dynamic social card images at the Edge – Vercel

                                                                                We’re excited to announce Vercel OG Image Generation – a new library for generating dynamic social card images. This approach is 5x faster than existing solutions by using Vercel Edge Functions, WebAssembly, and a brand new core library for converting HTML/CSS into SVGs. Dynamic with limitsThe engagement rate of Tweets that embed a card is 40% higher. While creating and sharing static social image

                                                                                  Introducing OG Image Generation: Fast, dynamic social card images at the Edge – Vercel
                                                                                • UIT 発の OSS コンポーネント glitch-image を公開しました

                                                                                  glitch-image の使い方 一番シンプルに glitch-image を使う方法は <script> タグで呼び出す方法です。 <script src="https://unpkg.com/@uit/glitch-image@0.0.9/dist/glitch-image/glitch-image.js"></script> <div style="width: 200px; height: 200px;"> <glitch-image src="..."></glitch-image> </div> Web Component なので、これだけで好きな画像にグリッチエフェクトを適応することができます。 一方で、React や Vue.js などのコンポーネント内で適用したいケースも勿論あるはずです。そういった時は、 NPM パッケージ `@uit/glitch-image` をイ

                                                                                    UIT 発の OSS コンポーネント glitch-image を公開しました