タグ GIFアニメ
人気順 5 users 10 users 50 users 500 users 1000 users【使い方】写真アプリの使い方や意外に知らない便利機能まとめ
写真アプリでは写真を表示するだけでなく、簡単にGIFアニメを作成したり、写真にキーワードを設定し大量の写真の中から検索することもできます。他人に見られたくない写真を完全に非表示にすることができる裏技も。 ここでは写真アプリの基本的な使い方や便利な機能、意外に知られていない小技をまとめました。 続きを読む
JavaScriptの基礎知識をGIFアニメで分かりやすく解説 -総まとめ | コリス
JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、イベントループ、スコープチェーン、プロトタイプ継承、非同期処理、ジェネレータ関数、Hoisting(巻き上げ)など、GIFアニメを使用して詳しく解説して... 続きを読む
CORSの仕組みをGIFアニメで分かりやすく解説 | コリス
クロスオリジンのリクエストを安全にするための同一生成元ポリシーとオリジン間のリソース共有(CORS)の仕組みをGIFアニメで解説した記事を紹介します。 ✋?? CS Visualized: CORS by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 は... 続きを読む
ウェブサイトに仕込まれたマルウェアを何者かが無害なGIFアニメに置き換えていることが判明 - GIGAZINE
非常に感染力・拡散力が高く、PCにダウンロードされることでさまざまなマルウェア感染を引き起こす「Emotet」は近年、その被害の大きさから問題視されています。このEmotetのマルウェアファイルが、何者かに無害なGIFアニメーションへと置き換えられているという報告があがっています。 Emotet being hijacked by anothe... 続きを読む
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説 | コリス
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️? JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promis... 続きを読む
Gitでよく使用するコマンドをGIFアニメで解説 | コリス
Gitでよく使用するコマンドが何を行っているかをGIFアニメで解説した記事を紹介します。 Gitのマージ、リベース、リセット、チェリーピック、フェッチ、プル、リフログなど、コマンドを実行した時にブランチはどのように相互作用し、履歴にどのような影響を与えるのか視覚的に学べます。 ?? CS Visualized: Useful Git... 続きを読む
JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説 | コリス
Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て... 続きを読む
JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説 | コリス
JavaScript イベントループの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ✨♻️ JavaScript Visualized: Event Loop by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: イベント... 続きを読む
無音なのに音が聞こえるGIFアニメにSNSが騒然!視覚的な刺激が聴覚に影響を与えるマガーク効果とは? : カラパイア
GIFアニメは短い無音のアニメーションだ。普通の動画とは違って、そこに音を記録したデータは含まれていない。だから基本的には音がない。 それなのに、なぜか音が聞こえてしまう不思議なGIFアニメがツイッター上で話題になっている。Happy Toastさんが作った鉄塔が電線で縄跳びをしているGIFアニメだ。 グラスゴー大学... 続きを読む
デレステのMVでTwitterに投稿できるGIFアニメを作る方法を君たちに教える - barzamkun
2017 - 06 - 21 デレステのMVでTwitterに投稿できるGIFアニメを作る方法を君たちに教える どう?僕の三好紗南と池袋晶葉と 輿水幸子 と望月聖ちゃんとライラさんのユニット。めちゃめちゃ バラ ンス良くないですか? で、最近gifアニメに凝ってるんですけどgifアニメ Twitter に投稿できるんですよね。 容量制限厳しいけど動画上げるのより再生する方の心のハードルが低いし(動... 続きを読む
グーグル、Live Photosの手ブレを補正するアプリ「Motion Stills」を公開
Googleが、iOS向けの新しいアプリ『 Motion Stills 』を公開しました。 Google Researchによる技術を応用したこのアプリは、Live Photosの背景を固定したり、カメラロール内のムービー・連続した写真からアニメGIFや動画を作成する、といったことができます。 例えば、撮影時に手ブレしてしまったLive Photosを、背景のみを固定したGIFアニメに変換してくれ... 続きを読む
流行りのUIをコード付で紹介しているサイト「CodeMyUI」 | ライフハッカー[日本版]
「CodeMyUI」は流行りのUIをコード付で紹介しているサイトです。GIFアニメでUIの動きを見ることができ、さらにそれを実現させるソースコードもリンクされています。デザイナーの方には重宝するサイトですね。 以下に使ってみた様子を載せておきます。 まずCodeMyUIへアクセスしましょう。 このようにGIF画像とともにさまざまなUIが紹介されています。実際に動きを確かめることができるので、どんな... 続きを読む
なぜ現代にも「GIFアニメ」がはびこり、めぐり続けるのか? « WIRED.jp
2015.9.12 SAT なぜ現代にも「GIFアニメ」がはびこり、めぐり続けるのか? なぜ数コマの動画が同じテンポで繰り返されるとても単純なものなのに、GIFアニメはいまなお世界中至る所で見受けられるのだろうか? その価値を本当に理解するには、1878年にまでさかのぼる必要がある。雑誌『WIRED』VOL.8より全文転載。 GIFアニメは世界中に拡散している。至る所で見受けられる。でもなぜだろう... 続きを読む
iOSの操作を自動化できるアプリ「Workflow」登場 GoogleマップやDropboxにも対応 - ITmedia ニュース
有料のiOSアプリ「Workflow」では、例えば「端末のカメラで写真を3枚撮ってGIFアニメにしてTwitterに投稿する」といった数ステップの操作をモジュールを組み合わせることで作成し、アプリのようにホーム画面に登録できる。 iOS端末での操作を自動化する有料アプリ「Workflow」が人気だ。12月11日にApp Storeで公開されたこのアプリは、本稿執筆現在日本の「トップ有料iPhone... 続きを読む
ほんのり哀愁漂うドット絵のキュートなGIFアニメが集まる「1041uuu」 - GIGAZINE
@1041uuuさんが作成したGIFアニメがまとめて保管されているサイトが「1041uuu」で、ガラガラのバスの中や深夜の牛丼チェーン店など、どこかレトロで物寂しげな風景をドット絵で再現したものがたくさん見られます。 1041uuu http://1041uuu.tumblr.com/ ガラガラのバスの中、赤い発券機やバス前輪上にある高い座席やつり革・車内広告など、バスの特徴をしっかり捉えています... 続きを読む
これからはGIFアニメからAPNGの時代に! iOS 8でサポートされたAPNG画像を使いこなそう – ICS LAB
こんにちは、ICS蔵下です。 Safari 8(iOS 8)では様々な機能が新たにサポートされました。WebGLのサポートが印象的ですが本記事ではサポートされた機能の中でもアニメーションするPNG(APNG) を取り上げたいと思います。すぐにでも導入できるのか?とお悩みのみなさまの判断材料の一つになれれば幸いです。 そもそもAPNGって? Animated Portable Network Gra... 続きを読む
最短1分! URLに「gif」と書き足すだけでYouTube動画をGIF化できるサービス「gifyoutube」がすっごい便利 - ねとらぼ
「YouTubeの動画の一部をGIFにして貼り付けたい! でも自分で作るのってけっこう面倒」――。そんな人のために、1分程度の作業でYouTubeの動画からGIFアニメを作ることができる「gifyoutube(https://www.gifyoutube.com/)」というツールが登場しました。会員登録もソフトのダウンロードも一切不要で、思いついたときにパパッと使えます! YouTubeの動画から... 続きを読む
YouTubeのURLをコピペするだけでGIFアニメが作れる「GIF YouTube」 - GIGAZINE
YouTubeにアップロードされているムービーのURLを貼り付けるだけで1~10秒のGIFアニメ画像がカンタンに作成できるウェブサービスが「GIF YouTube」です。 GIF YouTube | Make Animated GIFs from Youtube https://gifyoutube.com/ GIF YouTubeで作成してみたGIFアニメがこちら。YouTubeのURLをコピペ... 続きを読む
動画からgifアニメを作るWebアプリ Giraf を作りました - harusamex.blog
2014-02-27 動画からgifアニメを作るWebアプリ Giraf を作りました 未分類 以前rokugaというサイトを知り、ありがたく使っていました。 しかし、細かな編集ができないなどの不満点が出てきたので、2月24日から26日までのOUCCコーディング合宿の間に、新しいgifアニメ作成サイト Giraf を作りました。 使い方 動画を選択すると、こんな感じで動画とその前後2フレームが表示... 続きを読む
Mac、Winでの画面操作を録画してgifアニメにしてくれるアプリ「Recordit」 | OZPAの表4
先日、Sublime Textのプラグイン「Goto CSS Declaration」の紹介記事を書いたのですが、その時に使用してめっちゃ便利だった、デスクトップでの操作を録画してgifアニメにしてくれるアプリRecorditのご紹介です。 Recordit: Record screencasts fast & free! with GIF Support! まずはアプリをRecordit公式サイ... 続きを読む
ターミナル操作の録画からGIFアニメを生成するツールを作った - すぎゃーんメモ
Gottyrec で録画したデータを使ってターミナル上で再生しつつ、そのスクリーンキャプチャを使ってアニメーションGIFを生成するツールをGoで作ってみた。https://github.com/sugyan/ttygifReleasesMac, Linux Desktopで動作。再生速度はオプションで変更可能。 背景percolを使ってターミナル操作を早く、便利に。 - すぎゃーんメモ のような記... 続きを読む
すぐに取り掛かれる!GIFアニメをPhotoshopで作る小技集 | nanapi TechBlog
はじめに 初めまして。5月よりnanapiにjoinしました、デザイナーの山田です。 昨今、GIFアニメーションが再注目される日がやってきました!Twitterが6月19日より、GIFアニメーションに対応されたり。GoogleのロゴもGIFアニメーションで制作されていたり。pixivでは「うごイラ」というGIFだけでなく、PNGやJPGファイルを連続表示して動画化するサービスがリリースされたりと、... 続きを読む
ショック! Twitterがサポートを始めたGIFアニメはGIFではなかった―しかしうまい考え – Techcrunch
昨日(米国時間6/18)、TwitterはGIFアニメのサポートを開始した。しかし、Twitterが表示するアニメはまるきりGIFではなかったことが判明した。なんたるショック! だが、パニックに陥るには及ばない。これはTwitterとしてとても巧みな手なのだ。 まずEmbedlyがTwitterフィードに表示されるGIFがGIFファイルではないことに気づいた。 それどころか画像ファイルですらない... 続きを読む
Twitter がGIFアニメに対応。iPhone / Android / ウェブで利用可能に - Engadget Japanese
ついに、というべきか今になって、というべきか、TwitterがアニメーションGIFに対応しました。 Starting today, you can share and view animated GIFs on http://t.co/wJD8Fp317i, Android and iPhone. http://t.co/XBrAbOm4Ya - Twitter Support (@Support... 続きを読む
【個人メモ】bespoke.jsを使ってプレゼン資料を作成する - Qiita
なんだこのプレゼンは? と思ったプレゼンをネット上で見かけた。 Build Warsへのリンク JavaScriptのプロダクトをうまい具合にビルドするためのツール、 Gruntとglupを比較したプレゼンだ。 gifアニメが多用されてるし、オサレでカッコイイ。 何使ってこのプレゼン作ってるんだ!?と思って調べてみたら、 このプレゼンの作者が自分で作っていた。 bespoke.jsというアプリだっ... 続きを読む