タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、イベントループ、スコープチェーン、プロトタイプ継承、非同期処理、ジェネレータ関数、Hoisting（巻き上げ）など、GIFアニメを使用して詳しく解説しています。 シリーズ7本すべてと、プラス1として楽しく学べるクイズもあります。 JavaScript イベントループの仕組み JavaScriptでエラーの原因となるHoisting（巻き上げ）の仕組み JavaScriptのスコープチェーン・変数参照の仕組み JavaScriptエンジンの仕組み JavaScript プロトタイプ継承の仕組み JavaScriptのジェネレータ関数とイテレータの仕組み JavaScriptの
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
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️🎀 JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promiseの構文 イベントループ: Microtasksと(Macro)tasks AsyncとAwait はじめに JavaScriptのコードが期待通りに実行されないことに悩まされたことはないですか？ おそらく、関数が不規則に実行されたり、予測できないタイミングで実行されたり、実行が遅れたりしたことがあるかもしれません。そして、ES6で導入された新機能Promiseが原因かもしれません！ 何年も
Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🚀⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: JavaScriptエンジン JavaScriptはクールです（私はそう思います）が、あなたが書いたコードをマシンが実際に理解するにはどうすればいいのでしょうか。JavaScriptデベロッパーは通常、コンパイラを自分で扱う必要はありません。しかし、JavaScriptエンジンの仕組みを理解し、人に優しいJavaScriptコードをどのように処理
GIFアニメは短い無音のアニメーションだ。普通の動画とは違って、そこに音を記録したデータは含まれていない。だから基本的には音がない。 それなのに、なぜか音を感じてしまう不思議なGIFアニメがツイッター上で話題になっている。Happy Toastさんが作った鉄塔が電線で縄跳びをしているGIFアニメだ。 グラスゴー大学のリサ・ディブルイン博士が音が聞こえるかどうかアンケート調査をしてみたところ、調査に参加した人のじつに75％が「ドスン」という音が聞こえると回答。さらに4％の人も、それ以外の音が聞こえると回答している。 一体どうして一部の人々は、無音のはずのGIFアニメから音を感じ取ってしまうのだろう？
CORSの仕組みをGIFアニメで分かりやすく解説
クロスオリジンのリクエストを安全にするための同一生成元ポリシーとオリジン間のリソース共有（CORS）の仕組みをGIFアニメで解説した記事を紹介します。 ✋🏼🔥 CS Visualized: CORS by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ✋🏼同一生成元ポリシー（Same-Origin Policy）とは 🔥クライアントサイドのCORS 💻サーバーサイドのCORS 🚀プリフライト リクエスト（Preflighted Requests） 🍪認証 はじめに 「Access to fetched to fetched has been blocked by CORS policy error」と赤い文字がコンソールに表示されると、デベロッパーなら誰でもフラストレーションが
JavaScript イベントループの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ✨♻️ JavaScript Visualized: Event Loop by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: イベントループ イベントループは、JavaScriptデベロッパーが避けては通れない関門の1つですが、最初は理解しにくいかもしれません。私は視覚学習者なので、GIFアニメで視覚的に説明することで、あなたの手助けをしようと思います。 説明の前に、まずイベントループとは何でしょうか？ なぜ気にする必要があるのでしょうか？ JavaScriptはシングルスレッドで、一度に実行できるタスクは1つだけです。通常は問題ありませんが、30
非常に感染力・拡散力が高く、PCにダウンロードされることでさまざまなマルウェア感染を引き起こす「Emotet」は近年、その被害の大きさから問題視されています。このEmotetのマルウェアファイルが、何者かに無害なGIFアニメーションへと置き換えられているという報告があがっています。 Emotet being hijacked by another actor | by Kevin Beaumont | Jul, 2020 | DoublePulsar https://doublepulsar.com/emotet-being-hijacked-by-another-actor-b22414352a7b A vigilante is sabotaging the Emotet botnet by replacing malware payloads with GIFs | ZDNet htt
JavaScriptにはどのオブジェクトにもプロトタイプと呼ばれる便利な隠しプロパティがあります。プロトタイプ継承の仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🎉👨👩👧👧 JavaScript Visualized: Prototypal Inheritance by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: プロトタイプ継承 文字列や配列、オブジェクトに対して.length, .split(), .join()のような組み込みメソッドを使用できるのか、疑問に思ったことはありませんか？ それらを明示的に指定したことはありませんが、どこからきたものでしょうか？ これは、プロトタイプ継承（prototypal in
説明 鍵の取り付けや交換の際、「どんな種類の鍵を選べばいいんだろう？」と悩むもの。鍵の構造にはそれぞれ特徴があり、用途や目的は多岐にわたります。防犯性や使いやすさ、費用を考えて、自宅に合った鍵を選べるとよいでしょう。今回は、主に住居に使われる種類の鍵の特徴をGIFアニメとともに紹介。鍵が開く仕組みをしっかり理解することで、目的に沿った鍵を選びやすくなるでしょう。 鍵（錠前）の構造 鍵の種類を知る前にまずは、錠前の構造を押さえておきましょう。 錠前は簡単に言うと、扉を閉ざす目的で取り付けられた機構のことで、一般的に「シリンダー」と「タンブラー」の2つの部品の組み合わせでできています。 ◆シリンダー・・・鍵穴のこと。シリンダーは日本語で「円筒」を意味し、内筒と外筒に分けられる ◆タンブラー・・・シリンダー内の障害物のこと。障害物の状態に合った鍵を挿し込むことで、開錠・施錠できる つまり、錠前は
JavaScriptでエラーの原因となるHoisting（巻き上げ）はなぜ起こるのか、その仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🔥🕺🏼 JavaScript Visualized: Hoisting by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScript Hoisting（巻き上げ）の仕組みをGIFアニメで分かりやすく解説 Hoisting（巻き上げ）は、JavaScriptでのエラーの原因をGoogleで検索しても分からず、StackOverflowなどで質問した際に目にする用語の1つです。「そのエラーはHoisting（巻き上げ）が原因で発生している🙃」と言われることがあります。 Hoisting（巻き上げ）とは何のことでしょうか？
はじめに サーバーレス開発部の藤井元貴です。 ブログに「Macの画面をGIFアニメで貼りたいな〜」と思ったのでやってみました。 こんな感じです！ おすすめの方 Macで画面の動画を撮影したい Macで動画をGIFアニメに変換したい Macの画面を動画にする macOSがMojaveのとき macOSの機能で撮影できます！ 準備 キーボードの「Shift ＋ Command ＋ 5」を同時に押します。 次に、「選択部分を収録」を押し、枠をドラッグ＆ドロップし、収録範囲を決めます。 録画開始！ 「収録」ボタンを押します。 任意の操作を行いましょう！！ 終了 画面上部の「■」を押すと終了します。 Touch Barがある場合は、Touch Barの「停止」を押してもOKです。（こっちのほうが楽そう） macOSがMojave未満のとき 下記を参考にQuickTime Playerを利用して動画を
写真を動かせっ！ GIFアニメでひと工夫。読者を楽しませるアレンジ Graphics Interchange Format - 葉ログ
写真を動かせっ！ GIFアニメでひと工夫 動く写真で読者を楽しませませんか？ 写真やイラストの重要性 百聞は一見に如かず 写真を動かしてみよう 動くものは目に止まる これまでに葉ログに掲載したGIFアニメーション 動画から作るGIFアニメーション 上級編、滑らかなGIFアニメーションをつくる モーフィングという技術 おわりに （約1500文字） 写真を動かせっ！ GIFアニメでひと工夫 動く写真で読者を楽しませませんか？ 写真やイラストの重要性 百聞は一見に如かず 葉（は）ログへようこそ。 ブログ記事が文字ばかりだと味気なくて、読者を飽きさせてしまいます。ブロガーさんたちもご自分の記事に興味をもっていただこうと、それぞれが趣向を凝らした写真やイラストをタイムリーに挿入されてますね。視覚からの情報は深く考えることなく、言いたいことを伝えてくれます。「 百聞は一見に如かず（みりゃーわかるじゃん
JavaScriptのスコープチェーン・変数参照の仕組み、グローバルスコープ、ローカルスコープ、ブロックスコープについてGIFアニメーションで分かりやすく解説された記事を紹介します。 ⚡️⛓JavaScript Visualized: Scope (Chain) by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptのスコープチェーンの仕組みをGIFアニメで分かりやすく解説 JavaScriptのスコープチェーンについてこの記事では解説します。 私は視覚学習者なので、GIFアニメで視覚的に説明することで、あなたの手助けをしようと思います😃 まずは、下記のコードを見てみましょう。 const name = "Lydia" const age = 21 const city = "Sa
今回は｜(管理名)和光丸A｜ダイソー産｜の記事です。 さてさてやってまいりました。 ブログ開設前に構想していた当ブログの【特色】はサボテンの生長記録をgifアニメで見れるブログでした。 今までの日々の生長をお手軽に見れる【短期生長gifアニメ】と植え替え時は植え込み位置や鉢が変わってしまいリセットが必要になるのでそれまでの【長期生長gifアニメ】です。 本当は来年の春に植え替え予定だったんですが徒長問題に悩まされサボテンファーストで用土を変更する為、この秋に早めたので【長期生長gifアニメ】も前倒しになりました。今回は5ヶ月分です。 でもTipsを溜めるには早まって良かった！頭の中にあった【長期生長gifアニメ】はあんな風に作ろう！じゃダメでした。5ヶ月分で良かった・・・ 和光丸Aの生長記録 正面から 上面から まとめ 終わりに 和光丸Aの生長記録 という事で和光丸Aの【長期生長gifアニ
緋花玉A 徒長気味の原因を絞る！！【ギムノカリキウム属 gifアニメ ダイソー サボテン】 - とにかくサボテン！
緋花玉Aは花芽が出てから生長が鈍りましたが花が終わり生長が再開しました。 今回もモリモリです。 生長の記録 正面 上面 徒長について 終わりに 生長の記録 今回は37日間の生長の記録です。 正面 なかなかの生長を見せてくれます。花芽が出てからちょっと痩せたかな？ 上面 こちらもモリモリ新しいトゲが出てきてますね！ 関連コンテンツに使っているアイコンにそっくりだ！ コレ。 徒長について 以前の記事で徒長は解消したかな と思ったんですがずっと徒長気味みたいです。 同じく徒長気味の雪晃C、Eは徒長が解消されて本来の生長をしています。特に雪晃Eは「はい！ここから生長で～す！」と言わんばかりの分かりやすい生長を見せています。 さて、緋花玉Aについては今年の春～夏まで育てて気になった点が2点あります。 1つ目 水が多すぎて徒長してしまった。これは用土の保水性が関係していると思っています。 2つ
ご無沙汰の雪晃C、株元が細く頭でっかちなのでちょぉっっと徒長気味だったのかなぁと思えますがこのまま育てて問題は無さそうです。 栽培条件が徒長気味の雪晃E と同じでこちらの雪晃Cの方が大きかったので水分消費量が多く、この程度の徒長ですんだのかもしれないですね。 生長の記録 ２４日間の生長の記録です。 正面の比較 中央やや右上に茶色いゴミが付いているので刺座の位置関係が分かりやすいですね。 上面の比較 右手前に張り出していますね。これは太陽の方に頂部の生長点を向けながら生長しているからです。不動なイメージのあるサボテンですがしっかり植物してますね。 ウチのサボ の中で雪晃が良く動きますね。気付いたら首をかしげてます。 終わりに この雪晃Cは2017年9月にダイソーで買いました。根が出ておらず鉢の中でコロコロ転がっていたのを不憫に思い連れて帰りました。ウチに帰った時は鉢から飛び出し袋の中
◆遊び心◆ ◆ワード絵から◆ ◆gifアニメを作って遊ぶ◆ 今回も訪問して下さりありがとうございます。 今回はgifで遊んでみました。そんな紹介になると思います。 時々自分の描いた絵を動かしたくなるんです。 ●骸骨くん「1枚目」 最初に描いた絵の前後を埋めていきます。 まぁ～Ｗｏｒｄで描いた絵なので自由にグループ化したり解除したりしてコマをすすめたり戻したりします。 ●1枚目よりも前 ●1枚目よりも後 ●gifアニメ 久しぶりに作ったらちょっと勘が鈍ってましたぁ～。 骸骨君が優雅に踊ってる姿です（笑） 分かりやすい様に1枚目より前を2枚・1枚目よりも後を2枚プラスしました。 そうすると、ちょっとのけ反って戻る感じになりますねぇ。 でも、やっぱり一回転させたくなっちゃって.....。 「一回転」 最終的にはこうなりましたぁ～（ワハハ） 失敗した絵もご紹介します。 よく失敗します（涙） 回転が
カマエロビビア属Aの親株の生長は落ち着いた！？ 【４コマgifアニメ ダイソー】 - とにかくサボテン！
前回の記事で子株がヤル気を出したと伝えたカマエロロビア属A。子株の生長っぷりが凄いですが親株はまったく生長しません。生長しないというかちょっと太ったんですがすぐに痩せました。子株に吸われたんだと思います。今回はそんな様子が見れます。 子株恐るべし！ 生長の記録 正面から 上面から 終わりに 生長の記録 今回は３７日間の記録です。７～１０日間に一回写真を撮っています。 正面から １～２で親株が少し太るんですよね。そこから３で親株は少し痩せてしまいますが子株は生長を続けています。 上面から 子株の刺座がモリモリっと出てくるのが分かりますね。凄い！ これだけ生長していたらテストブレンドした用土 も問題なさそうですね。 終わりに 子株が出てくるのは嬉しいんですが親株が埋もれてしまうので子株を取る必要があるかもしれないです。親株が埋もれて土台になるのが自然の姿なのかもしれないですが愛着がある親株
GitHubなどに埋め込めるGIFアニメを簡単に作成できるMac用エンコードアプリ「Gifski」がバウンスGIFアニメの作成に対応。
GitHubに埋め込めるGIFアニメを作成できるMac用エンコードアプリ「Gifski」がバウンスGIFアニメの作成に対応しています。詳細は以下から。 Gifskiは元Googleのエンジニアで現在はGitHub Sponsorsなどの支援によりフルタイムでオープンソースに貢献しているSindre Sorhusさんが、YouTubeが埋め込めないGitHubやMarkdownドキュメントで扱えるGIFアニメーションを作成するために開発したMac用GIFアニメ作成アプリですが、このGifskiがバージョン2.16.0アップデートでバウンスGIFアニメの作成に対応しています。 Gifski v2.16.0 Added the ability to create a bounced GIF. Also known as yo-yo or back-and-forth GIF. Gifski by
｜雪晃｜雪晃Cの5ヶ月間の生長をgifアニメにしました！【サボテンの長期生長gifアニメ】 - とにかくサボテン！
｜(管理名) 雪晃C｜ダイソーサボテン｜ 雪晃はお気に入りのサボテン。2.5号鉢の直径と比較すると5ヶ月で随分と大きく育ちました。 雪晃Cの生長記録 正面から 上面から まとめ 終わりに 雪晃Cの生長記録 前半の春～梅雨までは徐々に大きくなり中盤は休眠期で停滞、後半の梅雨明けにドカっと大きくなります。 正面から コブが小さく刺座が互い違いに細かく敷き詰められているので同じ刺座を追いかける事は出来ないですが上部がモリモリっと生長する様子は見ていて気持ちが良いですね。 上面から 雪晃が鉢の直径に迫ってきてますね！ この位の大きさになると休眠期の断水で縮んでもズッシリと重いので安心できます。 まとめ ウチの雪晃たちは割と順調に直径が大きくなる生長をしているので鉢の直径に迫ってくるのが嬉しいです。 後半のドカっと大きくなるところは8月16～25日のたった9日間なんです。ウチの日照時間だと遮光無しで
｜ダイソー緋花玉？｜緋花玉Aの5ヶ月間の生長をgifアニメにしました！【サボテンの長期生長gifアニメ】 - とにかくサボテン！
｜(管理名) 緋花玉A｜ダイソーサボテン｜ こちらダイソーで購入したギムノカリキウム属-緋花玉の様なサボテン。 ダイソーサボテンはあくまでも近縁種なので「このサボテンが緋花玉っていうのか」と誤解を招いてしまっては問題なので流石に管理名を変えた方が良いですね。個人的には良くてもブログは公の場ですからね。 花も白いし。 最後にリンク 今までの流れを残してダイソー緋花玉A？心機一転ダイソーギムノA？DAISOのDを取ってD緋花玉Aか？DなんだかAなんだか分かんないな。 考えておきます。 緋花玉Aの生長記録 正面から 上面から まとめ 終わりに 緋花玉Aの生長記録 前半は先っぽが膨らんで徒長が解消したかな？と思いましたが花芽が付いてシュッと痩せてしまいました。 正面から 1～3、破裂しそうな勢いで生長してますね！ぷっくりパンパンです。 4～5、花芽が生長しサボテンは痩せてます。花を咲かせるって大変
｜ダイソー カマエロビビア？｜6ヶ月間の生長記録【サボテン 長期生長gifアニメ】 - とにかくサボテン！
｜(管理名) カマエロビビア属A｜ダイソー産 今年は子株が凄い勢いで生長し楽しませてくれました。こんなに早く生長するとは思っていなかったのでビックリです。 生長記録 正面から 上面から まとめ 生長記録 今回は5～10月までをgifアニメにしました。子株の勢いが良く分かるgifアニメになりました。 正面から 1～7：ゆっくりですが休眠期どこいったんだ？というくらい生長してます。 8～14：少し生長のペースが上がります。 写真中央やや下の小さな子株は不動のままでした。マイペースだな。 上面から 1～5：それぞれの生長点からモリモリ刺座が出てきてます！ 6～7：梅雨の休眠期です。ピタッと生長が止まるので分りやすいですね。 8～14：子株たちが容赦なく生長し始めます。 まとめ 5月に鉢増ししたのに早くもハミ出そうな勢いですね。ちょっと分かり辛いですが子株の先の方がキュッと引き締まった生長をしてい
今日は週末に勢いでGIFアニメ生成アプリを作ったので開発の流れ＆技術的なポイントを共有します。ソースコードも全て公開しているので、ご自由に流用して遊んでみてください。 作ったもの アプリ： https://fulful.web.app/ ソースコード : https://github.com/yuneco/fulful 珍しく、ちょいバズりました（※当社比） ふるふるふるえるGIFアニメを生成できるWebサービスをリリースしました！あそんでみてね #フルフルネコチャンhttps://t.co/x49XIjEBuN — ゆき (@yuneco) May 10, 2020 この記事で書くこと ちょっとした個人開発アプリを短期間でリリースする流れ＆ポイント 技術解説：SVGフィルタの作り方 技術解説：ブラウザでGIFアニメを生成するアプリの作り方 なお、このアプリはもともとお仕事で↓の記事を書く
｜天紫丸｜冬はすぐそこ、もう少し生長する？休眠して色付き始める？【サボテンの長期生長gifアニメ】 - とにかくサボテン！
｜(管理名) 天紫丸A｜ 寒くなってきたなぁと思っていたらもうすぐ立冬なんですね。秋は本当に短いですね。子供の頃はコオロギなどの虫の音を感じる秋がもう少し長かった気がします。 生長記録 サボテンの耐寒性 休眠中も楽しめる？ 終わりに 生長記録 今回は6～9月までをgifアニメにしました。正面は生長の様子がまったく分からなかったので上面だけです。 8月の中旬にドカっと生長しましたが悪天候が続き水やりが出来なかったので9月はもぞもぞっとトゲが動いた程度です。 1～3-ゆっくり生長します。 4～7-休眠期に入り紫に色付きます。 8-紫色が落ち一気に生長し 9-トゲがもぞもぞ。 8～9のもぞもぞをアップで。 白いのはホコリです。 サボテンの耐寒性 ウチのサボテン達の耐寒性は5～10℃くらいで10℃を下回ると休眠する様です。 秋の水やりは2週間に1回にして休眠したら断水します。 週間天気予報では10
分散型SNS「Bluesky」初のiPhone向けサードパーティーアプリ「Graysky」が登場予定、「翻訳機能搭載」「GIFアニメ対応」など便利機能盛りだくさん
分散型SNSのBlueskyは、X(旧Twitter)に似た操作感を備えていることから、劇的に変化しつつあるXからの乗り換え先の一つとして注目を集めています。Blueskyはオープンソースの分散型SNSプロトコル「AT Protocol」を採用しており、多くの有志によってサードパーティーウェブアプリやスマートフォン向けアプリのテスト版が開発されてきました。そして、ついにエンジニアのサミュエル・ニューマン氏によって開発されたiPhone向けアプリ「Graysky」が2023年10月21日からApp Storeで配信開始されることが決定しました。 Graysky - a bluesky client https://graysky.app/ Bluesky gets its first third-party mobile app with Graysky, launching later t
💡🎁 JavaScript Visualized: Generators and Iterators by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ES6ではジェネレータ関数と呼ばれるクールなものが導入されました🎉 ジェネレータ関数について尋ねると多くの人は、「知っているけど、混乱して二度と見ていない」「ブログで読んでみたけど、よく分からない」「分かるけど、みんななんで使ってるの」🤔 私も昔は同じように思っていました。しかし！実はかなりクールです！！ ジェネレータ関数とは何でしょうか？ まずは、通常の昔ながらの関数を見てましょう👵🏼 昔ながらの関数 これについては何も特別なことはありません。ごく普通の関数で、値を4回ログに記録するだけの関数です。 では、実行してみましょう！ 「通常の
ガオーっと吠える「ゴジラ キング・オブ・モンスターズ」の公式GIFアニメがかわいい！ ゴジラ・モスラ・ラドン・キングギドラなど8種
日本最大級のGIFプラットフォーム「GIFMAGAZINE」に、「ゴジラ キング・オブ・モンスターズ」の公式チャンネルが登場。ゴジラ、キングギドラなどのかわいいGIFアニメーションが紹介されています。 「ゴジラ キング・オブ・モンスターズ」の公式チャンネルで公開されたGIFアニメーション 5月31日に公開された話題の映画「ゴジラ キング・オブ・モンスターズ」。GIFMAGAZINでは、タイトルをバックにゴジラが体をゆさゆさしているロゴバージョン、ゴジラの咆哮を表現した「叫び」。「IT’S LIT」の文字とともにゴジラが熱線を放つ「ハイテンション」、ゴジラが地面を踏みつける「地団駄（足踏み）」、海から現れたゴジラが天に向かって熱線を放つ「パワー満タン」という5種類のGIFに加え、「GHIDORAH」の文字をバックに翼を広げる「キングギドラ」、ゆっくりと羽を広げる「モスラ」、映画さながらのきり
Rioでじゃねーど、です。 みなさん、お元気ですか～？井上陽水風(▼∀▼) 最近、宇宙のニュースやらを見つけても「宇宙フォルダ」に保存だけして、きちんと読んでいませんでした。 私が主に見ているサイトは最近では、solaeさんやナゾロジーさん・・ 1/28のsolaeさんの『ホットジュピター』についても「へー( ﾟдﾟ)1番熱いんだ・・」と保存だけして放置していました。 そもそもジュピターは木星とわかるけれど、ホットジュピターって何？とよくわからなかったのです。 知識欲は突然に たまには・・とNASAの公式サイトの過去記事を見ていると（もちろんGoogle翻訳で見ています）「あ、これ保存してあるやつだ！」とホットジュピターの記事を発見しました。 飛び込んできたGifアニメがすごすぎ～、これです！ アーティストがKELT-9bと呼ばれる「熱い木星」をレンダリングします。これは、最も熱い既知の太
開花後初登場の天紫丸A。すっかり紫色も落ちましたね。でもこの緑色も渋くて好きです。まだ少ぉ～し紫残ってるかな？ 生長の記録 今回は２週間の生長を２コマgifアニメにしました！ 正面の比較 頂部がもこっと生長しているのが良く分かりますね。 正面は位置合わせがフリーハンドじゃ難しいです。三脚を買うのか！？ちょっとずつ本格的になっていくのか！？ 上面の比較 刺座の移動、中心やや右上のトゲが出てくる様子が良く分かりますね！ 上面は「真上から撮る」を意識すれば後は写真の回転で調整できるので少し楽ですね。 gifで分かりやすくするのも良いけどじっくり見たい時もあるし悩ましいなぁ。 終わりに 花に回していたエネルギーを全て自身に使えるのでこれからモリモリ大きくなってくれると思います！ それにしても枯れた花、ポロっと取れるかと思ったらずっと付いたままだな。カビたりしたら怖いから取ろうかな。 サボテン好きが
米Facebookは5月15日（現地時間）、GIFアニメコミュニティの米GIPHYを買収することで合意に達したと発表した。買収総額は公表されていないが、米Axiosによると、約4億ドル（約428億円）という。 買収完了後、GIPHYはブランドを残したまま、Facebook傘下のInstagramに統合される見込み。GIPHYのGIFライブラリをInstagramをはじめとする「Facebookファミリー」製品と統合することで、投稿に従来よりさらに手軽にGIFアニメを追加できるようにする計画だ。 同社は既に何年もの間、Facebookファミリー製品でGIPHYのAPIを使っている。Facebookファミリー製品でのGIF投稿の50％はGIPHYのもので、その半数はInstagramへの投稿という。「InstagramとGIPHYを統合することで、ユーザーはストーリーやDMで完璧なGIFをみつ
Blueskyが「GIFアニメーションの投稿機能」「検索結果を人気順もしくは新着順に表示する機能」「メールを用いた2要素認証機能」などを含むApp Version 1.79をリリースしました。 📢 App Version 1.79 is rolling out now (1/5) You can now attach GIFs from Tenor on your posts! Autoplay can be disabled in the “Accessibility” section of settings. [image or embed]— Bluesky (@bsky.app) Apr 26, 2024 at 2:02 ◆GIFアニメーションの投稿機能 GIFアニメーションを投稿するには、投稿作成画面左下の「GIF」と記されたボタンをタップ。 すると、GIFアニメーションデータ
★直感的な操作が楽しいのです。 皆さんおはようございます。 こんにちは、こんばんはです♪ おそらく誰もがGIFアニメに触れたことがあると思いますが、実際作った方はいらっしゃいますでしょうか？ (・・?) 個人的にはGIFに限らず、アニメ全般作るのが難しく敷居が高いイメージがあります。 そんな自分の考えを変えたオンラインGIF作成サイトがこちらの『BANNER KOUBOU』です。 GIFアニメをお手軽にしかも無料で作れます。 v(*'-^*)ｂ GIF作成 - GIF画像(GIFアニメ)を無料で作成できるサイト！ 直感的に操作ができ、画像を選ぶだけでGIFアニメが簡単に作れてしまいます。 (๑°ㅁ°๑)!! 間隔を調整することでスライドショーにも早変わり。 シンプルイズベストです。 しかも、なんと！「QRコード」まで作れちゃいます。 このサイトのQRコードを貼っておきますね。 では、早速作
先週に続き花の態度への世論の怒りは収まらず、そのまま快が卒業してしまいました。 流れ的には卒業するだろうとは思っていましたが、さすがにかわいそすぎるお別れでした。 YouTubeの快の卒業インタビューを見ると「いかつい」と言ってますし、精神的にもキツかったでしょうね。 花に対して謝る快をひどい態度でうなずく花。 「そうそう、お前が全部悪いんだ。わかったか。」 と言ってるように見えました。 この気持ち悪い勘違いおじさんも、快にいらぬこと言ってましたし。
CSSのみで、クリックするとGIFアニメが再生されるやつ
Result 画像をクリックするとGIFアニメが再生される、みたいなやつです。 マウスホバーで再生というお手軽な方法もあるけど、クリック再生はこれはこれで利用シーンがあるんじゃないかなと。 方法はこの手のトリックではお馴染みのinputを利用する形となります。 csslabel.clicktogif {/*再生ボタン*/ background: url('image.png') DimGrey no-repeat center center; display: block; float: left; } label.clicktogif:hover, label.clicktogif:focus-within {/*再生ボタン、マウスホバー用*/ background: url('hover.png') DarkSlateGrey no-repeat center center; disp
自動で表示してほしい コピペで簡単？ miyakoはめげない！ 自動で表示してほしい WEB広告を見ると 自動で商品が切り替わるの有りますね。 あんな風に画像を表示したい。 何枚かの画像を見せる時 横並びにすると小さくなるし 縦に並べるとスクロールが必要。 ワードプレスだと プラグインが使えるようですが はてなの場合はそれは無理。 コピペで簡単？ 検索すると結構出てきます。 ありゃ嘘だね！ 全然簡単じゃないじゃん！ コピペして、image scrの後の 画像ＵＲＬを入れ替える。 確かに画像は表示されるけど その後の部分がよくわからん！ Htmlの文字がそのまま表示されるので きっと前後に＜？＞＜/？＞ が必要なんだと思う。 だけど＜＞の中に何が必要なんだろう。 この手の自分でパパっとできる人は コピペで何とかなんか使わないんだから 完璧に親切に書いてほしいもんだわ！ はてなの場合は何か特殊
これでわたしも｢はいぱぁくりえいたぁ？｣…世界は動くよどこまでも！…GIFアニメっちゅうもんに挑戦してみたで！(^-^)/ | ぶたまんちゃんねる
ほらほら見て見て！ タイトルの絵ぇのとこ動くようにしてみてん！ (ง°`ﾛ°)ง ｨﾖｯｼｬｧｧｧ!! へぇ… ………………。 すごいやん…。 今日はこのGIFアニメっちゅうもんの作り方を… わたしねむい。 ねる。 ………………。 ﾒｯﾁｬｶﾞﾝﾊﾞｯﾃﾂｸｯﾀﾉﾆ… (இ﹏இ`｡) ぶたまんちゃんねるは ブログランキングに参加しています。 よろしかったら応援クリックをお願いいたします！ MIMMIが気に入ったらこっちをクリック！ KIRARIが気に入ったらこっちをクリック！ どっちも気に入らなくてもこっちをクリック！w
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説
JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説
無音なのに音を感じるGIFアニメにSNSが騒然！視覚的な刺激が聴覚に影響を与えるマガーク効果とは？ : カラパイア
JavaScript イベントループの仕組みをGIFアニメで分かりやすく解説
ウェブサイトに仕込まれたマルウェアを何者かが無害なGIFアニメに置き換えていることが判明
パワポはGIFアニメ作成ツールとしても有能！ 万能ツール「PowerPoint」を使い倒そう
JavaScript プロトタイプ継承の仕組みをGIFアニメで分かりやすく解説
鍵の種類と特徴を解説！ GIFアニメで見る「鍵が開く仕組み」 | レスキューラボ
JavaScriptでエラーの原因となるHoisting（巻き上げ）、その仕組みをGIFアニメで分かりやすく解説
【小ネタ】Macの画面を録画して、GIFアニメにする方法 | DevelopersIO
JavaScriptのスコープチェーン・変数参照の仕組みをGIFアニメで分かりやすく解説
｜和光丸｜5月～9月までの生長をgifアニメにしました！【長期生長gifアニメ】 - とにかくサボテン！
雪晃C ウチで一番の古…？【２コマgifアニメ ダイソー】 - とにかくサボテン！
gifアニメを楽しむ - 「だるころ」（だぁ～るまさんがこぉ～ろんだ♪）
VueとSVGでGIFアニメ生成アプリ作ったのでソース全公開＆解説 - Qiita
JavaScriptのジェネレータ関数とイテレータの仕組みをGIFアニメで解説
「Twitter」アプリにGIFアニメ作成機能が追加 ～iOS版で利用可能／「動きのある写真」を投稿できる
ホットジュピターのGifアニメがすごい - Rioでじゃねーど
天紫丸A 開花後の生長を２コマgifアニメで比較！ - とにかくサボテン！
Facebook、GIFアニメの「GIPHY」を買収 Instagramに統合の計画
Blueskyに「GIFアニメ投稿機能」「投稿を人気順か新着順で検索」「メールでの2要素認証」などの機能が追加される
無料のGIFアニメ作成・編集ツール「ScreenToGif」v2.19が公開／デスクトップの動画キャプチャーやWebカメラ、ホワイトボードのアニGIF化が可能
GIFアニメに挑戦！ - テイルズ・オブ・シングルマン
【テラスハウス 】新野俊幸の眉上げGifアニメ＆花はやはりきつい。 - ほぼ日々news
画像をスライド表示 できなかったけど GIFアニメ自動作成 - ♛Queens lab.
yama5600.tokyo
kotama-otaku.com
anond.hatelabo.jp
news.mynavi.jp
b.hatena.ne.jp
cryptowiseinvestor.hatenablog.jp