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

2022/01/03 90 users 透過処理 モザイク処理 再生速度変更 多数 編集

連続した画像ファイルで一連の動きが付けられたアニメーションGIFを切り取ったり、明るさを変えたりといった編集が可能なオンラインツールが「Online GIF Tools」です。ブラウザで動作するこのGIF編集ツールを実際に使ってみました。 Online GIF Tools - Simple, free and easy to use GIF utilities https://onlinegift... 続きを読む

ウェブサイトに仕込まれたマルウェアを何者かが無害なGIFアニメに置き換えていることが判明 - GIGAZINE

2020/07/27 235 users GIGAZINE Emotet 何者 マルウェア GIFアニメ

非常に感染力・拡散力が高く、PCにダウンロードされることでさまざまなマルウェア感染を引き起こす「Emotet」は近年、その被害の大きさから問題視されています。このEmotetのマルウェアファイルが、何者かに無害なGIFアニメーションへと置き換えられているという報告があがっています。 Emotet being hijacked by anothe... 続きを読む

JavaScriptの基礎を楽しく学べるクイズ -Interactive JavaScript Quiz | コリス

2020/04/09 6 users ライセンス by Lydia Hallie コリス 解説 下記

JavaScriptの初心者向けに、楽しく学べるクイズを紹介します。 問題は3つ、解説はGIFアニメーションで分かりやすいと思います。 ⭐️ Interactive JavaScript Quiz #1 by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに JavaScript... 続きを読む

JavaScriptでエラーの原因となるHoisting（巻き上げ）、その仕組みをGIFアニメで分かりやすく解説 | コリス

2020/02/27 10 users hoisting コリス ライセンス エラー GIFアニメ

JavaScriptでエラーの原因となるHoisting（巻き上げ）はなぜ起こるのか、その仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 JavaScript Visualized: Hoisting by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳していま... 続きを読む

JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説 | コリス

2020/01/28 397 users Chromiumベース node.js ライセンス コリス

Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て... 続きを読む

JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説 | コリス

2019/12/25 124 users ライセンス by Lydia Hallie コリス 翻訳記事

JavaScript イベントループの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ✨♻️ JavaScript Visualized: Event Loop by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: イベント... 続きを読む

写真を動かせっ！　GIFアニメでひと工夫。読者を楽しませるアレンジ Graphics Interchange Format - 葉ログ

2019/12/11 27 users GIFアニメ アレンジ 葉ログ モーフィング 読者

動く写真で読者を楽しませませんか？ 写真やイラストの重要性 百聞は一見に如かず 写真を動かしてみよう 動くものは目に止まる これまでに葉ログに掲載したGIFアニメーション 動画から作るGIFアニメーション 上級編、滑らかなGIFアニメーションをつくる モーフィングという技術 おわりに （約1400文字） 動く写真で読者... 続きを読む

CSSで実装されたこのサラブレッド、気持ちよく走るぞ -Clip Clop Clippity Clop | コリス

2019/08/07 31 users コリス サラブレッド 土煙 CSS 力作

CSSで実装されたサラブレッドを紹介します。 CSSもHTMLも力作で、かなり楽しめると思います。 デモを紹介する前に、その動きをGIFアニメーションにしてみました。 脚をはじめ、頭や首、胴体、尻尾、土煙まで、すべてがC...記事の続きを読む 続きを読む

Illust-rs | GIF・イラストの素材を無料で。

2019/07/06 26 users gif イラスト 加工OK 商標登録 ライセンス表示

Illust-rsでは、GIFアニメーションやイラストなどを無料で提供します。 ​ 全て商用利用・加工OK、 商標登録や二次配布はご遠慮ください。 （本サイトの素材を加工したものも） 使用の際にライセンス表示・当サイトへのリンクは必要ありません。 それでも良い素材が見つかった場合には ​当サイトへリンクを貼って頂けると... 続きを読む

ガオーっと吠える「ゴジラ キング・オブ・モンスターズ」の公式GIFアニメがかわいい！　ゴジラ・モスラ・ラドン・キングギドラなど8種 - ねとらぼ

2019/06/08 16 users キングギドラ ガオー GIFMAGAZINE ゴジラ とらぼ

日本最大級のGIFプラットフォーム「GIFMAGAZINE」に、「ゴジラ キング・オブ・モンスターズ」の公式チャンネルが登場。ゴジラ、キングギドラなどのかわいいGIFアニメーションが紹介されています。 「ゴジラ キング・オブ・モンスターズ」の公式チャンネルで公開されたGIFアニメーション 5月31日に公開された話題の映画「... 続きを読む

Photoshopで動画ファイルからGIFアニメを作る完全ガイド | ギズモード・ジャパン

2019/03/30 26 users Photoshop ギズモード mayumine ジャパン

Photoshopで動画ファイルからGIFアニメを作る完全ガイド2019.03.30 20:00 Andrew Liszewski ［原文］ （ mayumine ） 動画からGIFアニメーションをガチで作りたい方へ。 30年以上昔の太古から存在する画像フォーマットにもかかわらず、いまだに全世界のインターネットでアニメーションGIFは愛され続けています。イラスト... 続きを読む

3月18日は点字ブロックの日　Google Doodleが開発者称える - ITmedia NEWS

2019/03/18 16 users 点字ブロック Google Doodle 考案 横断歩道

3月18日は「点字ブロックの日」。Googleのトップページに掲載されているGoogle Doodleは点字ブロックがGIFアニメーションで描かれ、Google Doodleのページには「三宅精一を称えて」と題された解説文が掲載されている。 発明家の三宅さんは1965年に点字ブロックを考案。岡山県立岡山盲学校近くの横断歩道の前に点字ブロッ... 続きを読む

吉川晃司 35周年記念【公式】 | GIFMAGAZINE GIF作成&GIF検索[78530]

2019/02/01 26 users 吉川晃司 語録 公式 アクション 35周年記念

吉川晃司 35周年記念【公式】 吉川晃司35周年を記念して、吉川晃司の語録とアクションをGIF化！ 吉川晃司ファンクラブ会報誌「K2伝説」でお馴染みの漫画家ナカタニD.氏による描き下ろしGIFアニメーションと 吉川晃司のステージアクションGIFをシェアして、一緒に35周年を盛り上げよう! 続きを読む

【GIF動画：動く画像】たった２枚で簡単に！スムーズに動く画像を作る方法！ - ratoblo

2017/09/13 17 users アニメーションPNG 主流 利点 ratoblo 高画質

2017 - 09 - 14 【GIF動画：動く画像】たった２枚で簡単に！スムーズに動く画像を作る方法！ ブログ関連 Twitter Google Pocket 色んな人のブログを見ていると、プロフィール画像が動いていたりして楽しいですよね♪ 動く画像は『GIF動画』や『GIFアニメーション』と呼ばれる物が主流で、最近ではより高画質の『アニメーションPNG』もあります。 利点としては、何と言っても... 続きを読む

【図解あり！】動画からGIFアニメーションを作成する方法 - 魂を揺さぶるヨ！

2017/09/03 17 users 図解 bookmark ユレオ gif 動画

2017 - 09 - 03 【図解あり！】動画からGIFアニメーションを作成する方法 スポンサーリンク シェアする Bookmark! Facebook Twitter Google+ Pocket こんにちはユレオです。 先日は画像からGIFアニメーションを作成する方法について記事にしました。  この方法だと画像を事前に用意したりする必要があるわけですが、すでに動画として出来ているものをGIF... 続きを読む

【図解あり！】GIFアニメーションで動く画像を作成する方法 - 魂を揺さぶるヨ！

2017/09/02 38 users 図解 bookmark 備忘録 ユレオ 画像

2017 - 09 - 02 【図解あり！】GIFアニメーションで動く画像を作成する方法 ブログの作り方 備忘録 スポンサーリンク シェアする Bookmark! Facebook Twitter Google+ Pocket こんにちはユレオです。 ブログの記事で何かを解説するときに、「画像に動きがほしい」と思ったことはありませんか？ また、「説明のために画像を何枚も記事に張り付けたくはない」と... 続きを読む

遺伝子編集技術「CRISPR」でDNAの中にGIFアニメーションのデータを格納することに成功 - GIGAZINE

2017/07/13 44 users GIGAZINE CRISPR 生物 細胞 DNA

By NIH Image Gallery 最新の遺伝子編集技術である「 CRISPR-Casシステム 」を使うことで、生物のDNAの中にGIFアニメーションのデータを格納し、再び取り出して再生するという試みが成功しました。ちょっと聞いただけでは何のことか、そして、何のための技術かよくわからないのですが、この技術を応用することで細胞が自分自身のデータを本体内に格納し、何かあった際にデータをとりだして... 続きを読む

情報大洪水時代に必要な『印象に残る力』！ブログにはGIFアニメーションをハゲしくおすすめ！ | ブログマーケッターJUNICHI

2017/05/26 23 users ブログマーケッターJUNICHI JUNICHI 印象 近隣

どうも！ JUNICHIやで！   ※撮影：妻。夜21時にマンションの部屋で飛び跳ねるのも近隣の迷惑やから、しまう予定の圧縮袋入り毛布たちで衝撃を吸収しています。   いきなりすみませんね。  色んな人にブログ運営の事を教えている。得意なのはブログ集客・SNS活用法・SEOライティング。 ※このおっさんの取扱注意点：ブログと漫画を描くのが好きで、書けない日が続くとストレスで爆発する。 ⇒ 詳しいプ... 続きを読む

Twitterの動画やGIFアニメの保存を助けてくれる「Twitterの30秒動画を保存するためのURL変換機」 - GIGAZINE

2017/04/05 27 users 手助け 添付 手元 GIGAZINE Twitter

by Sören Twitterへのツイートには画像の添付だけではなく、GIFアニメーションや動画の添付も可能です。しかし、投稿したコンテンツを右クリックでそのまま手元に保存することはできません。もし誤ってスマートフォンやPCから元動画を消してしまった場合、タイムライン上でしか見られずに悲しい思いをすることになりますが、その動画を改めて保存するために手助けをしてくれるのが、このURL変換機です。 ... 続きを読む

ターミナルを録画する(ttyrec+ttygif(Go言語版)) | たくのこ Web

2017/03/26 69 users ターミナル コマンドライン iTerm2 実行コマンド 感じ

技術系ブログなどでコマンドラインの実行コマンドをキャプチャしてgifアニメーションにしてるような記事をよく見かける。 ↓こんな感じの あれ、カッコイイなーと思って調べてみたら、どうやらttyrecというものでできるそうなのでやってみた。 環境 MacOS X 10.10.5 Yosemite ターミナル バージョン2.5.3(343.7) iterm2じゃうまく動作しなかった…  (これでむっちゃ... 続きを読む

Twitterからログインして複数人でお絵かきチャットが可能＆メイキングをGIFにもできるアプリ「kakooyo！」を使ってみた - GIGAZINE

2016/02/09 14 users GIGAZINE Twitter 白紙 メイキング gif

スマートフォンやタブレットを使って複数人で簡単かつ多機能なお絵かきチャットを行えるアプリが「 kakooyo！ 」です。白紙の状態からチャットを終えるまでのメイキングをGIFアニメーションとしてTwitterに投稿したり、他の人が作成したイラストのメイキングを見たりできるとのことなので、実際に使い心地を確かめてみました。 kakooyo! - 無料アプリでお絵かき＆トーク！ https://www... 続きを読む

動画から簡単に好きなサイズや長さのGIFアニメを作れる「Movie To GIF」 - GIGAZINE

2015/12/29 61 users gif 解像度 ムービー おもしろ動画 サッカー

世の中にはサッカーの スーパープレー集 やオモシロ動画など、さまざまな種類のムービーが存在します。そんなムービーの中から特に自分が気に入ったシーンだけをGIFアニメーションとして簡単に切り出すことができるのが「 Movie To GIF 」です。好きなシーンをGIFアニメに変換できるというだけでなく、GIFの解像度や色数も細かく指定できるので、高画質なものから軽くて取り扱いやすいものまで簡単に作成... 続きを読む

ついつい見続けてしまう！シネマグラフを取り入れたWebデザイン24選｜ferret [フェレット]

2015/12/04 201 users Ferret フェレット シネマグラフ 手法 ご存知

近年じわじわと流行している、シネマグラフ（Cinemagraphs）という手法をご存知でしょうか。 シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。 GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。 今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方... 続きを読む

すぐに実践したくなる！リンクがGoogleなどの検索エンジンのランキングにどのように影響を与えているか分かりやすく解説 | コリス

2015/11/24 69 users セオリー コリス SEO 実装 アドバイス

リンクが検索エンジンのランキングにどのように影響を与えているかを分かりやすく解説した、すぐに実践できるリンクに関する7つのセオリーと実装のアドバイスを紹介します。 GIFアニメーションを使った解説は、SEOやGoogleってなんだか分かりにくいという人でも非常に分かりやすいと思います。 7 Illustrations of How Topical Links Impact Rankings, in... 続きを読む

GIFアニメーションが気持ちいい、Webサイトのロゴデザイン28個まとめ - PhotoshopVIP

2015/11/11 90 users Fubiz PhotoshopVIP CSS-Tricks

滑らかな動きが気持ちいい、GIFアニメーションをつかったロゴデザインをまとめています。 これまでビデオ動画などで利用されてきましたが、最近のリニューアルで披露されたFubizのロゴや、クリックするまでアニメーションが隠されているCSS-Tricks、またループ無しのDavid Stanfieldのロゴなど、アニメーションロゴを導入するサイトも増えています。 GIFアニメーションの他に、CSSやSV... 続きを読む