並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 283件

新着順 人気順

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

  • JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ

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

      JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ
    • 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に反響
            • 無音なのに音を感じるGIFアニメにSNSが騒然!視覚的な刺激が聴覚に影響を与えるマガーク効果とは? : カラパイア

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

                無音なのに音を感じるGIFアニメにSNSが騒然!視覚的な刺激が聴覚に影響を与えるマガーク効果とは? : カラパイア
              • これこそネットの原体験…「88×31ピクセルのGIFバナー」をひたすら収集した海外サイト【やじうまWatch】

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

                  「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アニメは多数投稿されている。このフォーマットの読み方には諸説あり、開発者のスティーブ・ウィルハイト氏自身は2013年に「ジフ」と読むと語ったが、語源から「ギフ」が正しいという意見も根強い。 J.M. Smuckerはラベルに「GIF」と書いたスペシャル版ピーナツバターを発売(本稿執筆現在既に売

                    「GIFをジフと呼ばないで」キャンペーン GIPHYとピーナツバター「Jif」メーカーがコラボ
                  • 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アニメで分かりやすく解説
                    • JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説

                      JavaScript イベントループの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ✨♻️ JavaScript Visualized: Event Loop by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: イベントループ イベントループは、JavaScriptデベロッパーが避けては通れない関門の1つですが、最初は理解しにくいかもしれません。私は視覚学習者なので、GIFアニメで視覚的に説明することで、あなたの手助けをしようと思います。 説明の前に、まずイベントループとは何でしょうか? なぜ気にする必要があるのでしょうか? JavaScriptはシングルスレッドで、一度に実行できるタスクは1つだけです。通常は問題ありませんが、30

                        JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説
                      • ウェブサイトに仕込まれたマルウェアを何者かが無害なGIFアニメに置き換えていることが判明

                        非常に感染力・拡散力が高く、PCにダウンロードされることでさまざまなマルウェア感染を引き起こす「Emotet」は近年、その被害の大きさから問題視されています。このEmotetのマルウェアファイルが、何者かに無害なGIFアニメーションへと置き換えられているという報告があがっています。 Emotet being hijacked by another actor | by Kevin Beaumont | Jul, 2020 | DoublePulsar https://doublepulsar.com/emotet-being-hijacked-by-another-actor-b22414352a7b A vigilante is sabotaging the Emotet botnet by replacing malware payloads with GIFs | ZDNet htt

                          ウェブサイトに仕込まれたマルウェアを何者かが無害なGIFアニメに置き換えていることが判明
                        • パワポは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 4540 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/12/13

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

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

                                  JavaScript プロトタイプ継承の仕組みをGIFアニメで分かりやすく解説
                                • この発想はすごい!アニメーション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
                                  • 化学の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
                                    • GifCapture - デスクトップ操作をアニメーションGIF化

                                      アニメーションGIFはとても使い道が多いです。動画だとついつい冗長的になってしまいがちですが、アニメーションGIFはハイライト部分だけを切り出して作られています。面白い部分だけが繰り返し再生され、音声もないとあって、面白さが増幅します。 そんなアニメーションGIFをデスクトップで手軽に作成するソフトウェアとしてGifCaptureを紹介します。 GifCaptureの使い方 起動すると枠だけが表示されます。この部分が録画されます。 設定は保存場所だけ。 保存すると通知が送られてきます。 個人的にはLICEcapをメインで使っていますが、GifCaptureは同じような使い勝手のソフトウェアになります。LICEcapがちょっと機能が追加されて複雑になった気がしますが、GifCaptureはシンプルなままです。好みによりますが、個人的にはGifCaptureのが好きです。 GifCapture

                                        GifCapture - デスクトップ操作をアニメーションGIF化
                                      • 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」
                                        • 鍵の種類と特徴を解説! GIFアニメで見る「鍵が開く仕組み」 | レスキューラボ

                                          説明 鍵の取り付けや交換の際、「どんな種類の鍵を選べばいいんだろう?」と悩むもの。鍵の構造にはそれぞれ特徴があり、用途や目的は多岐にわたります。防犯性や使いやすさ、費用を考えて、自宅に合った鍵を選べるとよいでしょう。今回は、主に住居に使われる種類の鍵の特徴をGIFアニメとともに紹介。鍵が開く仕組みをしっかり理解することで、目的に沿った鍵を選びやすくなるでしょう。 鍵(錠前)の構造 鍵の種類を知る前にまずは、錠前の構造を押さえておきましょう。 錠前は簡単に言うと、扉を閉ざす目的で取り付けられた機構のことで、一般的に「シリンダー」と「タンブラー」の2つの部品の組み合わせでできています。 ◆シリンダー・・・鍵穴のこと。シリンダーは日本語で「円筒」を意味し、内筒と外筒に分けられる ◆タンブラー・・・シリンダー内の障害物のこと。障害物の状態に合った鍵を挿し込むことで、開錠・施錠できる つまり、錠前は

                                            鍵の種類と特徴を解説! GIFアニメで見る「鍵が開く仕組み」 | レスキューラボ
                                          • 【訃報】画像ファイルフォーマット「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」生みの親スティーブ・ウィルハイト氏死去
                                            • Twitter、1ツイートに動画、GIF、画像を混ぜて4つまで添付できるように

                                              米Twitterは10月5日(現地時間)、1つのツイートで4つまでの動画、画像、GIF(以下、「ビジュアルコンテンツ」)をシェアできるようにしたと発表した。既にAndroidおよびiOSアプリで利用できる。 例えば、以下のツイートのように雨が降っているGIFを眺めるカーミットの画像といった遊びもできる。 Twitterはこの他、スポーツメディアであればゴールの決定的瞬間の画像と動画を並べる、コスメ系YouTuberであればメイクのプロセスを示す動画と完成画像を並べるなどの活用例を紹介した。

                                                Twitter、1ツイートに動画、GIF、画像を混ぜて4つまで添付できるように
                                              • この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にクライアントとのメールの辛いポイントがつまっていて怖い「金曜午後にアタック」「プロデューサーは最悪あっち側」
                                                • ピクシブのインターンに参加してアニメーションのエンコードをGIFから12倍高速にした

                                                  インターンに参加した 夏はピクシブ![1] ということで、9月15日から28日[2]までの平日8日間に「PIXIV SUMMER BOOT CAMP 2022」に参加していました。 私が参加したのはImageFluxという画像変換/配信・ライブ動画配信サービスの開発に取り組むコースです。 応募 個人的に画像処理や配信についてかなり関心があり、FFmpegを触ったりWebRTCの記事を読んだりしていました。 これまでお仕事ではWebフロントエンドの経験しかなく画像関連の仕事を一度経験してみたかったため、むしろImageFluxコースがあるからという理由でピクシブのインターンに行きたいと考えていました。 応募時には何個か志望コースを選ぶ必要があり、技術基盤コース、広告配信コース、機械学習コース、VRoid Hubコースなどに興味がありましたが、現実的に今の技術スタックで後者2つは難しそうだなと

                                                    ピクシブのインターンに参加してアニメーションのエンコードをGIFから12倍高速にした
                                                  • 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を最速でアニメーションさせるには遅延を最低値にしてはいけない
                                                    • JavaScriptでエラーの原因となるHoisting(巻き上げ)、その仕組みをGIFアニメで分かりやすく解説

                                                      JavaScriptでエラーの原因となるHoisting(巻き上げ)はなぜ起こるのか、その仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🔥🕺🏼 JavaScript Visualized: Hoisting by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScript Hoisting(巻き上げ)の仕組みをGIFアニメで分かりやすく解説 Hoisting(巻き上げ)は、JavaScriptでのエラーの原因をGoogleで検索しても分からず、StackOverflowなどで質問した際に目にする用語の1つです。「そのエラーはHoisting(巻き上げ)が原因で発生している🙃」と言われることがあります。 Hoisting(巻き上げ)とは何のことでしょうか?

                                                        JavaScriptでエラーの原因となるHoisting(巻き上げ)、その仕組みをGIFアニメで分かりやすく解説
                                                      • 動いて……ない!? 棒人間たちが進んでいるように見える錯視GIF「スーパー錯視ブラザーズ」がすごい

                                                        棒人間が横スクロールゲームのように動いているようで動いていないGIF画像「スーパー錯視ブラザーズ」がTwitterで話題です。完全にだまされた……! パッと見は、数人の棒人間たちが、どんどん階段を上ってジャンプして、横スクロールのステージを進んでいるように見えます。 棒人間がそれぞれ右へと進んでいるように見えますが……?(画像提供:@jagarikinさん) しかしよく見ると、棒人間たちは全員その場から動いていないことに気がつきます。右下にいる棒人間だけは、その場で歩く動きをしていますが、位置が変わらないのは同じです。変わっているのは色だけなので、そこにヒントがあるように見えますが……? 右下の歩く動き以外、みんな動いていません 右下の棒人間も位置は変わらず どうなっているんだ…… 作者は、さまざまな錯視作品やネタGIFを公開している、じゃがりきん(@jagarikin)さん。今回の錯視の

                                                          動いて……ない!? 棒人間たちが進んでいるように見える錯視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が標的
                                                          • 【小ネタ】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 - 葉ログ
                                                              • 他人に勝手にイラストを動くGIF画像に加工され無断で投稿された挙句、その直前に『さーてと、動かない絵に生命”いのち”を吹き込みますか…』と言われていた

                                                                メイ・メイ/𝓜𝓪𝔂𝓶𝓪𝔂 @Maymay_pic 勝手にイラストを動くGIF画像に加工されて無断で投稿された挙げ句、その直前に「さーてと、動かない絵に生命”いのち”を吹き込みますか…」というツイートをされてたことがあるので少々のことでは動じない 2023-07-05 21:49:46

                                                                  他人に勝手にイラストを動くGIF画像に加工され無断で投稿された挙句、その直前に『さーてと、動かない絵に生命”いのち”を吹き込みますか…』と言われていた
                                                                • PNGやJPG、GIF、PDF、PSDファイルをドラッグ&ドロップするだけでWebPフォーマットへ変換してくれるMac用アプリ「WebP Converter」がリリース。

                                                                  PNGやJPG、GIF、PDF、PSDファイルをドラッグ&ドロップするだけでWebPフォーマットへ変換してくれるMac用アプリ「WebP Converter」がリリースされています。詳細は以下から。 Appleは今年の秋にもリリースするSafari v14でGoogleが開発した画像フォーマット「WebP」を正式にサポートし、macOS 11 Big SurではプレビューアプリやQuick Lookでも利用可能になるようですが、現在macOSが対応しているPNGやJPG, GIF, PDF, TIFF, EPS, PSDなどのファイルをWebPフォーマットへ変換してくれるユーティリティアプリ「WebP Converter」がリリースされています。 Convert you image to WebP fast and secure. Convert image to WebP. PNG, J

                                                                    PNGやJPG、GIF、PDF、PSDファイルをドラッグ&ドロップするだけでWebPフォーマットへ変換してくれるMac用アプリ「WebP Converter」がリリース。
                                                                  • Windows で 画面操作を Gif で録画したいなら ScreenToGif がオススメ | DevelopersIO

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

                                                                      Windows で 画面操作を Gif で録画したいなら ScreenToGif がオススメ | DevelopersIO
                                                                    • PowerPointにアニメーションGIFエクスポート機能が降臨!【高橋忍のにゃんともWindows】

                                                                        PowerPointにアニメーションGIFエクスポート機能が降臨!【高橋忍のにゃんともWindows】
                                                                      • 無料&ブラウザ上でPDF・JPEG・PNG・GIFファイルからOCRによるテキスト抽出ができる「OCR PDFs and images directly in your browser」

                                                                        PNG・JPEG・GIFといった画像ファイルやPDFファイルから、TesseractによるOCR(光学文字認識)でテキストを抽出できる「OCR PDFs and images directly in your browser」をエンジニアのサイモン・ウィルソン氏が公開しました。OCR PDFs and images directly in your browserはすべての処理をブラウザ上で実行するため、ファイルをどこかのサーバーにアップロードすることがないというのが大きな特徴です。 OCR PDFs and images directly in your browser https://tools.simonwillison.net/ocr Running OCR against PDFs and images directly in your browser https://simon

                                                                          無料&ブラウザ上でPDF・JPEG・PNG・GIFファイルからOCRによるテキスト抽出ができる「OCR PDFs and images directly in your browser」
                                                                        • 【画像】お前らの好きなロボットが変形合体するgif画像や動画を貼ってけ : ろぼ速VIP

                                                                          元スレ/http://futabaforest.net/b/res/971809551.htm 名無しのろぼ 変形・合体gif動画スレ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ ↑ゼータガンダムってこうしてみると なんか機械って感じするな 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ ↑最後に頭部出る記憶あったがむしろ初手だったのか 名無しのろぼ ↑×2 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ ↑後からガラッと知って カブタックあまりにもまんますぎるじゃんって思った 名無しのろぼ 名無しのろぼ 名無しのろぼ ↑デストロン側なのにデザイン演出ともにえらいヒロイックだな 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無しのろぼ 名無

                                                                            【画像】お前らの好きなロボットが変形合体するgif画像や動画を貼ってけ : ろぼ速VIP
                                                                          • じゃがりきん on Twitter: "このGIF、ピーポくんはまったく動いてません。 人間の脳は単純なので矢印で惑わされてしまうのでーす https://t.co/898wMaLep9"

                                                                            このGIF、ピーポくんはまったく動いてません。 人間の脳は単純なので矢印で惑わされてしまうのでーす https://t.co/898wMaLep9

                                                                              じゃがりきん on Twitter: "このGIF、ピーポくんはまったく動いてません。 人間の脳は単純なので矢印で惑わされてしまうのでーす https://t.co/898wMaLep9"
                                                                            • 動画や映像、アニメーションGIFの背景を自動分析し、背景だけを削除できる無料オンラインツール -Unscreen

                                                                              .mp4、.webmの動画や映像、アニメーションGIFの背景を自動分析し、背景だけを映像から削除できる無料オンラインツールを紹介します。 通常はグリーンスクリーンで撮影しないと背景を削除できませんが、簡単に背景のない映像を作成できます。 Unscreen Unscreenは、動画や映像から背景を削除できるオンラインツールです。操作も非常に簡単で、動画や映像をUnscreenが100%自動的に分析するので、ピクセルを選択したり、カラーを選択したり、マスクをペイントしたりする必要はありません。 サポートする動画のフォーマットは、下記の通り。 .mp4 .mov .webm .ogg .gif(アニメーションGIF) ファイルサイズや解像度に上限はありませんが、大きなファイルや高解像度は処理に時間がかかります。出力形式は、アニメーションGIFとアニメーションPNGとシングルフレームで、将来的には

                                                                                動画や映像、アニメーションGIFの背景を自動分析し、背景だけを削除できる無料オンラインツール -Unscreen
                                                                              • デスクトップを動画GIFキャプチャーする「ScreenToGif」にタイムラプス機能/たとえばイラストの制作過程の早送り動画に。内蔵のエンコーダーも再設計

                                                                                  デスクトップを動画GIFキャプチャーする「ScreenToGif」にタイムラプス機能/たとえばイラストの制作過程の早送り動画に。内蔵のエンコーダーも再設計
                                                                                • JavaScriptのスコープチェーン・変数参照の仕組みをGIFアニメで分かりやすく解説

                                                                                  JavaScriptのスコープチェーン・変数参照の仕組み、グローバルスコープ、ローカルスコープ、ブロックスコープについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ⚡️⛓JavaScript Visualized: Scope (Chain) by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptのスコープチェーンの仕組みをGIFアニメで分かりやすく解説 JavaScriptのスコープチェーンについてこの記事では解説します。 私は視覚学習者なので、GIFアニメで視覚的に説明することで、あなたの手助けをしようと思います😃 まずは、下記のコードを見てみましょう。 const name = "Lydia" const age = 21 const city = "Sa

                                                                                    JavaScriptのスコープチェーン・変数参照の仕組みをGIFアニメで分かりやすく解説