This post is also available in Deutsch, Français, 简体中文, 繁體中文, 日本語, 한국어, Español and ไทย. IntroductionToday, June 21, 2022, Cloudflare suffered an outage that affected traffic in 19 of our data centers. Unfortunately, these 19 locations handle a significant proportion of our global traffic. This outage was caused by a change that was part of a long-running project to increase resilience in our busi
Web・コーディング界隈で読み間違いしやすい用語一覧
日本人向けの記事のため表記がカタカナとなっております。そのため完全に正確な英語の発音を保証しているわけではございませんのでご了承ください。（より正しい発音が気になる方は各自で発音記号をお調べください。） また私自身は帰国次女でもない純粋な日本人＆英語力凡人レベルです。明らかに間違っているものがありましたらコメントやTwitterなどでご指摘ください。 もちろん他にもこれが間違いやすいよ、という用語もあればお待ちしております🙏 ❓がついてるのは決めきれないorネイティブでも揺れがあるor議論が必要 なものです。 a11y エイイレブンワイ absolute アブソルート Adobe アドビ Airbnb エアビーアンドビー ajax エイジャックス align アライン（text-align テキストアライン など） AMP（Accelerated Mobile Pages） アンプ An
今日では、ほぼすべてのウェブサイトにアニメーションが使われていると言っても過言ではないでしょう。派手な3Dアニメーションから、UIのマイクロインタラクションまで、その物量や時間のスケールはさまざまです。 アニメーション技術もCSSやSVG、Canvasと多岐に渡り、こんな表現まで！？ と驚くようなものも増えました。 しかし、複雑なアニメーションになるほどコードは煩雑になり人間の手には負えなくなります。イメージはあるのに具現化できない！ そんな悔しい思いを抱えたまま諦めるしかないのでしょうか？ いえ、道具です。道具を使うのです。本記事ではイメージをダイレクトに表現する手段としてのアニメーションライブラリGSAP 3について紹介します。 本記事を読むことで、以下の知識が手に入ります ウェブにおけるアニメーションの重要性 アニメーションライブラリとは？ 強力なアニメーションライブラリGSAP 3
新しいCSSの書き方 最新テクニック20選まとめ実用サンプルコード付き こんな方法があったのか、思わず納得なCSSテクニックをご紹介 この記事では、ウェブ制作で積極的に活用したい最新CSSテクニックを、実例サンプルコードと一緒にご紹介します。 新しいCSSプロパティにはじまり、これまではJavaScriptが必要だったデザインも、CSSのみで実現できるようになっています。 普段からCSSを使いこなしているベテランデザイナーさんにこそオススメしたい、CSSの進化を感じるテクニックが揃います。 コンテンツ目次 1. ついにCSSコンテナクエリ利用可能に 2. グリッドに名前をつけてレイアウトを視覚化する方法 3. 長いテキストを短く省略する方法 4. transformプロパティが独立してより使いやすく 5. くるりと回転するアニメーション文字の作り方 6. :hasプロパティでAppleのO
『ディアブロ IV』BlizzCon発表内容まとめ。闇への回帰を目指す、シェアード・オープンワールド型アクションRPG - AUTOMATON
ホーム ニュース 『ディアブロ IV』BlizzCon発表内容まとめ。闇への回帰を目指す、シェアード・オープンワールド型アクションRPG BlizzCon 2019にて正式発表されたアクションRPGシリーズ新作『ディアブロ IV（Diablo IV）』。対応プラットフォームはPC/PayStation 4/Xbox One（日本国内では変更の可能性あり）とアナウンスされたが、まだ開発は初期段階であり、発売時期は決して近くない。とはいえ、BlizzCon 2019のパネルセッションでは『ディアブロ IV』に関する情報が多数公開されている。本稿ではそれらをまとめていきたい。 発表から「Diablo IV: Unveiled」パネルまで 物語の時系列的には、『ディアブロIII』から数十年後の世界が舞台となる。『ディアブロ III リーパー オブ ソウルズ』にてブラックソウルストーンが粉砕され、7
『アーマード・コア6』、海外ユーザーに“メカ『SEKIRO』”呼ばわりされ始める。略してメキロ - AUTOMATON
フロム・ソフトウェアは4月27日、アクションゲーム『ARMORED CORE VI FIRES OF RUBICON（以下、アーマード・コア6）』を8月25日に発売すると発表。あわせて本作のゲームプレイの一端が明かされた。それに伴い、本作を『SEKIRO: SHADOWS DIE TWICE（以下、SEKIRO）』と重ねるユーザーも現れているようだ。 『アーマード・コア6』は、メカカスタマイズアクションゲーム『アーマード・コア』シリーズの最新作だ。第1作目は1997年に初代PlayStation向けに発売。シリーズを通じて、パーツを自由に組み替え（アセンブル）しての搭乗メカを構築し、ミッションをクリアしていくゲームプレイが基本だ。 『アーマード・コア6』についてもそうしたコンセプトを踏襲する一方で、約9年ぶりとなる新作ということもあり、「『アーマード・コア』とはどういったゲームなのか」と疑
Google OCS Apollo: The >$3 Billion Game-Changer in Datacenter Networking
Networking is a critical part of any datacenter, especially with the rise of networking-intensive large language models. As such, it was a clear target for Google’s infrastructure optimization efforts. Over the last year at conferences such as OFC and SIGCOMM, Google disclosed their custom networking stack, Jupiter, from in-house switches all the way through to custom reconfigurable software. This
【骨が折れてしまった時に】骨折をあらわす英語表現まとめ【英文例付き】 - 崖っぷち舞台役者が婚活を始めたら英語がペラペラになりました
こんにちは。 先日雨で滑って転んでしまい、尾骨にヒビが入ってしまいました。尻もちって結構危険なんですよね…。まだ力を入れたり何かが触れたりするのは痛いのですが、痛みのピークは過ぎて、少し楽になってきました。 実はわたし、これで3年連続骨折しているんです。最初が手の小指の脱臼と骨折、翌年が足の小指の骨折、そして今年は尾骨。（しかも2021年の年末には足の薬指を骨折しました…）自分の鈍臭さに呆れるばかりですが、なんとかこの状況を英語で説明したい！転んでもタダでは起きないぞ！！ という訳で、骨折した時に使える英語表現のまとめと、わたしが骨折した時の状況を英語でご紹介したいと思います。 骨折を表す英語表現 骨折（完全骨折） fracture break ヒビ（不完全骨折） fracture / hairline fracture crack 剥離骨折 / 裂離骨折 chip fracture /
音を極める――メディア芸術の音を創造した人々<br/>第2回 作曲家・田中公平（後編） - メディア芸術カレントコンテンツ
メディア芸術領域の現状をより深く、広く伝えるため愛称を「MACC」とし、総合的な広報用ウェブサイト「メディア芸術カレントコンテンツ（MACC）」として令和5年2月13日リニューアルオープンしました。 （https://macc.bunka.go.jp/） 当サイトは、これまでの記事をアーカイブとして掲載しています。 80年代から現在まで、一貫してアニメ・ゲームの音楽を専門に創造し続ける稀有な作曲家・田中公平さん。作曲家としてのキャリアをスタートさせたのはCMやドラマ関連の音楽だったが、アニメの挿入歌の編曲をきっかけにアニメ音楽を手掛けるようになる。後編では、アニメ音楽からゲーム音楽の世界にも活躍の幅を広げていく経緯、またジャンルを横断して音楽を制作することについてうかがった。 左より、広井王子氏作詞・田中公平氏作曲による『サクラ大戦』の主題歌「檄!帝国華撃団」（1996）、『サクラ大戦2
Oferta Por Tempo Limitado! Comprar Medicamentos Genéricos Baratos A Partir Do Site Farmácia Verificada. Entrega Rápida Para o Brasil! Compre Spedra 50Mg Barato Online ⇒ ENTRE AQUI ⇐ 4) Stagger Penis Exercises - Faz trechos todos os dias em vez de todos os dias. Para os homens, essa condição dos seios do homem, moobies, mantis do homem, seja o que for chamado ginecomastia. Realmente um método incrí
Kinesis Data Analytics不要？Kinesis Data StreamsとDynamoDB Streamsから起動するLambdaでタンブリングウィンドウが利用可能になりました #reinvent | DevelopersIO
CX事業本部＠大阪の岩田です。先日12/15付けのアップデートでKinesis Data StreamsとDynamoDB Streamsから起動するLambdaにタンブリングウィンドウの設定が可能になりました。 少し時間が空いてしまいましたが、このアップデートについてご紹介します。 概要 今回のアップデートにより、Lambdaに流れてきたストリーミングデータの状態をウインドウ単位で管理できるようになりました。Lambdaというサービスはステートレスが基本で、複数の関数呼び出しを跨いで何かしらの状態を共有するにはDynamoDBのような外部データストアを利用するのが基本でした。今後はLambdaのサービス基盤だけで各ウィンドウの状態が管理できます。 具体的なイメージとしては以下のような処理が実現可能になりました。 ストリームに[1,2,3,4,5]というデータが投入される データがウィンド
Kinesis Data Analytics の「時間」と「ウィンドウクエリパターン」について理解する | DevelopersIO
先日より、Kinesis Data Analytics について学習をはじめています。 今回は、Kinesis Data Analytics のアプリケーション内データストリームで時系列データを扱うにあたって重要な「時間」と「ウィンドウクエリパターン」についての理解を深めていきます。 目次 アプリケーション内データストリームにおける「時間」 どの「時間」を使って分析する？ 2 ウィンドウ戦略 3つのウィンドウクエリ・パターン タンブリングウィンドウ Stagger Windows（ずらしウィンドウ） スライディングウィンドウ まとめ アプリケーション内データストリームにおける「時間」 アプリケーション内データストリームでは、以下 3 タイプの時間に分類されます。正しく分析結果を得るためには、それぞれの時間についての意味を正しく理解しましょう。 引用元：Amazon Kinesis Anal
Buy Kit Ssd For Mac
Visiteurs depuis le 26/01/2019 : 5018 Connectés : 1 Record de connectés : 30 Buy Ssd For Laptop5 days ago - Here are some of the best SSDs to upgrade your Mac. If you want to skip our general buying advice and see our SSD recommendations, you. Free Shipping. New Listing 2TB OWC Aura SSD for Mac Pro Internal Solid State Drive Upgrade. Or Best Offer. Free Shipping. 1 new & refurbished from $1,484.40
This was co-authored with Yao Yue This is a collection of information on severe (SEV-0 or SEV-1, the most severe incident classifications) incidents at Twitter that were at least partially attributed to cache from the time Twitter started using its current incident tracking JIRA (2012) to date (2022), with one bonus incident from before 2012. Not including the bonus incident, there were 6 SEV-0s a
Custom properties (also known as CSS variables) allow us to store property values for re-use in our stylesheets. If you’re relatively new to them, you might wonder when you might use them over and above preprocessor variables (if indeed you use a preprocessor). I’m using custom properties a lot in my workflow these days, and thought I would collate some of the use cases here. This isn’t an in-dept
Counting Calories: How We Improved the Performance and Developer Experience of UberEats.com
Counting Calories: How We Improved the Performance and Developer Experience of UberEats.com At Uber Eats, we want ordering the food you crave at the touch of a button to be as easy as possible, whether on desktop or mobile. That’s why our engineering team spends a lot of time thinking about, building, and maintaining web applications for restaurants and customers. Uber Eats relies heavily on web-b
And Now Let’s Review …
A.O. Scott started as a film critic at The New York Times in January of 2000. Next month he will move to the Book Review as a critic at large. Who the heck are you, anyway? That was the first question I heard after The New York Times hired me as a film critic in the final weeks of 1999. A reporter from Variety found my home phone number and gave me a call — the late-20th-century equivalent of slid
英検準1級でもTOEIC高得点でも、就職に有利なのは間違いありません。その高い英語力が評価されるだけではなく、あなたが頑張れる人だ、という点でもポイントが高いようです。 では、前回の復習です。次の単語の意味は何だったでしょうか？ breakthrough 答えはこちら↓ 鯛茶漬け。鯛最高！ 24) After running uphill for about an hour, the marathon runner managed to ( ) across the finish line before trippling and fell. 1. scoop 2. shatter 3. stagger 4. scan 答えは。。。 3. staggerで「よろめく」という意味です。 問題文訳: レースの最後に1時間上り坂を走って、そのマラソン選手はつまづいて転ぶ前になんとかゴール
GSAP基本的な書き方集
✖︎ こう書けばGSAPでリッチアニメーションが書けます！集 ○ GSAPを動かす上で基本の部分となる記述集(これを読んで突然アニメーションがバリバリ書けるようにはならない) 偏差値でいえば45くらいの記事ですが、基本の部分なので割と大事かもしれません /* アニメーション対象要素の初期値を設定 開始 */ gsap.set(".moveItem", { scale: 0 }); //初期状態としてtransform:scale(0);が適用される //※「transform:」scale(0);の「transform:」が省略できる訳ではないので、GSAPが用意している変形プロパティのみ省略記述可能 /* アニメーション対象要素の初期値を設定 終了 */ /* アニメーション内容を記述 開始 */ gsap.to(".moveItem", { //同一トリガーで複数要素をアニメーションさ
梨(@2_4kbd)と申します。 sekiei38 に続いて2つ目のオリジナルのキーボードを設計したので紹介します。 tsubute とは 15 x 14 mm 狭ピッチ Kailh Mini Choc switch (PG1232) 採用 指の長さに合わせた変則格子配列 3D プリンタ製キーキャップ・ケース sekiei38 から引き継いだ要素（38キー・面接地） おわりに 以下ポエム tsubute とは 38キー・一体型 指の長さに合わせた変則格子配列 15 mm x 14 mm キーピッチ Kailh Mini Choc switch (PG1232) 採用 3D プリンタ製キーキャップ 3D プリンタ製ケース 合皮製ボトムシートによる接地 ホットスワップ非対応 LED 無し 頒布しています → https://2-4kbd.booth.pm/items/2041699 15 x
Most code is linked to the appropriate page in the Docs Links: Get started | Install | Forums | Tips | Learning | CodePen | Club // "to" tween (animate to provided values) gsap.to(".selector", { // selector text, Array, or object x: 100, // any properties (not limited to CSS) backgroundColor: "red", // camelCase duration: 1, // seconds delay: 0.5, ease: "power2.inOut", stagger: 0.1, // stagger sta
GW中といえども英検本番まで1ヶ月切りました。なんと今年の第1回英検一次試験は5月なのです❗️ 前回の復習です。 次の単語の意味は何だったでしょうか？ stagger 答えはこちら↓ 25)The city contains few ( ) its former prosperity. Splendid office builings are still there, but most of them need to be repaired. 1. installments 2. amenities 3. remnants 4. utensils 答えは。。。 3. remnantsで「面影」という意味です。 問題文訳: 市には以前の繁栄の面影はほとんど残されていない。立派なオフィスの建物はまだあるが、それらのほとんどが修理が必要である。 どうでしたか？ リンク 他の級はこちら
GSAP ScrollTriggerが簡単で面白いという話を聞いたので触ってみました。 GSAPのライセンスは顧客から料金を徴収しないWebサイトであれば問題ないですが、プラグインによっては有料(Club GreenSock) の場合があるため、念の為に今回使用するScrollTriggerを調べたところ通常ライセンスで使えるようでした。 詳しくはGSAP 3 Overviewを参照してください。 試した結果を先に言うと、GSAPとScrollTriggerの連携が簡単すぎて他のライブラリに戻りたくない…というのが率直な感想です。優れものとは聞いていましたがもう少し早く手を出すべきでした。 あとScrollTrigger単体で使用できるところが良かったです。 また試しているときに思ったのが、アニメーション作成を行うGSAP(旧TweenMax等)を触ったことがなければ、先にGSAPを少しだ
Reform: Open Computing Autonomy The Reform laptop was introduced three years ago — and it is getting ever more powerful while maintaining its iconic look. This article is all about MNT Reform and how this radically open laptop (and its siblings) came to be. Why Reform? The term reform has several meanings: On the one hand "to restore, to return to its original state"; on the other, "to form, to sh
Opens in a new windowOpens an external siteOpens an external site in a new window In early September 2021, we retired our last Shopify database virtual machine (VM) that was running Percona Server 5.7.21, marking the complete cutover to 5.7.32. In this post, I’ll share how the Database Platform team performed the most recent MySQL upgrade at Shopify. I’ll talk about some of the roadblocks we encou
GSAPでこんなこともできる！ スクロールでテキストが1文字ずつ出てくる会話風アニメーション | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアになりたてのぼこです。 前回の記事で、JavaScriptアニメーションライブラリ「GSAP」を使った表現を紹介しました。 今回もGSAPを使って、少し変わった、でもどこかで使い道がありそうな表現を実装していこうと思います！ 今回作るデモ 今回作るのはこんなアニメーションです。 スクロールで徐々に吹き出しが現れ、中のテキストが1文字ずつ出てくるようなアニメーションです。スクロールに合わせて始まる処理と、1文字ずつ順番に出てくる処理を組み合わせることで、チャットのような表現が実装できます。 スクロールに連動する演出、1文字ずつ順番に出てくる演出はどちらも様々なサイトで見かける演出ですが、GSAPを使うと簡単に実装することができるのでぜひやってみてください。 ではでは解説に参りましょう〜〜。 GSAPについて GSAPは複雑なアニメーションを実装しやすくして
World's Lightest Solid!
Aerogels are the world's lightest (least dense) solids. They are also excellent thermal insulators and have been used in numerous Mars missions and the Stardust comet particle-return mission. The focus of this video is silica aerogels, though graphene aerogels are now technically the lightest. At one point Dr. Steven Jones literally held the Guinness World Record for making the lightest aerogel a
Billiam "Hey, sorry I haven't updated in a while. Life's been crazy, but I'll be back soon." Etsy Github Itch.io Printables Mastodon Bluesky Some time after it was discontinued, my Logitech G13 stopped working and I decided to design a replacement, which I’ve named Sherbet. Final results first: Sherbet keypad with joystick Printable files and assembly notes: https://www.prusaprinters.org/prints/50
Is the Subway Risky? It May Be Safer Than You Think (Published 2020)
Five months after the coronavirus outbreak engulfed New York City, riders are still staying away from public transportation in enormous numbers, often because they are concerned that sharing enclosed places with strangers is simply too dangerous. But the picture emerging in major cities across the world suggests that public transportation may not be as risky as nervous New Yorkers believe. Those f
Building an ad-to-order conversion engine with Amazon Kinesis, AWS Glue, and Amazon QuickSight | Amazon Web Services
AWS Big Data Blog Building an ad-to-order conversion engine with Amazon Kinesis, AWS Glue, and Amazon QuickSight August 30, 2023: Amazon Kinesis Data Analytics has been renamed to Amazon Managed Service for Apache Flink. Read the announcement in the AWS News Blog and learn more. Businesses in ecommerce have the challenge of measuring their ad-to-order conversion ratio for ads or promotional campai
梨(@2_4kbd)と申します。 2019年7月にオリジナルのキーボードを設計しました。そのときの思い出話をします。 sekiei38とは 一体型 treadstone配列 横18mm・縦17mmピッチの Kailh Choc スイッチ専用設計 6列目なし38キー Kailhスイッチソケット対応 レザーカバーによる面接地 頒布していました→ https://2-4kbd.booth.pm/items/1479069 Choc版Treadstone sekiei38はTreadstoneシリーズをパクってから着想を得て設計しました。 Treadstone48とNaked48LEDを普段使いしていた頃、 Treadstone48はTとYが近いが全体的に運指がバタバタする Naked48LEDはピッチが狭くて楽に打てるが格子配列ゆえにTとYが遠い という感想を持ち、両者の良いとこ取りをしたキーボ
Automated Hydroponic System Build – Projects | Kyle Gabriel
Last Updated: August 28, 2022 Hydroponic farming is a method of growing crops without soil, with the main benefits of environmental and nutrient control, water conservation, and reduction of labor. This technique relies on a number of technologies that the principles of automation can be applied in order to improve yield and consistency. In this article and accompanying video, I’ll show you how to
Warning: Trying to access array offset on value of type null in /home/sezaki/sezaki-design.com/public_html/wordpress/wp-content/plugins/codepen-embedded-pen-shortcode/codepen.php on line 16 Warning: Trying to access array offset on value of type null in /home/sezaki/sezaki-design.com/public_html/wordpress/wp-content/plugins/codepen-embedded-pen-shortcode/codepen.php on line 17 ウェブサイトのデザイン演出にSVGアニメ
1.実装イメージ 実装イメージは以下の通りです。 See the Pen 【GSAP】横スクロール+パララックス+時間差+ドラッグ操作=お洒落 by りょーすけ (@s_ryosuke_1242) on CodePen. 2.HTML 次にHTMLです。 ドラッグ操作を可能にするための要素が11行目にあります。（proxy => 代理、代わり） <body> <main> <!-- SLIDER --> <section class="description"> <div class="container"> <h2>途中から横スクロール</h2> <p>横スクロール中はパララックス</p> </div> </section> <div class="vertical-slider__wrap"> <div class="proxy"></div> <section class="vert
はじめまして。エンジニアのotaniです。 弊社ブログでも以前ご紹介した、シームレスなページ遷移を導入できるJSライブラリのBarba.jsですが バージョンがv2になって記述の仕方が変わっていたので導入方法の紹介と簡単なデモを作成してみました。 Barba.js v2とは WebサイトにSPAのような高速でシームレスなページ遷移を導入できるJSライブラリです。しかも非常に軽量で、7KBしかありません。 もともとBarba.jsがありましたがv2にアップデートされ公式サイトも別ドメインになりました。 注意点 最新のモダンブラウザ（Chrome、Firefox、Edge、Safari、Opera）では問題なく動きますがIE対応するにはポリフィルが必要なようです。詳しくは公式ドキュメントをご覧ください。 DEMO こちらが今回作成したDEMOです。 遷移時のアニメーションにはGSAPを利用しま
「AWS & Game Advent Calendar 2020」 14日目の記事です。 Kinesis Data Analytics利用していますか？ Kinesis Data AnalyticsはAWSが提供するKinesisサービスの1つとなりますが、ストリームデータに対して条件をつけて分析をすることができます。データ分析というと大量のデータに対して集計をかけることや仮説検証のためにアドホックなクエリを実行する話もよく出てくると思いますが、ユーザが行動したタイミングに可能な限り近いタイミングでユーザの行動を把握し対応することができると、ユーザに対して高い効果で影響が与えられるものです。 このようなニアリアルタイムな分析では大量データの分析とは異なる技術スタックが求められ、ストリーミングデータ処理を扱える基盤を整備すると柔軟性のある構成をとることができます。ここではKinesis Da
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cloudflare outage on June 21, 2022
フロントエンドから始めるアニメーション 最強のライブラリGSAP3を手に入れよう - ICS MEDIA
新しいCSSの書き方 最新テクニック20選まとめ実用サンプルコード付き
Comprar O Genérico Do Spedra Urgente Internet Brasil - Ask Lesko and Friends
A decade of major cache incidents at Twitter
CSS { In Real Life } | 7 Uses for CSS Custom Properties
英検準1級英単語クイズに挑戦！その24 - 英語大好きカピバラさん
tsubuteをつくった話 - 自作キーボード作業机
GSAP 3 Cheat Sheet
英検準1級英単語クイズに挑戦！〜その25〜 - 英語大好きカピバラさん
GSAP ScrollTriggerを試してみたらすごく簡単でした
Reform Family—MNT Research GmbH
Upgrading MySQL at Shopify
Sherbet: an ergonomic gaming keypad
sekiei38をつくったときの話 - 自作キーボード作業机
SVGアニメーションジェネレーター SVG Artista - Blog - sezaki design
【GSAP】横スクロール、パララックス、時間差出現、ドラッグ操作を盛り込んだ実装
Barba.js v2とGSAPでページ遷移アニメーション
Kinesis Data Analytics によるニアリアルタイムなデータ分析ことはじめ - Qiita