エンジニアのためのGyazo、gyazo-cliを作った - 海峡
趣味でgyazo-cliというコマンドラインからgyazoにアップロードできるコマンドを作ったので共有します。 https://github.com/uiureo/gyazo-cli もっと素早く便利に画像を共有したいエンジニアのためのGyazoで、コマンドラインから簡単にGyazoれます。MacとLinuxで動く。 本家のGyazoアプリと比べたメリットはこんな感じ。 * コマンドラインから使いやすい * 設定しやすい * Node.jsでnpmモジュールとして書かれているのでハックしやすい 使い方 引数なしで起動するとGyazo.appと完全に同じように領域選択できてスクリーンショットをアップロードできる。 gyazo 引数に画像のパスを指定してアップロードできます。pngやjpgはもちろん、さらにはGIFアニメもアップロードできる。 URLを指定するとその画像を取得してアップロードし
GIFアニメをスライドで利用するたった一つの方法 - 海峡
TL;DR GIFアニメをMP4に変換する。 ffmpeg -i input.gif -c:v libx264 -pix_fmt yuv420p -vf "scale=trunc(in_w/2)*2:trunc(in_h/2)*2" output.mp4 最新情報 (2014/8/18) 最新のKeynoteではGIFアニメ貼れるようです。 Apple社によるGIFアニメの弾圧 GIFアニメにとって暗黒の時代が訪れようとしている。Macの標準プレゼンテーションソフトであるKeynoteでGIFアニメを再生できなくなったのだ。 これは退屈で苦痛なプレゼンテーションとっての唯一の希望が失われてしまうことを意味する。退屈なスライド、冗長な話、不快な声、淀んだ空気。こうして世界のプレゼンテーションは退屈に包まれ、聴衆から笑顔が消えた。 これ、個人的にはかなりの悲報なのですが、最新の Keynote
GyazoライクなGIFスクリーンキャスト共有ツール「Gifzo」をリリースしました - 海峡
Gyazoのように画面のスクリーンキャストをGIFアニメで撮れるツール「Gifzo」をリリースしました。 Gifzo Gifzoとは Gifzo from Kazato Sugimoto on Vimeo. Gifzoは宇宙一簡単にスクリーンキャストを共有できるサービスです。画面のキャプチャ動画をGIFアニメで超簡単に共有することができます。 画面領域を選択して録画すると自動的に動画がアップロードされて、撮った画像のページがブラウザに自動的に表示されます。Gyazoと似た操作感でとてもシンプルに使うことができます。 Gifzoでできること Gifzoを使えば、画面上の"動き"をとても簡単に共有することができます。Webサイトの録画、UIの動作の共有、アニメのキャプチャなど様々な用途で使うことができます。 また、Gifzoではできるだけ画質を落とさないように画像を圧縮するため、綺麗で低容量な
GIFアニメ生成にImageMagickはオワコン、情強は高速なGraphicsMagickを使う - 海峡
大した話ではないけれど、GIFアニメをコマンドラインから作るならGraphicsMagickが便利なので共有します。 MP4の動画ファイルからGIFアニメを作ろうとすると、まずffmpegで動画を画像に分割してそれからimagemagickでGIFに結合するという方法があります。 % ffmpeg -i hoge.mp4 -r 2 %04d.png % convert *.png hoge.gif複数枚の画像をimagemagickでGIFに結合するのが実は結構時間がかかるため煩わしいことが多いです。場合によっては、数十秒かかったりする。 ImageMagickのfork版であるGraphicsMagickを使うと高速にGIFアニメを生成することができます。 GraphicsMagickのほうが3~4倍速い GraphicsMagickを使えばImageMagickよりも3~4倍高速にGI
Express読んだ - 海峡
Node.jsのWebアプリケーションフレームワークexpressのソースコードを読んだ。 Node.jsの書き方とかHTTPの仕様とか調べながらコード読んで勉強になった。 読むときに作ったメモを載せておく。テキトーすぎてまったく参考にならないと思う。 依存モジュール 気になったものだけをメモ connect ミドルウェアを使って拡張できるHTTPサーバーフレームワーク 便利なmiddlewareが色々入ってる commander コマンドパーサーみたいなやつ range-parser HTTPヘッダフィールドのrangeをパースするやつ 小さくて読みやすそう fresh http response freshnessを調べる単純なやつ キャッシュ制御につかう methods ただのhttp method 一覧 send static() file server 面白そう connectを
pure JavaScriptでアニメーションGIFを作る - 海峡
こんばんは、国民的スポーツのアニメGIFについてのニュースをお届けします。 今回はクライアントサイドのJavaScriptだけでアニメーションGIFを作る方法を共有させて頂きます。 ふつうアニメGIFを作ろうと思うとimagemagickなどを使ってサーバーサイドで処理させると思いますが、今回紹介するのはブラウザだけでアニメGIFを作る方法です。 jsgif antimatter15/jsgif · GitHub jsgifというJavaScriptでCanvasをアニメGIFに変換してくれる超絶便利ライブラリがあるのでこれを使います。 同名でアニメGIFをCanvasで制御再生できるライブラリがあって、そっちのほうが有名ですがそれとは別です。 どうやらAS3のライブラリをJSに移植したものみたいでソースコードを読もうとしても全然分からないけど、便利すぎるので全面の信頼をおいて使います。
Webカメラから超絶カッコいいプロフィール写真を撮れるWebサービス作った - 海峡
Webカメラでめっちゃカッコいいプロフィール画像を簡単に撮れて便利.JS インターネットの皆さん、こんばんは。国民的スポーツの一つであるアニメGIFに関する記事です。 今回、Webカメラから超絶クールなプロフィール画像を撮れるWebサービスを開発したのでご紹介させて頂きます。 SNSや履歴書などに貼るプロフィール写真を撮ったら思ったよりもカッコよくなくてつらい気分になったことはありませんか？ 「動いてるときはもっとカッコよく見えてるはずなのに……」静止画になると急に生命力が失われた感じに見えてしまいます。とてもつらい思いになりますね。 そこで、簡単にもっとかっこいいプロフィール写真を撮りたいと思い、Webカメラから超絶クールなプロフィール画像を撮れるWebサービスを開発しました。 言い換えれば、Webカメラから撮った映像からアニメGIFを作れるWebサービスです。 サービス名は「Webカメ
Node.js+Expressでブラウザ上でアニメGIFを作るための便利ツール作った - 海峡
日本人なら皆、日常的にアニメーションGIFを作って遊んでいると思う。野球、相撲、反原発デモに並ぶ国民的スポーツと言っても過言ではない。 スマートフォンアプリだとGifBoomという革命的便利ツールがあるからいいんだけど、PCで作ろうとなると良いツールがなくてimagemagickを直接叩くとかしなければならなくて困ってた。 アニメGIFを作るためのブラウザ上で動く何かがあればいいと思って作った。 名前は2012年に発売された革命的デバイスにちなんで"gifkobo"。 機能 主にできることとしてはこんな感じ。 コマンドから画像素材のあるディレクトリをコマンドから起動 アニメGIFに使いたい画像をクリックで選択するGifBoomっぽいUI Delay（アニメを表示するときの遅延時間）とSize（生成するアニメの幅と高さ）の指定 生成されるGIFのcanvas上での逐次プレビュー（生成されるG
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GifzoのMacクライアントをオープンソースにしました - 海峡