Gitでよく使用するコマンドをGIFアニメで解説
Gitでよく使用するコマンドが何を行っているかをGIFアニメで解説した記事を紹介します。 Gitのマージ、リベース、リセット、チェリーピック、フェッチ、プル、リフログなど、コマンドを実行した時にブランチはどのように相互作用し、履歴にどのような影響を与えるのか視覚的に学べます。 🌳🚀 CS Visualized: Useful Git Commands by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Gitのマージ（fast-forward, no-fast-forward） Gitのリベース（rebase） Gitのリセット（reset, revert） Gitのチェリーピック（cherry-pick） Gitのフェッチ（fetch） Gitのプル（pull） Gitのリフログ（re
治安の悪い Slack Emoji を作るツールを作った - Qiita
(治安の悪くない Emoji も作れます) 作ったもの ここで遊べます おもしろいところ GIF アニメのエンコードまですべて js で完結しているので、ありがちな「謎のサーバーに画像アップロードするといい感じに変換してくれる」的なサービスと違って、素性の知れたコードがクライアント側でサクサク動きます。 なにができるの？ 画像を 128px x 128px に変形 画像を、 Slack にアップロードできる（現状）最大サイズの 128px x 128px に変形します。 ローカルのファイルから選ぶか、画像の URL を入力できます。アップロードするわけではないので、デカい画像でもサクサクなのがお気に入りです。 変形は 正方形に引き伸ばし（アス比無視） 正方形いっぱいに拡大して、余ったところはトリミング（アス比維持） 正方形に収まるように縮める（アス比維持） から選べます。 テキストから画像
点をぐるぐる回してどんどん重ねると楽しいな〜と思ってたらまたフィボナッチかよ！！ - アジマティクス
点を用意してxy平面上でぐるぐる回します。 その１段上（つまり高さ方向に１進んだ地点）に、１つめの点が１周する間に２周するような点を用意します。 ３段目には、１つめの点が１周する間に３周するような点を置きます。 段目には周するような点を、そうですね、60個程度重ねてみましょう。 ウオエアなんだこれ！！！ めっちゃきもい！！！ 楽しい！！！！！ 隣の点を線分でつないでみるとこんな感じになります（gifアップロード容量制限により途中まで）。 う〜ん気持ち悪いですねぇ〜 特にこの、 動き始めの部分がめっちゃきもい ほら。ﾆｭﾝってなってきもい それぞれの点は、単にずっと同じ速度で回転しているだけです。ただそれだけなのにこんなに気持ち悪くなるなんて面白さを感じます。 キャンプファイヤーみたいなやつ 今回の制作物は3Dで、めずらしくz軸があるんですよねえ。いままでフーリエ装置や人体模型などいろいろな
小林さんちのメイドラゴンの話数表示ジェネレータを作った - Qiita
Web(JavaScript)版できました!! 背景 小林さんちのメイドラゴン面白いですよね。 fhánaのMVに惹かれて見始めましたがすぐにハマりました。 アニメの中で、特に僕が好きなシーンの一つが話数表示です。 ゆらゆら揺れたトールが炎を吐いて題名を表示させるというアイデアとゆるさに思わず感動してしまいました。 これは何かしらのGIFが出るだろうなと思ったのですが待ってられないので作りました。 使い方 このスクリプトはimagemagickが必要です。僕の環境はUbuntuだったので入っていましたが、入ってない方は適宜インストールしてください。 GitHubのプロジェクトをcloneします。 このような1280x720で背景が#9dc26dな（↓）画像を作り、プロジェクトルートにsource.pngとして置きます。GIMPなどでは、フレームの最後（frames/043.png）をレイヤ
ユーザーに「フィードバックをしたい」と思わせる、たったひとつの方法 (\( ⁰⊖⁰)/) - えいのうにっき
esaすごい！今日またちょっとしたフィードバックを送ったんだけど、「まぁこんな感じに直してもらえるのかな」とか思ってたら、「こんな感じにしてみました！」との期待値を上回る対応をしてもらえた！それも修正後の挙動を示すGIFアニ付きで！だいすき！(\( ⁰⊖⁰)/)— いのうえ (@a_know) 2015, 5月 14 僕は、自分用のメモとかの整理に esa.io を使って いて、今までにも、使っていて気づいた変な挙動については、フィードバックを送るようにしてた。というのも、画面の右下にフィードバック送信用のフォームが常にあるから、とても送りやすいのだ。 で、今日もひとつ、見つけたので送った。 そんなに丁寧には書かない。 そしたら「修正します！」とのメールが、4分後に。早い！ まぁ、今回の事象から連想できる解決策は、「異なるテンプレートを選択した場合は、現在すでに編集済みのテンプレート内容を
canvid.js
canvid is a tiny dependency free library for playback of relatively short videos on canvas elements. Why not just use HTML5 video? Because you can't embed and autoplay HTML5 videos on iOS! Yeah, that sucks. Why is this better than using an animated GIF? Videos look kind of gross when converted to animated GIFs because of the colors sampling. Also the file size of video GIFs can get pretty huge. GI
【衝撃野球動画】なぜナックルボールが「魔球」と呼ばれるのか一発で分かるGIFアニメがスゴイ | ロケットニュース24
カーブにシュートにフォークにスライダー。野球には様々な変化球があるが、いまいち「どのように変化するのかが分からない」という人は意外と多い。なかでも謎なのが “魔球” とも言われるナックルボールだ。 ほぼ無回転で投げられ、左右にブレたり不規則に変化しつつ落下していく。それはまるで「氷の上をツルツルと滑るように」とも形容されるが、果たしてどのような変化なのか。今回ご紹介するナックルボールGIFアニメを見て勉強しよう。 海外サイトに紹介されていたGIFアニメには、その衝撃の変化っぷりがスロー映像として収められている。ピッチャーの手から離れた球は、まずはアウトコースへ曲がり、その後にイン、最後にもう一度アウトへ曲がっている。おそるべきブレ球だ。 なんでも、ナックルボールがどのように変化するのかは投げた本人であるピッチャーでさえも予想できないのだとか。ボールを捕らえるキャッチャーのミットにも “迷い
HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］
Webの表現力は、文字の大きさや色を中心に修飾していた時代から美しいグラフィックやアニメーションの活用へと進み、いまでは大きな動画も積極的に取り入れた、豊かな表現力と情報量を備えるWebが数多く見られるようになりました。 最近では広告や解説動画といった例だけでなく、背景いっぱいに動画を使うといった例もあります。モバイルでもゲームやソーシャルメディアなどを中心に積極的に動画を用いた表現が増えています。 GIFやH.264に足りないもの こうした動画表現を実現する技術には複数の選択肢がありますが、モバイルとWebサイトの両方での対応を考えると、GIFアニメーションかH.264のいずれかを選択するのが一般的でしょう。しかしGIFアニメーションは色数が256色と限られ圧縮率も低いため、小さなサイズで数秒程度といった最小限の動画再生にしか向きませんし、音声との同期も困難です。一方、H.264は高精細
画像ライブラリGrappyの作成と、ImageMagick, GDとの比較【実装編】 | 株式会社サイバーエージェント
概要 簡単な画像処理機能も備えた、シンプルかつ高速そしてAnimationGIFをサポートした画像形式変換ライブラリの Grappy を実装した。 これの性能について、ImageMagick, GDと、下記の比較を行った。 SSIMによる画質の比較 処理速度 Valgrindを使ったヒープメモリの使用量 ファイルサイズに関して 最後にそれらとの比較結果から、Grappyの優位性について述べた。 1.はじめに 画像のエンコード・デコードやリサイズといった処理をサービスに組み込もうと考えた場合、多くの場合は高レベルな画像処理をサポートした既存のライブラリの利用を検討することとなる。 しかし、既存のライブラリは機能と速度のバランスが悪く、使いにくいものであった。 Webサービスの中に画像関係の機能を取り入れる場合、求められるのは次のような単純な要求項目に限られる場合が多い。 JPEG, PN
ソフトバンクの「通信速度1位」のカラクリが明らかに、ヒントは「通信の最適化」 | Buzzap！
全国の主要都市の広告看板やテレビCMなどで「通信速度No.1」をうたうソフトバンクですが、そのカラクリが検証の結果、明らかになりました。キーワードは同社が適用している「通信の最適化」です。 ◆「通信の最適化」とは？ スマートフォンの普及に伴う通信量の増大によって発生するネットワークの負荷を軽減するため、ソフトバンクが2011年11月、KDDI（au）は2012年9月に導入したのが「通信の最適化」。 これはスマートフォンで以下のような形式のファイルを受信する場合、あらかじめネットワーク側で各種ファイルをスマートフォンの画面に適したサイズに画像を圧縮・変換するというもの。ちなみに圧縮されたデータは元に戻せません。 画像ファイル：BMP、JPEG、GIF、PNG形式 動画ファイル：MPEG、AVI、MOV、FLV、MP4、3GP、WebM、ASF、WMV形式 ◆「通信の最適化」でデータはどれだけ
GIF に変わると噂の XNG という新しいアニメーション画像フォーマットを調べてみた
ネタにマジレスな感じもしないでもないですが、GIF に変わるという新しいアニメーションフォーマット、「XNG」 が開発されたなんて話題になっていましたので、簡単にその仕組みを調べてみたのと、実際に XNG ファイルを作ってみたので書いています。 ネタにマジレスな感じもしないでもないですが、GNOME （X Window System 上で動作するデスクトップ環境） の開発者である Jasper St. Pierre 氏が、GIF に変わるという新しいアニメーションフォーマットを開発したとのことで話題になっていました。 彼自身の Blog でも書いているほか、日本語では GIGAZINE さんが取り上げていましたが、興味本位からちょっと中身を調べてみたので書いてみます。ついでに実際に XNG ファイルを作る方法にも簡単に触れています。 XNG: GIFs, but better, and a
PostScript... 更なる深淵へ
はてなリング「ChangeLog メモ」のロゴの PostScript ソースを公開したところ、/home/pochi/ChangeLog で記事が紹介されて少しアクセスが増えた。大したコードでもないのに、 PostScript は Forth と同じようなスタック型の言語。 面白いしわりと簡単なので読んだことがなければ、 ソースを読んでみてくださいませ。 ちょっとだけ視野が広がるです。 と書かれてしまっては、何か恥ずかしいです。ハイ ^^; せっかく来て下すった方々に、もっと視野の広がるコードを二つほど紹介します。 アニメーション GIF のソース 手前味噌な自分の記事を紹介。 PostScript は画像じゃない。ページ記述言語と呼ばれる言語。一つの PostScript ファイルの中に、1 ページ、2 ページという風にページがある。だから、(例えば) 10 枚の画像を、1 ページ 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://frasco.io/exploding-git-repositories-4a44dc153642
TechCrunch | Startup and Technology News
LGTM Camera
@1041uuu · 1041uuu
Goodbye from RightGif
TV | Tumblr
Googleフォト貼れるようになったので機械が作ったGIFを貼る - hitode909の日記
GitHub - FGRibreau/dot-clipboard: :pouch: dot-clipboard monitors your clipboard and runs scripts based on its content
