並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 106件

新着順 人気順

gifの検索結果1 - 40 件 / 106件

gifに関するエントリは106件あります。 画像ネタGIF などが関連タグです。 人気エントリには 『JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ』などがあります。
  • JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ

    JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、イベントループ、スコープチェーン、プロトタイプ継承、非同期処理、ジェネレータ関数、Hoisting(巻き上げ)など、GIFアニメを使用して詳しく解説しています。 シリーズ7本すべてと、プラス1として楽しく学べるクイズもあります。 JavaScript イベントループの仕組み JavaScriptでエラーの原因となるHoisting(巻き上げ)の仕組み JavaScriptのスコープチェーン・変数参照の仕組み JavaScriptエンジンの仕組み JavaScript プロトタイプ継承の仕組み JavaScriptのジェネレータ関数とイテレータの仕組み JavaScriptの

      JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ
    • なぜドット絵作家が、海外ファンからの課金支援で生活できるようになったのか?|クリエイターエコノミーラボ

      どこかノスタルジアを感じさせるドット絵・GIFアニメを発信し、国内外から支持されるイラストレーターの豊井さん。 彼が主に扱うモチーフは、特別で非日常的な何かというよりは、日本で暮らす人なら日常的に見かけるような、生活の中にありふれた景色です。 *画像は全て豊井さんのTumblrアカウントより引用* アニメーションの動き自体は単調なようで、思わずついじっと見入ってしまい、いつの間にか時間が経ってしまっているような、人を惹きつける作風が魅力です。 そんな作品を描いて生活する豊井さんですが、実は絵の仕事の収入が不安定で、生活保護を受給していた時期もあったといいます。 しかし、現在は海外発のクリエイター支援サービス「Patreon」(パトレオン)で500人を超えるパトロンから金銭的な支援を受けているおかげで、絵の仕事に集中できているそうです。 なかなか安定しなかったイラストレーターとしての活動が、

        なぜドット絵作家が、海外ファンからの課金支援で生活できるようになったのか?|クリエイターエコノミーラボ
      • Gitでよく使用するコマンドをGIFアニメで解説

        Gitでよく使用するコマンドが何を行っているかをGIFアニメで解説した記事を紹介します。 Gitのマージ、リベース、リセット、チェリーピック、フェッチ、プル、リフログなど、コマンドを実行した時にブランチはどのように相互作用し、履歴にどのような影響を与えるのか視覚的に学べます。 🌳🚀 CS Visualized: Useful Git Commands by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Gitのマージ(fast-forward, no-fast-forward) Gitのリベース(rebase) Gitのリセット(reset, revert) Gitのチェリーピック(cherry-pick) Gitのフェッチ(fetch) Gitのプル(pull) Gitのリフログ(re

          Gitでよく使用するコマンドをGIFアニメで解説
        • JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説

          JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️🎀 JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promiseの構文 イベントループ: Microtasksと(Macro)tasks AsyncとAwait はじめに JavaScriptのコードが期待通りに実行されないことに悩まされたことはないですか? おそらく、関数が不規則に実行されたり、予測できないタイミングで実行されたり、実行が遅れたりしたことがあるかもしれません。そして、ES6で導入された新機能Promiseが原因かもしれません! 何年も

            JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説
          • JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説

            Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🚀⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: JavaScriptエンジン JavaScriptはクールです(私はそう思います)が、あなたが書いたコードをマシンが実際に理解するにはどうすればいいのでしょうか。JavaScriptデベロッパーは通常、コンパイラを自分で扱う必要はありません。しかし、JavaScriptエンジンの仕組みを理解し、人に優しいJavaScriptコードをどのように処理

              JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説
            • 「動いてるでしょ!?」「信じられない」 箱がすごい動いて見えるのに動いてない錯視GIFに反響

              箱(立方体)が左右・上下・斜め・回転・拡大&縮小と、色んな動き方をしているように見えるGIF画像がTwitterで話題です。実際には動いていないだと……? 箱の中央に矢印があり、それが指し示す方向に箱が動いているように見えます。しかし、よく見ると箱は元の位置から変わっておらず、感じる動きとのズレから頭が混乱します。 矢印の方向に箱が動いているように見える 静止画だとただ色が変わっているだけにしか見えない不思議 箱の色は「白→グレー→黒……」とチカチカ変化 さまざまな錯視作品やネタGIFを公開している「じゃがりきん」さん(@jagarikin)が「動いてないです」の文言を添えてツイートし、「動いてるでしょ!?」「信じられない」と3万近くリツイートされています。中には「流石に動いてるやろって思って指当てて見てみたら動いてなかった」と確認する声や、「目をパチパチ瞬きしながら見ると全然動いてないの

                「動いてるでしょ!?」「信じられない」 箱がすごい動いて見えるのに動いてない錯視GIFに反響
              • 画力難民の救世主! 発想が天才すぎるエンジニアの作ったサイトに「凄すぎ」と称賛の声

                Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

                  画力難民の救世主! 発想が天才すぎるエンジニアの作ったサイトに「凄すぎ」と称賛の声
                • 無音なのに音を感じるGIFアニメにSNSが騒然!視覚的な刺激が聴覚に影響を与えるマガーク効果とは? : カラパイア

                  GIFアニメは短い無音のアニメーションだ。普通の動画とは違って、そこに音を記録したデータは含まれていない。だから基本的には音がない。 それなのに、なぜか音を感じてしまう不思議なGIFアニメがツイッター上で話題になっている。Happy Toastさんが作った鉄塔が電線で縄跳びをしているGIFアニメだ。 グラスゴー大学のリサ・ディブルイン博士が音が聞こえるかどうかアンケート調査をしてみたところ、調査に参加した人のじつに75%が「ドスン」という音が聞こえると回答。さらに4%の人も、それ以外の音が聞こえると回答している。 一体どうして一部の人々は、無音のはずのGIFアニメから音を感じ取ってしまうのだろう?

                    無音なのに音を感じるGIFアニメにSNSが騒然!視覚的な刺激が聴覚に影響を与えるマガーク効果とは? : カラパイア
                  • 「GIFをジフと呼ばないで」キャンペーン GIPHYとピーナツバター「Jif」メーカーがコラボ

                    動画フォーマット「GIF(Graphics Interchange Format)」は「ジフ」ではなく「ギフ」と読む、とギフという読み方を普及させようというキャンペーンが始まった。米国のピーナツバターの定番「Jif」(ジフと読む)のメーカーがGIPHYとコラボしている。 「GIFを“ジフ”と呼んではいけません」──。GIFアニメコミュニティの米GIPHYとピーナツバターの米国の定番「Jif(ジフと発音する)」のメーカーJ.M. Smucker Companyが、米国の3月1日の「National Peanut Butter Lovers Day」に向けて、コラボキャンペーン「JIFvsGIF」を開始した。 GIFは画像フォーマットの1つでGraphics Interchange Formatに由来する。GIPHYだけでなく、TwitterやInstagramでもGIFアニメは多数投稿されて

                      「GIFをジフと呼ばないで」キャンペーン GIPHYとピーナツバター「Jif」メーカーがコラボ
                    • これこそネットの原体験…「88×31ピクセルのGIFバナー」をひたすら収集した海外サイト【やじうまWatch】

                        これこそネットの原体験…「88×31ピクセルのGIFバナー」をひたすら収集した海外サイト【やじうまWatch】
                      • CORSの仕組みをGIFアニメで分かりやすく解説

                        クロスオリジンのリクエストを安全にするための同一生成元ポリシーとオリジン間のリソース共有(CORS)の仕組みをGIFアニメで解説した記事を紹介します。 ✋🏼🔥 CS Visualized: CORS by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ✋🏼同一生成元ポリシー(Same-Origin Policy)とは 🔥クライアントサイドのCORS 💻サーバーサイドのCORS 🚀プリフライト リクエスト(Preflighted Requests) 🍪認証 はじめに 「Access to fetched to fetched has been blocked by CORS policy error」と赤い文字がコンソールに表示されると、デベロッパーなら誰でもフラストレーションが

                          CORSの仕組みをGIFアニメで分かりやすく解説
                        • group_inou / HAPPENING

                          Interactive GIF Music Video by AC-bu

                            group_inou / HAPPENING
                          • コナミの訴訟に対する知財屋さんからの雑感

                            ゲーム業界ではないけど、とあるメーカーの知財部で出願・権利化業務を担当している。 ちょうど1年前のゆっくり商標の時と同じように、昨日からずっと増田やTwitterの流れを見てきていろいろと面白い気づきもあったけど、 「特許を取って自社の有利になるように権利行使する」という、知財機能があるメーカーだったら通常どこでもやってるようなこと(むしろ知財対応としては褒めるべき内容)なのに、 コナミがやってるからってだけで過剰に叩かれてるのがモヤモヤする。 もちろん自分もオタクなので、自分が好きなコンテンツがサ終になるかもしれないとなったら冷静でいられなくなるのは分かるけどさ。 一回冷静になって自分の主張を見つめ直してみるといいと思う。 逆に、自分の会社が自社製品で考えたウリにできるような特徴を特許出願して、真似してきた他社に止めてもらおうとしたら、 「権利行使は悪!」「使わせてあげるぐらいいいやろ!

                              コナミの訴訟に対する知財屋さんからの雑感
                            • パワポはGIFアニメ作成ツールとしても有能! 万能ツール「PowerPoint」を使い倒そう

                                パワポはGIFアニメ作成ツールとしても有能! 万能ツール「PowerPoint」を使い倒そう
                              • 便利なツールが登場! 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images

                                次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像(SVG, PNG, JPG, GIF)の最適化と圧縮、画像の新しいフォーマット(WebPやAVIF)への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の

                                  便利なツールが登場! 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
                                • The 88x31 GIF Collection | Part 1

                                  The 88x31 GIF Collection: Part 1 A collection of 4210 classic 88x31 buttons from the 1990s, 2000s, and today in GIF format. I try to update this page regularly. Feel free to copy buttons to your website, but avoid hot-linking if possible. Part 1 / Part 2 / Part 3 / Part 4 / Part 5 Last updated: 2023/07/22

                                  • JavaScript プロトタイプ継承の仕組みをGIFアニメで分かりやすく解説

                                    JavaScriptにはどのオブジェクトにもプロトタイプと呼ばれる便利な隠しプロパティがあります。プロトタイプ継承の仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🎉👨‍👩‍👧‍👧 JavaScript Visualized: Prototypal Inheritance by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: プロトタイプ継承 文字列や配列、オブジェクトに対して.length, .split(), .join()のような組み込みメソッドを使用できるのか、疑問に思ったことはありませんか? それらを明示的に指定したことはありませんが、どこからきたものでしょうか? これは、プロトタイプ継承(prototypal in

                                      JavaScript プロトタイプ継承の仕組みをGIFアニメで分かりやすく解説
                                    • たい焼きを2つに割るアニメーションに海外の人から「NOOOOOOO」と悲鳴が→どうやらこう見えてるらしい

                                      みねざ @Minezawa アニメーター兼・絵コンテとか演出。フリー。画面の設計するのが好きですが、だいたいごはんとお酒のことを考えてます。※しばらくは新作準備で完全拘束中 twpf.jp/Minezawa みねざ @Minezawa メシ原画集「メシが描きたい!」に掲載した『もちもちたいやきを二つに割るだけのクッソ地味な原画』のGIFアニメです。 我ながら、教科書通りの面白みがない地味さ加減だぜ。 本にはシートも載せてるから、正月ヒマしてたら見てくれよな。 pic.twitter.com/9hF4i5gVai 2023-01-03 11:53:14

                                        たい焼きを2つに割るアニメーションに海外の人から「NOOOOOOO」と悲鳴が→どうやらこう見えてるらしい
                                      • この発想はすごい!アニメーションgifの再生・停止をコントロールできるJavaScriptライブラリ -Freezeframe.js

                                        アニメーションgifの再生・停止をホバー・クリック・タップ、そしてボタン・アイコンでコントロールできる軽量JavaScriptライブラリを紹介します。 canvasに書き込むという発想がすごいですね。 通常アニメーションgifは自動再生されますが、このスクリプトを使用すると、ユーザーの操作をトリガーに再生・停止させることができます。 Freezeframe.js -GitHub Freezeframe.jsの特徴 Freezeframe.jsのデモ Freezeframe.jsの使い方 Freezeframe.jsの特徴 Freezeframe.jsではアニメーションgifの最初のフレームだけをcanvasに書き込み、gifの静止画バージョンを自動作成します。あとは、この静止画バージョンとアニメーションgifをトリガーで切り替え、アニメーションgifを再生・停止させます。 下記は、ホバーで

                                          この発想はすごい!アニメーションgifの再生・停止をコントロールできるJavaScriptライブラリ -Freezeframe.js
                                        • 日本相撲協会がTwitterで謎の「ハートキャッチゲーム」を公開 スライドする力士と落ちてくるハート

                                          日本相撲協会が、公式Twitter(@sumokyokai)で謎の「ハートキャッチゲーム」を公開しています。どういうことなの……。 11月10日から開催される「大相撲九州場所」の特別企画として投稿されたもの。タイミングよくGIF画像をタップし、左右にスライドする力士「翔猿」(追手風部屋)が落ちてくるハートをキャッチできたらクリア(?)です。ビジュアルがかなりシュールですが、やってみると意外と難しくてハマるかも……? これは……!?(日本相撲協会の公式Twitterより) 公式とは思えないシュールさ もし“大きなハートを持つ翔猿”でGIF画像を止められたら、スクショを撮ってシェアしましょう。公式とは思えない、かわいさとたくましさのコラボがたまらない。 Twitterでは続々と“大きなハートを持つ翔猿”が量産(投稿)されており、「笑った」「好き」「つい真剣にやってしまったw」と夢中になる人の声

                                            日本相撲協会がTwitterで謎の「ハートキャッチゲーム」を公開 スライドする力士と落ちてくるハート
                                          • Party Parrot とは 〜イカれたオウムの歴史を紐解く〜 - Qiita

                                            Slackユーザでなくともエンジニアの方なら一度は見かけたことがあるであろうこのGif画像。 Party Parrot という名称で世界中で愛されています。 ただ、このParty Parrotが何者なのかご存知でしょうか。 奇妙でどこか愛らしい彼の、意外と知られていない歴史を紐解いていきます。 きっかけはBBC 全ての始まりは2009年9月4日にBBCが放映した「Last Chance to See」というテレビ番組の1シーンでした。 イギリスの俳優スティーヴン・フライ(Stephen Fry)と動物学者マーク・カーワーダイン(Mark Carwardine)は撮影でニュージーランドを訪れます。 目的は、世界で唯一飛べないオウムであるカカポ(和名:フクロウオウム)を撮影することです。 Mnolf - Photo taken on Codfish Island (Whenua Hou), N

                                              Party Parrot とは 〜イカれたオウムの歴史を紐解く〜 - Qiita
                                            • ウェブサイトに透過動画を埋め込む方法 - ICS MEDIA

                                              今ではサイト内に動画やアニメーションを利用することはそこまで特別なことではなくなりました。実はブラウザーや技術の進歩により最近は透明部分のある動画(アルファ付き動画)をサイト内に埋め込むことも可能になってきました。本記事では動画内容に応じた透過動画を、メリット・デメリットなどを交えながら、動画ファイルだけでなくさまざまな実装方法を紹介します。 記事前半では主に動画形式での実装方法を、後半ではアニメーション画像形式での実装方法を解説します。 サンプルを別ウインドウで開く コードを確認する ※デモの再生には通信量が多いため、モバイルデータ通信などを利用の方は注意ください。 コーデックとコンテナー まず、動画ファイルの仕組みである「コンテナー」と「コーデック」について簡単に説明します。 よく動画ファイルの拡張子に「.mp4」や「.mov」などを見たことがあると思います。これらはマルチメディアコン

                                                ウェブサイトに透過動画を埋め込む方法 - ICS MEDIA
                                              • 化学のgif画像見せたろか? : 哲学ニュースnwk

                                                2023年04月02日00:00 化学のgif画像見せたろか? Tweet 1: 名無しさん@おーぷん 2016/07/26(火)11:10:42 ID:Dto たろか? 転載元:http://hayabusa.open2ch.net/test/read.cgi/livejupiter/1469499042/「哲学的ゾンビ」 「世界5分前仮説」←有り得ないと解りつつ不安になるよな 5: 名無しさん@おーぷん 2016/07/26(火)11:12:02 ID:Dto こんなやつや 6: 名無しさん@おーぷん 2016/07/26(火)11:13:08 ID:Dto 156: 名無しさん@おーぷん 2016/07/26(火)13:04:25 ID:vCo >>6 メデューサみたい 8: 名無しさん@おーぷん 2016/07/26(火)11:13:52 ID:Dto 9: 名無しさん@おーぷん

                                                  化学のgif画像見せたろか? : 哲学ニュースnwk
                                                • エンジニアはつらいよ。ミーム動画で遊ぶエンジニアたち - 中華IT最新事情

                                                  ネット上では、誰がオリジナルの作者なのかもはやわからなくなっているミーム画像、ミームGIFが出回っている。エンジニアたちは、このようなミームを拡散するのが大好きで、知乎などのQ&Aサイトに、そのようなミームを集めたまとめ記事が投稿されることがある。 誰の著作物かもはやわからなくなっているミーム ネット上にはミーム画像、ミーム動画が存在している。元々は誰かの著作物なのだろうが、改変されることを繰り返して、もはや原著作者が誰だかわからなくなっているような画像、動画だ。あるいは原著作者が、勝手に二次利用されることを容認、黙認しているものだ。 ミームとは遺伝子に対応するものとして、遺伝学者リチャード・ドーキンスが作った言葉。文化も遺伝子と同じように、模倣を繰り返しながら継承されていくというものだ。ミームは、ミミック(模倣)、メモリー(記憶)などの言葉から作った言葉だという。 エンジニアたちは自虐的

                                                    エンジニアはつらいよ。ミーム動画で遊ぶエンジニアたち - 中華IT最新事情
                                                  • GIFアニメーションの再生速度変更・モザイク処理・透過処理など多数の編集が可能な「Online GIF Tools」

                                                    連続した画像ファイルで一連の動きが付けられたアニメーションGIFを切り取ったり、明るさを変えたりといった編集が可能なオンラインツールが「Online GIF Tools」です。ブラウザで動作するこのGIF編集ツールを実際に使ってみました。 Online GIF Tools - Simple, free and easy to use GIF utilities https://onlinegiftools.com/ Online GIF Toolsのトップページはこんな感じで、利用可能な編集ツールがずらっと表示されています。 記事掲載時点で使える編集ツールは以下の45種類。 ・Play a GIF Frame by Frame(GIFアニメーションを1フレーム単位で閲覧・再生・ダウンロード) ・Convert GIF to Sprite Sheet(GIFアニメーション内の全フレームを1枚

                                                      GIFアニメーションの再生速度変更・モザイク処理・透過処理など多数の編集が可能な「Online GIF Tools」
                                                    • Stick Figure Recorder

                                                      Create animated stick figure gifs by recording youself with your webcam!

                                                        Stick Figure Recorder
                                                      • TVアニメ「PUI PUI モルカー」【公式】 | GIFMAGAZINE

                                                        Edit TVアニメ「PUI PUI モルカー」【公式】 テレビ東京系「きんだーてれび」内にて毎週火曜あさ7時30分〜放送中! https://molcar-anime.com/

                                                          TVアニメ「PUI PUI モルカー」【公式】 | GIFMAGAZINE
                                                        • 【訃報】画像ファイルフォーマット「GIF」生みの親スティーブ・ウィルハイト氏死去

                                                          特定の色を透明にする背景の透過表示や、複数の画像を1つのファイルに収めてのアニメーション表示、ファイルの読み込みが進むにつれて画像を表示する「インターレース表示」といった機能を備えた画像ファイルフォーマットとして知られる「GIF」の設計に携わったコンピューター科学者のスティーブ・ウィルハイト氏が、2022年3月14日、新型コロナウイルス感染症(COVID-19)のため亡くなりました。74歳でした。 Stephen E. Wilhite Obituary - Visitation & Funeral Information https://www.megiefuneralhome.com/obituaries/Stephen-E.-Wilhite?obId=24311617 Stephen Wilhite, creator of the GIF, has died - The Verge h

                                                            【訃報】画像ファイルフォーマット「GIF」生みの親スティーブ・ウィルハイト氏死去
                                                          • このGIFにクライアントとのメールの辛いポイントがつまっていて怖い「金曜午後にアタック」「プロデューサーは最悪あっち側」

                                                            Broderie🦚 @GoutteBroderie クライアント担当者→上司からのアタックがキツすぎて リアルで吹いたw クライアント内で詰めてからOK出してほしかったやつ(デザイナー&イラストレーター目線で見ちゃう) twitter.com/hamahouse/stat… 2023-04-12 10:50:26 ドムదొము🌹 @chatray 分かりみしかない…。 黒いCLTは部長や法務で、積み上げてきたデザインが瓦解するのは稀によくある。 そしてコネコネしたあと、結局最初に戻るのも稀によくあり、その間の工数費用がデザイナーやイラストレーターに追加で支払われないのはよくある。おんおん twitter.com/hamahouse/stat… 2023-04-12 10:17:00

                                                              このGIFにクライアントとのメールの辛いポイントがつまっていて怖い「金曜午後にアタック」「プロデューサーは最悪あっち側」
                                                            • 0pxの画像ファイル - Un nouveau monde parfumé

                                                              序 0px.org というドメインを持っています。このドメインはなるべく短く、かつ意味ありげなドメインが欲しいと思って選んだだけで、特に意味はありません。専らサーバーの alias や短縮 URL に使っています。 さて、0px.org で配布すべきリソースとはなんでしょうか。当然 0px×0px の画像ファイルです。しかし、どんな画像編集ソフトでも大抵キャンパスサイズの最小は 1px×1px です。そもそも 0px の画像を許すフォーマットなどあるのでしょうか。というか画像を2次元的なものとするなら、0px×0px の画像は果たして画像なのでしょうか。 ……とりあえず 0px 画像の哲学的な問いかけは一旦忘れることとして、思いついたメジャーな画像フォーマットについて仕様上 0px×0px の画像が許されるのか、調べることにしました。 PNG www.libpng.org 3章 File

                                                                0pxの画像ファイル - Un nouveau monde parfumé
                                                              • GIFを最速でアニメーションさせるには遅延を最低値にしてはいけない

                                                                By John Hobbs GIFには複数画像を一つのファイルに組み込んで順番に表示することでアニメーション表示する機能が存在しており、簡易的にムービーをサイトに埋め込む手段として利用されています。アニメーション機能の設定ではコマが切り替わるまでの時間を指定可能ですが、仕様の限界まで時間を短くするとかえって切り替わりが遅くなってしまうという現象に遭遇したエンジニアのベン・フェルプスさんがその理由をブログにまとめています。 The Fastest GIF Does Not Exist https://www.biphelps.com/blog/The-Fastest-GIF-Does-Not-Exist GIFには1987年に公開されたGIF87aと1990年に公開されたGIF89aの2種類の仕様がありますが、アニメーションに対応しているのはGIF89aのみで、2022年時点において広く利用

                                                                  GIFを最速でアニメーションさせるには遅延を最低値にしてはいけない
                                                                • GIF画像にPython仕込む新たな攻撃「GIFShell」に注意、Microsoft Teamsが標的

                                                                  GIF画像にPython仕込む新たな攻撃「GIFShell」に注意、Microsoft Teamsが標的 eSecurity Planetは9月12日(米国時間)、「New GIFShell Attack Targets Microsoft Teams|eSecurityPlanet」において、GIF画像を悪用してMicrosoft Teamsのターゲットのマシン上で任意のコマンドを実行する、新たな攻撃チェーンが発見されたと伝えた。これは、セキュリティ専門家であるBobby Rauch氏によって発見されたサイバー攻撃で、「GIFShell」と名付けられている。 GIFShellの主なコンポーネントは、隠されたPythonスクリプトを含むGIF画像とされている。細工された画像は、リバースシェルを作成するためにMicrosoft Teamsのユーザーに送信されるという。マイクロソフトの正規のイ

                                                                    GIF画像にPython仕込む新たな攻撃「GIFShell」に注意、Microsoft Teamsが標的
                                                                  • ラーメンのスープの油をつついて集めて「ラーメン」と書く

                                                                    1987年東京出身。会社員。ハンバーグやカレーやチキンライスなどが好物なので、舌が子供すぎやしないかと心配になるときがある。だがコーヒーはブラックでも飲める。動画インタビュー 前の記事:土曜のお便り 〜なんか怖いダーツがある診察室 心置きなくスープをつつく方法を探す ラーメンのスープの油を集めるやつ、やった記憶はあるのだけど、いつ、どこでやったかを全く思い出せなかった。思い出せるのは丸い油をつついて大きくするワクワク感だけである。思い出す映像も、ラーメンの丼から外に出ない。前のめりだったんだろう。どこにいるんだ、昔の自分。 なんとなく醤油ベースの透き通ったスープだとやりやすいような印象はあるので、そこを取っ掛かりに始めてみよう。 見つけました。そういうラーメン。 麺と具を食べる。つつき甲斐のありそうなスープである。 しかし、やっぱりラーメン屋さんですることではないなと思う。店員さんも、作っ

                                                                      ラーメンのスープの油をつついて集めて「ラーメン」と書く
                                                                    • ChatGPT公式プラグイン「Code interpreter」を活用するためのTips - Qiita

                                                                      ChatGPT公式プラグイン「Code interpreter」がついに日本でも使えるようになったので、自ら検証したTipsをまとめます。 他にも追加できそうなTipsがあればコメントもらえると嬉しいです Code interpreterとは 「Code interpreter(コードインタープリター)」とは、ChatGPTが提供する公式プラグインの1つで、このプラグインを利用することで、ChatGPT上でPythonを使ったコードの実行や、ファイルのアップロード・ダウンロードができるようになります。 ファイルのアップロード機能を使うことで、チャット上にデータをアップロードし、そのデータに対してコードを実行することができるようになります。 また、作業の結果をcsvなどでダウンロードすることが可能です。 つまり、Code interpreterのプラグインを使うことで、ChatGPT上でPy

                                                                        ChatGPT公式プラグイン「Code interpreter」を活用するためのTips - Qiita
                                                                      • 【小ネタ】Macの画面を録画して、GIFアニメにする方法 | DevelopersIO

                                                                        はじめに サーバーレス開発部の藤井元貴です。 ブログに「Macの画面をGIFアニメで貼りたいな〜」と思ったのでやってみました。 こんな感じです! おすすめの方 Macで画面の動画を撮影したい Macで動画をGIFアニメに変換したい Macの画面を動画にする macOSがMojaveのとき macOSの機能で撮影できます! 準備 キーボードの「Shift + Command + 5」を同時に押します。 次に、「選択部分を収録」を押し、枠をドラッグ&ドロップし、収録範囲を決めます。 録画開始! 「収録」ボタンを押します。 任意の操作を行いましょう!! 終了 画面上部の「■」を押すと終了します。 Touch Barがある場合は、Touch Barの「停止」を押してもOKです。(こっちのほうが楽そう) macOSがMojave未満のとき 下記を参考にQuickTime Playerを利用して動画を

                                                                          【小ネタ】Macの画面を録画して、GIFアニメにする方法 | DevelopersIO
                                                                        • 写真を動かせっ! GIFアニメでひと工夫。読者を楽しませるアレンジ Graphics Interchange Format - 葉ログ

                                                                          写真を動かせっ! GIFアニメでひと工夫 動く写真で読者を楽しませませんか? 写真やイラストの重要性 百聞は一見に如かず 写真を動かしてみよう 動くものは目に止まる これまでに葉ログに掲載したGIFアニメーション 動画から作るGIFアニメーション 上級編、滑らかなGIFアニメーションをつくる モーフィングという技術 おわりに (約1500文字) 写真を動かせっ! GIFアニメでひと工夫 動く写真で読者を楽しませませんか? 写真やイラストの重要性 百聞は一見に如かず 葉(は)ログへようこそ。 ブログ記事が文字ばかりだと味気なくて、読者を飽きさせてしまいます。ブロガーさんたちもご自分の記事に興味をもっていただこうと、それぞれが趣向を凝らした写真やイラストをタイムリーに挿入されてますね。視覚からの情報は深く考えることなく、言いたいことを伝えてくれます。「 百聞は一見に如かず(みりゃーわかるじゃん

                                                                            写真を動かせっ! GIFアニメでひと工夫。読者を楽しませるアレンジ Graphics Interchange Format - 葉ログ
                                                                          • あなたのプロジェクトを煌やかにするアニメーションライブラリ18選 - Qiita

                                                                            Original article: https://dev.to/kerthin/18-amazing-github-repositories-that-will-help-you-make-a-beautiful-project-3pgo 以下はRoden( Twitter / GitHub / Webサイト )によるアニメーションライブラリ紹介記事、18 amazing 🤩 GitHub repositories that will help you 🪄 make a Beautiful Projectの日本語訳です。 help youの後の文字はPC版Chromeだと見えなかった。スマホ版では見れる。 元記事はリポジトリへのリンクだけというのも幾つかあるので、適当に解説を加えています。 18 amazing 🤩 GitHub repositories that will hel

                                                                              あなたのプロジェクトを煌やかにするアニメーションライブラリ18選 - Qiita
                                                                            • Remove Video Background – Unscreen

                                                                              By uploading a video or URL you agree to our Terms of Service. This site is protected by hCaptcha and its Privacy Policy and Terms of Service apply. Producing background-free video used to require complex and fiddly techniques like chroma keying and greenscreens. With Unscreen you can record your footage anywhere, then simply get rid of the background.

                                                                                Remove Video Background – Unscreen
                                                                              • GitHub - charmbracelet/vhs: Your CLI home video recorder 📼

                                                                                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 - charmbracelet/vhs: Your CLI home video recorder 📼
                                                                                • Windows で 画面操作を Gif で録画したいなら ScreenToGif がオススメ | DevelopersIO

                                                                                  結論「ScreenToGif はいいぞ!」 ScreenToGif は Windows 上での画面操作をサクッと録画して編集までできるので撮り直しの手間が省ける OSS のデスクトップキャプチャツールです。 今日は創立記念日! 7/7はクラスメソッドの創立記念日ということでブログ投稿する習慣があり、まだ入社1年にも満たない新人の私も「乗るしかない、このビッグウェーブに」の精神で書いてみました。 使いどころ 開発中のアプリケーションを操作していて挙動がおかしい、デザインが崩れているといった問題を見つけた時に、非同期コミュニケーションとして Gif アニメで画面操作を録画して Slack に貼り付け共有したり、新たな Issue を作成する際に操作方法や起こっていることを説明するのに使えるでしょう。 もちろんブログにアップロードする画像にも使えます。以前こちらのブログを書いたときに使用しました

                                                                                    Windows で 画面操作を Gif で録画したいなら ScreenToGif がオススメ | DevelopersIO

                                                                                  新着記事