すぐに取り掛かれる！GIFアニメをPhotoshopで作る小技集 | nanapi TechBlog

2014/07/16 8500 users Photoshop nanapi TechBlog 小技集

はじめに 初めまして。5月よりnanapiにjoinしました、デザイナーの山田です。 昨今、GIFアニメーションが再注目される日がやってきました！Twitterが6月19日より、GIFアニメーションに対応されたり。GoogleのロゴもGIFアニメーションで制作されていたり。pixivでは「うごイラ」というGIFだけでなく、PNGやJPGファイルを連続表示して動画化するサービスがリリースされたりと、... 続きを読む

JavaScriptの基礎知識をGIFアニメで分かりやすく解説 -総まとめ | コリス

2020/12/15 956 users コリス スコープチェーン イベントループ hoisting

JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、イベントループ、スコープチェーン、プロトタイプ継承、非同期処理、ジェネレータ関数、Hoisting（巻き上げ）など、GIFアニメを使用して詳しく解説して... 続きを読む

Gitでよく使用するコマンドをGIFアニメで解説 | コリス

2020/04/21 652 users Git コリス リベース コマンド フェッチ

Gitでよく使用するコマンドが何を行っているかをGIFアニメで解説した記事を紹介します。 Gitのマージ、リベース、リセット、チェリーピック、フェッチ、プル、リフログなど、コマンドを実行した時にブランチはどのように相互作用し、履歴にどのような影響を与えるのか視覚的に学べます。 ?? CS Visualized: Useful Git... 続きを読む

これからはGIFアニメからAPNGの時代に！ iOS 8でサポートされたAPNG画像を使いこなそう – ICS LAB

2014/09/30 560 users WebGL APNG PNG ICS LAB みなさま

こんにちは、ICS蔵下です。 Safari 8(iOS 8)では様々な機能が新たにサポートされました。WebGLのサポートが印象的ですが本記事ではサポートされた機能の中でもアニメーションするPNG(APNG) を取り上げたいと思います。すぐにでも導入できるのか？とお悩みのみなさまの判断材料の一つになれれば幸いです。 そもそもAPNGって？ Animated Portable Network Gra... 続きを読む

あずまんが大王 第04話のプール表現。と、その先 - 一人日疋ヒ尸至

2013/05/04 528 users まんが大王 その先 一人日疋ヒ尸至 未見 フィックス

(2002) あずまんが大王 第04話「楽しい職業／プールプールプール／りぼん／ふたりっきり／いいひと （プール!）」 プール作画というと有名なのはやっぱりこれです。 といってもさすがにもう10年以上経つので 若い世代には未見の方も多いかも gifアニメだと落ちているコマも多いので 本当はビデオで見て欲しいのですが 突然プール内に現れた木村、ゆかりとにゃもがドン引きし固まるフィックス 三点パースで... 続きを読む

飛び出た？GIFアニメで明治初期の写真を3Dにしてみたから見て。 21枚。 | DDN JAPAN - DIGITAL DJ Network

2010/03/07 494 users DDN JAPAN 明治初期 Flickr 写真 21枚

飛び出た？GIFアニメで明治初期の写真を3Dにしてみたから見て。 21枚。 タグ ：江南信國Rob-Oechsle立体映像歴史明治時代 明治初期に江南信國によって撮影された写真を沖縄在住のアメリカ人Rob Oechsle がFlickr にアーカイブした膨大な写真達を前回紹介した「飛び出たっ！明治初期の立体3D映像がスゴイ」。 目の焦点をグッと変える「ステレオグラム」で見る方法はちょっとコツがいる... 続きを読む

JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説 | コリス

2020/05/19 477 users async await コリス Promises ライセンス

JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️? JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promis... 続きを読む

GIFアニメ生成にImageMagickはオワコン、情強は高速なGraphicsMagickを使う - 海峡

2013/05/18 462 users ffmpeg GraphicsMagick コマンドライン

2013-05-19 GIFアニメ生成にImageMagickはオワコン、情強は高速なGraphicsMagickを使う 大した話ではないけれど、GIFアニメをコマンドラインから作るならGraphicsMagickが便利なので共有します。MP4の動画ファイルからGIFアニメを作ろうとすると、まずffmpegで動画を画像に分割してそれからimagemagickでGIFに結合するという方法があります。... 続きを読む

GyazoライクなGIFスクリーンキャスト共有ツール「Gifzo」をリリースしました - 海峡

2013/05/22 409 users Gyazo Gifzo 海峡 スクリーンキャスト ツール

2013-05-22 GyazoライクなGIFスクリーンキャスト共有ツール「Gifzo」をリリースしました Gyazoのように画面のスクリーンキャストをGIFアニメで撮れるツール「Gifzo」をリリースしました。Gifzo Gifzoとは Gifzo from Kazato Sugimoto on Vimeo.Gifzoは宇宙一簡単にスクリーンキャストを共有できるサービスです。画面のキャプチャ動画... 続きを読む

ショック！　Twitterがサポートを始めたGIFアニメはGIFではなかった―しかしうまい考え – Techcrunch

2014/06/20 404 users Twitter TechCrunch gif パニック アニメ

昨日（米国時間6/18）、TwitterはGIFアニメのサポートを開始した。しかし、Twitterが表示するアニメはまるきりGIFではなかったことが判明した。なんたるショック！　 だが、パニックに陥るには及ばない。これはTwitterとしてとても巧みな手なのだ。 まずEmbedlyがTwitterフィードに表示されるGIFがGIFファイルではないことに気づいた。 それどころか画像ファイルですらない... 続きを読む

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

2020/01/28 397 users Chromiumベース GIFアニメーション ライセンス

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

無音なのに音が聞こえるGIFアニメにSNSが騒然！視覚的な刺激が聴覚に影響を与えるマガーク効果とは？ : カラパイア

2019/10/23 392 users カラパイア 聴覚 鉄塔 電線 グラスゴー大学

GIFアニメは短い無音のアニメーションだ。普通の動画とは違って、そこに音を記録したデータは含まれていない。だから基本的には音がない。 それなのに、なぜか音が聞こえてしまう不思議なGIFアニメがツイッター上で話題になっている。Happy Toastさんが作った鉄塔が電線で縄跳びをしているGIFアニメだ。 グラスゴー大学... 続きを読む

YouTubeのURLをコピペするだけでGIFアニメが作れる「GIF YouTube」 - GIGAZINE

2014/08/18 378 users GIGAZINE YouTube ウェブサービス コピペ

YouTubeにアップロードされているムービーのURLを貼り付けるだけで1～10秒のGIFアニメ画像がカンタンに作成できるウェブサービスが「GIF YouTube」です。 GIF YouTube | Make Animated GIFs from Youtube https://gifyoutube.com/ GIF YouTubeで作成してみたGIFアニメがこちら。YouTubeのURLをコピペ... 続きを読む

ターミナル操作の録画からGIFアニメを生成するツールを作った - すぎゃーんメモ

2014/07/19 355 users すぎゃー スクリーンキャプチャ sugyan 録画 ツール

Gottyrec で録画したデータを使ってターミナル上で再生しつつ、そのスクリーンキャプチャを使ってアニメーションGIFを生成するツールをGoで作ってみた。https://github.com/sugyan/ttygifReleasesMac, Linux Desktopで動作。再生速度はオプションで変更可能。 背景percolを使ってターミナル操作を早く、便利に。 - すぎゃーんメモ のような記... 続きを読む

30秒でわかる、音楽メディア30年間の変遷の歴史 - GIGAZINE

2011/08/29 344 users メディア シェア 収益額 音楽メディア アメリカレコード協会

by dno1967b 1980年～2010年にかけての30年間で音楽メディアのシェアがどのように変化してきたのかを30秒で表したGIFアニメが公開されています。データはすべてアメリカで録音されたメディアによる収益額から算出されており、その収益額はアメリカレコード協会のデータに基づいているそうです。 30 Years Of Music Industry Change, In 30 Seconds ... 続きを読む

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

2020/08/20 326 users Cors コリス クロスオリジン ライセンス リソース共有

クロスオリジンのリクエストを安全にするための同一生成元ポリシーとオリジン間のリソース共有（CORS）の仕組みをGIFアニメで解説した記事を紹介します。 ✋?? CS Visualized: CORS by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 は... 続きを読む

ローディング中のアニメーションGIFを生成する「Load Info - gif generator」 - GIGAZINE

2008/02/05 297 users GIGAZINE Ajax ジェネレータ ウィンドウ http

AJAXなどでよくあるあの「読み込み中……」みたいな感じのローディング中アニメーションをGIFアニメとして、好きな色の組み合わせでカスタマイスできるという便利なジェネレータです。現時点で99種類のパターンがあります。 詳細は以下の通り。 Load Info - gif generator http://loadinfo.net/ まずは好きなパターンをクリックして選択 小さなウインドウが開くので、... 続きを読む

エンジニアの日常をGIFアニメで・・・ | IDEA*IDEA

2013/08/15 271 users IDEA エンジニア 日常

たまにこういうのあがってきますが、妙にツボにはまったのでご紹介。 ↑ 本番環境にDeployする瞬間。 ↑ 正規表現を書いて一発でほしい結果が返ってきた時。 ↑ 今週ずっと書いていたモジュールが使われないとわかったとき。 ↑ システム管理者からroot権限もらったとき。 ↑ デモで誰もバグに気づかなかった時。 ↑ クライアントがプロトタイプのデモをクリックしようとしたとき。 他にもいろいろあります... 続きを読む

【衝撃野球動画】なぜナックルボールが「魔球」と呼ばれるのか一発で分かるGIFアニメがスゴイ | ロケットニュース24

2012/12/26 255 users ナックルボール スライダー シュート カープ フォーク

カーブにシュートにフォークにスライダー。野球には様々な変化球があるが、いまいち「どのように変化するのかが分からない」という人は意外と多い。なかでも謎なのが “魔球” とも言われるナックルボールだ。 ほぼ無回転で投げられ、左右にブレたり不規則に変化しつつ落下していく。それはまるで「氷の上をツルツルと滑るように」とも形容されるが、果たしてどのような変化なのか。今回ご紹介するナックルボールGIFアニメを... 続きを読む

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

2020/07/27 235 users GIGAZINE Emotet 何者 GIFアニメーション

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

ドラッグ＆ドロップでファイルのアップロードができるようになるFirefox拡張『dragdropupload』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/02/22 234 users IDEA アドオン Gmail Firefox拡張 ドラッグ＆

最近よく使っているのでご紹介。Gmailにファイル添付するときなんかに便利です。 dragdropuploadはファイルをアップロードする際に、ブラウザに直接ドラッグ＆ドロップできるようにするアドオンです。いちいちファイルの場所を指定しなくてもいいので便利ですよ。 ↑ 無駄にGIFアニメにしてみた。 Gmailだけじゃなくて、ファイルをアップロードするフォームが出ているところではどこでも使えます。... 続きを読む

動画からgifアニメを作るWebアプリ Giraf を作りました - harusamex.blog

2014/07/30 231 users rokuga harusamex.blog 未分類 不満点

2014-02-27 動画からgifアニメを作るWebアプリ Giraf を作りました 未分類 以前rokugaというサイトを知り、ありがたく使っていました。 しかし、細かな編集ができないなどの不満点が出てきたので、2月24日から26日までのOUCCコーディング合宿の間に、新しいgifアニメ作成サイト Giraf を作りました。 使い方 動画を選択すると、こんな感じで動画とその前後2フレームが表示... 続きを読む

(llﾟДﾟ) こっ壊れたか… 漫画家が作成したGIFアニメが話題に | DDN JAPAN

2013/05/04 212 users Twitter DDN Facebook DDN JAPAN

DDN は音楽・映像に関する デジタルアートを中心に情報ミックスを配信中 DDN - DIGITAL DJ Network DDN JAPANとは Twitterで購読 Facebookで購読 映像 画像 音楽 アート ガジェット ゲーム 文章 情報 トピックス アプリ ウェブ イベント 最新記事 人気記事 (llﾟДﾟ) こっ壊れたか… 漫画家が作成したGIFアニメが話題に Tweet ■ キー... 続きを読む

なぜ現代にも「GIFアニメ」がはびこり、めぐり続けるのか？ « WIRED.jp

2015/09/12 201 users WIRED.jp 現代 Wired テンポ 全文転載

2015.9.12 SAT なぜ現代にも「GIFアニメ」がはびこり、めぐり続けるのか？ なぜ数コマの動画が同じテンポで繰り返されるとても単純なものなのに、GIFアニメはいまなお世界中至る所で見受けられるのだろうか？　その価値を本当に理解するには、1878年にまでさかのぼる必要がある。雑誌『WIRED』VOL.8より全文転載。 GIFアニメは世界中に拡散している。至る所で見受けられる。でもなぜだろう... 続きを読む

Google、この28年間の地球の変貌をショッキングなGIFアニメで公開―氷河、熱帯雨林、湖が消えていく | TechCrunch Japan

2013/05/09 198 users 変貌 TechCrunch JAPAN 熱帯雨林 地球 ドバイ

GoogleがGIFアニメでこの28年間で地球がどれほど変貌を遂げたたかを劇的に見せてくれる。これはLandsat衛星による全地球観測データをGoogleEarthエンジンで処理したものだ。ブラジルの熱帯雨林、 ラスベガス、ドバイ、アラル海などの重要な地域がどのように変化したかが1年1コマの対話的なコマ撮りアニメとして正確に表現されている。アマゾンの熱帯雨林の大幅な減少、アラル海とコロンビア氷河の... 続きを読む