Windows で 画面操作を Gif で録画したいなら ScreenToGif がオススメ | DevelopersIO
結論「ScreenToGif はいいぞ！」 ScreenToGif は Windows 上での画面操作をサクッと録画して編集までできるので撮り直しの手間が省ける OSS のデスクトップキャプチャツールです。 今日は創立記念日！ 7/7はクラスメソッドの創立記念日ということでブログ投稿する習慣があり、まだ入社1年にも満たない新人の私も「乗るしかない、このビッグウェーブに」の精神で書いてみました。 使いどころ 開発中のアプリケーションを操作していて挙動がおかしい、デザインが崩れているといった問題を見つけた時に、非同期コミュニケーションとして Gif アニメで画面操作を録画して Slack に貼り付け共有したり、新たな Issue を作成する際に操作方法や起こっていることを説明するのに使えるでしょう。 もちろんブログにアップロードする画像にも使えます。以前こちらのブログを書いたときに使用しました
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が原因かもしれません！ 何年も
動画や映像、アニメーションGIFの背景を自動分析し、背景だけを削除できる無料オンラインツール -Unscreen
.mp4、.webmの動画や映像、アニメーションGIFの背景を自動分析し、背景だけを映像から削除できる無料オンラインツールを紹介します。 通常はグリーンスクリーンで撮影しないと背景を削除できませんが、簡単に背景のない映像を作成できます。 Unscreen Unscreenは、動画や映像から背景を削除できるオンラインツールです。操作も非常に簡単で、動画や映像をUnscreenが100％自動的に分析するので、ピクセルを選択したり、カラーを選択したり、マスクをペイントしたりする必要はありません。 サポートする動画のフォーマットは、下記の通り。 .mp4 .mov .webm .ogg .gif（アニメーションGIF） ファイルサイズや解像度に上限はありませんが、大きなファイルや高解像度は処理に時間がかかります。出力形式は、アニメーションGIFとアニメーションPNGとシングルフレームで、将来的には
「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」と書いたスペシャル版ピーナツバターを発売（本稿執筆現在既に売
ImageMagickでliquid rescaleする - hitode909の日記
ImageMagickのリサイズまわりの挙動を調べてたら異常なアニメーションGIFが掲載されいているのを発見して，その瞬間に調べ物はどうでもよくなった． 領域が狭くなると，文字が帽子の上に周りこんでいる． http://www.imagemagick.org/Usage/resize/#liquid-rescale Seam carving(liquird rescale)は画像のなかで自然に切り取れるところを探してリサイズする技術．物がないところを探して切り詰めるので物だけが残る． Seam carving - Wikipedia ImageMagickをliblqrつきでインストールすると使えるようになる． brew install imagemagick --with-liblqrオライリーの書影とか見るからに縮めやすくてめちゃくちゃ楽しいのでは?と思ったので練習． Docker 作
小林さんちのメイドラゴンの話数表示ジェネレータを作った - Qiita
Web(JavaScript)版できました!! 背景 小林さんちのメイドラゴン面白いですよね。 fhánaのMVに惹かれて見始めましたがすぐにハマりました。 アニメの中で、特に僕が好きなシーンの一つが話数表示です。 ゆらゆら揺れたトールが炎を吐いて題名を表示させるというアイデアとゆるさに思わず感動してしまいました。 これは何かしらのGIFが出るだろうなと思ったのですが待ってられないので作りました。 使い方 このスクリプトはimagemagickが必要です。僕の環境はUbuntuだったので入っていましたが、入ってない方は適宜インストールしてください。 GitHubのプロジェクトをcloneします。 このような1280x720で背景が#9dc26dな（↓）画像を作り、プロジェクトルートにsource.pngとして置きます。GIMPなどでは、フレームの最後（frames/043.png）をレイヤ
年齢認証
ここから先は、成人向け（アダルト）コンテンツです。 成人向けの言葉や映像が含まれています。 18歳未満の者が閲覧することは禁止します。 あなたは 18歳以上ですか？ （自身の居住国や地域社会における規範・法律に従ってください。）
Linuxデスクトップ環境を Gifに記録する - Qiita
Windowsや MacOSXだと Licecapやその他様々なツールで作業などを Gifで記録することができるのですが, Linuxだとそのようなツールがあまりありません. 動画形式で記録しそれを gifに変換というのがわりといろいろなところで書かれている印象ですが, そうやって作成した Gifは綺麗でないわりにファイルサイズがやたらでかいものとなることが多いです. Linux環境にまともなものないんかいと思っていたところに見つけたのが byzanzです. これで作成した Gifはサイズが小さめなわりに品質は高く Githubの README.mdにも問題なく貼れます. インストール Debian系は以下のとおりです. (注: 古い Ubuntuだと PPAから取得する必要があります)
私がAtomからSublime Textに戻った理由 - 文系プログラマによるTIPSブログ
テキストエディタの基礎部分となる、パフォーマンス面からatomとSublimeTextを比較して見た結果、Sublime Textに戻ったよ、というお話です。 macのプログラマ御用達のテキストエディタと言えば、真っ先に挙がるのが「Atom」と「Sublime Text」ですね。 最近「atomスゲーよ！！」というブログ記事をチラホラ見るようになったので、私は去年から半年間、会社でプログラミング用途としてatomを使ってみました。その実体験を元に両者の真実を書いてみようと思います。 最近ではLight Tableなんかも出ましたが、今回はこの2つのテキストエディタに焦点を当ててみます。 ※ 今回はGIFアニメ多めです おさらい Atom Sublime Text 検証環境 何が問題なのか パフォーマンス atomによる一括置換の様子をGIFアニメで確認する Sublime Textによる一
theclip.jp - theclip リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Sublime Textのプラグイン「Goto CSS Declaration」が素晴らしく便利で泣けてきた
今日も今日とてSublime Text 2にてコーディングをしているわけなんですが、@kojika17 先生（通称：まぼろしの神）からGoto CSS declarationと言うプラグインを教わって導入したところ、これが素晴らしく素晴らしいので素晴らしさをお伝えしようと思います。 rmaksim/Sublime-Text-2-Goto-CSS-Declaration どんなプラグインか こちらのGoto CSS declaration、どういったものかと言いますとhtmlのID、クラスにカーソルを合わせてキーを押すと該当のcssの編集箇所にカーソルが飛ぶと言うもの。嗚呼説明しづらい。 まぁプラグインのgithubに行ってもらえばそこにあるgif動画でどんなものか一目瞭然なのですが、私もgif作ってみました。 プラグインはPackage Control から「gotocssdeclarat
最近話題になったイケてるWebサービス・アプリ10選（2014年6月編）
こんにちは。 7月が始まりましたので、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Yo Yoは、特定の相手に対して「Yo」という通知を送る、ただそれだけのメッセージングアプリです。挨拶やちょっかいをかける感じで交流できます。 またアラートのような使い方もできて、W杯のサッカーの試合時に「WORLDCUP」というユーザー名に一度「Yo」と送ると、ゴールが決まる度に「Yo」とだけ届いたり、ブログが更新された時に「Yo」と届くなど他の使い方も見えてきています。 2014年6月23日には、100万ユーザーを突破、2ヶ月間で約1億円もの出資が集まったそうでWeb業界では衝撃が走りました。 Compressor.io ほとんど劣化させずに「JPG・PNG・GIF・SVG」の画像を軽量化できるWebサービスです。 料金は無料でアカウント登録もなく、ドラッグ&ドロップするだけで画
ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！｜男子ハック
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利！ 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1
脱初心者を目指すなら知っておきたい便利なVimコマンド25選 (Vimmerレベル診断付き) - Qiita
はじめに: Vimならではの便利機能をマスターしよう！ かれこれ数年前、僕がVim(というか、たぶんVi)と初対面したときは、「なんて使いにくいエディタなんだ！！」と最悪の印象でした。 しかし、周りのプログラマやネット上のエンジニアたちはみんな「Vim便利！」「Vim最高！」と言います。 なのでその言葉を信じ、僕も最悪の印象だったVimともう一度正面から向き合うことにしました。 そして、月日が過ぎ・・・僕もいつしか「Vim便利！」「Vim最高！」と叫ぶようになってしまいました！！ これって洗脳？ いやいや、洗脳じゃありませんw Vimにはメモ帳の延長線上にあるエディタでは実現できないような数々の便利な機能があります。 覚えるまでにはちょっと苦労しますが、覚えてしまえばメモ帳系のエディタでは追いつけないようなスピードでテキストを編集することができます。 とはいえ、そもそも覚える以前に「そんな
よっしゃ動くぞおおおおおお！ Twitter上でgifアニメが動かせるWebサービスが誕生
Twitterにgifアニメを投稿すると静止画になってしまうし、動きを確認するためにはリンク先へ飛ばなくてはならないので面倒くさい……。そんな状況を変えるべく、Twitter上でgifアニメが動かせるWebサービスが誕生しました。 gif作品の投稿・共有サービス「GIFMAGAZINE」を利用してツイートすると、もともとgifアニメの再生に対応していないはずのTwitter上でアニメを動かせるようになります。これは、ツイートに画像や動画、リンク先のプレビューなどを表示させる仕組み「Twitterカード」を利用して実現したそうです。 「GIFMAGAIENE」トップページ 「GIFMAGAZINE」では投稿されたさまざまなgifアニメを見ることができるのですが、それぞれの作品の下に「Twitterでシェア」という表示があることに気が付きます。この部分をクリックすると投稿用のウインドウが現れる
無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」
アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。 Compressor.io - optimize and compress your images and photos http://compressor.io/ ページを表示させるとまず目に飛び込んでくるのがこのカメレオンの画像。画像の上には白いバーが表示されており、マウスで左右に動かすことで圧縮前と後での画質変化を確認することができます。 画像の下には、圧縮前後のデータ容量の変化と圧縮率が表示されています。 このサイトで対応しているのはJPEG、PNG、GIF、SVGの4形式。圧縮時には、元の画質をキープできる可逆圧縮と、圧縮率重視の非可逆圧縮を選択することが可能となっています。 使い方の説明はこれだけ。あと
[JS]なにこれ楽しい！インタラクション満載の路線図を実装するスクリプト -transitive.js
路線図の入り組んでいるところって、分かりにくいですよね。 そんな問題を解決するCanvasで実装するインタラクション満載の路線図のスクリプトを紹介します。 ↓くっついてて分かりにくい箇所も、こんな感じに移動できます。 デモページ 上のアニメーションgifみたいに移動させることだけでなく、ホイール操作での拡大縮小やドラッグ操作などもできます。 路線図は各要素（駅やルートなど）のテキストファイルを元に、Canvasで描画されています。 各要素のデータ（オレンジのルート）はこんな感じです。 "route": "ORANGE", "from": "12488", "to": "7588", "fromName": "COURTHOUSE METRO STATION", "toName": "METRO CENTER METRO STATION", "routeShortName": "Orange
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - google/gif-for-cli
Emacsで anigifを再生 - Shohei Yoshida's Diary
フローチャートやUMLモデルの作図に適したシンプルなドローソフト「Diagram Designer」NOT SUPPORTED