Make working with JSON easyJSON Crack eliminates the chaos of raw, messy data, making the complex appear simple and easy to understand. Upload your dataUpload your JSON file, URL, or type your data directly into our easy-to-use text editor.
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
こんにちは、エンジニアのつっちーです。 .foo { transform: translateX(-50%) translateX(10px); } みなさんは、このCSSが有効であること、ご存じだったでしょうか。CSSのtransformプロパティでは、このように同じ関数を複数回使用できます。transformにはもう何年もお世話になってきたというのに、このことは最近になって初めて気が付きました……。「そんなことも知らなかったの?」という方がほとんどだとは思いますが、忘れてしまわないように記事に残しておきます。 たとえばこんなときに 複数の単位で移動距離を指定 See the Pen Multiple Transform Functions 1 by dsktschy (@dsktschy) on CodePen. See the Pen Multiple Transform Funct
CSS Transformの仕様は意外にも複雑です。思った通りの場所に表示できず、その場凌ぎにmarginやpaddingの目分量で位置合わせをしてしまった……。そんな経験をもつ方もいるのではないでしょうか? この記事では、CSS Transformの基礎をおさらいした上で、陥りやすいミスの回避方法や最新の機能を紹介します。 CSS Transformとは? CSS Transformはwebページで高度な表示やアニメーションを高速に描画するための仕様として生まれました。 往年のwebユーザーの方であれば、Google検索のイースターエッグのひとつ『do a barrel roll』をご存知かもしれません。このイースターエッグは当時(2010年代初頭)最先端であったCSS Transformをデモする意味もありました。 2021年現在では、発展系の3D変形も含め、ほぼすべての機能がIE(I
2023 年 1 月 26 日追記 Reactivity Transform は Vue 3.4 でコアから削除されることになりました。 https://twitter.com/danielkelly_io/status/1618256962776600576 ただ完全になくなる訳ではなく、Vue Macros という Vue 向けマクロ集のパッケージが引き継ぐようです。 https://twitter.com/sanxiaozhizi/status/1618290614306746371 Reactivity Transform とは Vue 3.2.25 から experimental で実装されている機能です[1]。script setup の defineProps() などと同様、コンパイラーマクロによってコードを変換する仕組みです。 公式ドキュメントからコードを引用しつつ、主要
CSSで3D風の表現ができることをご存知の方は多いでしょう。しかし、自由に使いこなせると自信を持って言える方は少数派ではないでしょうか? この記事ではイメージの掴みにくい3Dの変形機能について、基本の使い方から実際の適用例までしっかりと紹介します。 なお、前回の記事『CSS Transform完全入門(2D編)』では3D部分を除いた基本の2D変形について紹介しています。3Dの変形は2Dの応用で利用するプロパティーもほとんど同じです。合わせてチェックしてみてください。 CSS 3D Transformでできること・できないこと 3Dの表現はCSSとしては少々異色の機能です。ときおり専用のライブラリやエンジンを使ったかのような高度な作品が話題になることもありますが、実装の複雑さや性能の観点で実用的なものは多くありません。 今回は見た目の派手さよりも、現実的にCSS Transformが向いてお
前置き この記事は ANDPAD Advent Calendar 2022 の 12日目の記事です。 全力で身内ネタですがQCの冨士川さんの韻を踏む記事で大量に並ぶラップ音声ファイルを見て腹抱えて笑いました。果たして全部聞いた人はいるのか……!?この位のゆるさが好き。 お久しぶりです、バックエンドのtomtwinkleです。 ANDPADボードのバックエンドリードエンジニアをしております。 今回の記事は「ちょっと早めの忘年Goパーティ」で発表したLTの内容の解説コーナーです。レッツトランスフォーム! voicy.connpass.com と、その話に入る前に 🎊 Go 1.20 Release Candidate 1 is released! 🏃♂️ Run it in dev! Run it in prod! File bugs! https://t.co/Ul1xGhvlkf
This blog site has been archived. Go to react.dev/blog to see the recent posts. Although React 17 doesn’t contain new features, it will provide support for a new version of the JSX transform. In this post, we will describe what it is and how to try it. What’s a JSX Transform? Browsers don’t understand JSX out of the box, so most React users rely on a compiler like Babel or TypeScript to transform
Prompt: "A woman in a loose ethereal dress walks barefoot through a forest shrouded in thick fog, where ominous figures seem to lurk among the trees. As she moves forward, the atmosphere fills with an unsettling silence. She finally finds a man waiting for her in a clearing. When they hold hands, the fog transforms into absolute darkness that swallows the man, leaving her alone in a lightless void
~ このエントリは 【カヤック】面白法人グループ Advent Calendar 2023 の22日目の記事です。~ こんにちは!ハイパーカジュアルゲームチームの深澤です。 WebGL2において GPU Instancing でメッシュを大量に表示しつつ、Transform Feedback を使ってインスタンスごとの情報計算もGPUに任せてみたいと思います。 ↓ デモはこちらになります。画像かURLから飛ぶことができます デモ: https://takumifukasawa.github.io/webgl-transform-feedback-gpu-instancing/ ↓ リポジトリのURL github.com メッシュ1つあたりの頂点数は24です。描画色は、インスタンスごとの色をふまえて平行光源の拡散光だけ計算しています。 GPU Instancing を使っていて、ドローコー
どうも!LSSです!! 以前にもtransformプロパティを試してみた事はありましたが、 「最低限、何が必要なのか」 イマイチ掴めていないところがあったので、色々実験してみました。 rotateYのサンプル コード 最低限、必要なのは divをspanにしても、うまくいかなくなる divとspanの違いは、ブロック要素かインライン要素 では、インラインブロック要素では? 再度、widthを削除してみます 角度指定を正の値にしてみる transform-origin:0% 50% 0px; ちょっとだけrotateX 応用~他の装飾をした要素に併せて指定できます まとめ rotateYのサンプル 立体的に傾く コード <div style=" transform: perspective(100px) rotateY(-12deg); width: 300px; border: 1px s
Get Started
“Death of a Salesforce”: Why AI Will Transform the Next Generation of Sales Tech The battle between every startup and incumbent comes down to whether the startup gets distribution before the incumbent gets innovation. In sales tech, it’s easy to assume incumbents like Salesforce and Hubspot have the edge. First, they are embedded as “systems of record,” so sales leaders are loath to rip them out a
Web Platform Dive into the web platform, at your pace.
こんにちは佐々木です。 それでも続くデータ分析基盤の設計シリーズの第四弾です。と思っていたのですが、その前に1個書いていたので、第五弾でした。今回は、データの民主化の概念と、ELTです。ELTと書くと、ETL(Extract/Transform/Load)の誤字でしょと言われることが多いのですが、ELT(Extract/Load/Transform)です。 データ分析基盤におけるETL処理と、AthenaにおけるUpsertの実現方法について データ分析基盤構築の肝は、データレイクとDWHの分離 データレイクはRAWデータレイク・中間データレイク・構造化データレイクの3層構造にすると良い データ分析基盤における個人情報の扱いについて データの民主化とは? まずはじめに、データの民主化の概念の説明です。「データの民主化」あるいは「アナリティクス(分析)の民主化」とも言われます。これは、データ
This page includes diagrams in WebGPU, which has limited browser support. For the full experience, use Chrome on Windows or Mac, or a developer build on other platforms. In this post I will describe Use.GPU's text rendering, which uses a bespoke approach to Signed Distance Fields (SDFs). This was borne out of necessity: while SDF text is pretty common on GPUs, some of the established practice on g
The “language police” have a point: words matters. There are plenty of verbal habits or throwaway phrases that can undermine our credibility and ability to communicate. Conversely, there are also words that throw open the doors to better communication. Few people know this better than Alexandra Carter, negotiation trainer for the United Nations and director of the Mediation Clinic at Columbia Univ
Analytics engineers provide clean data sets to end users, modeling data in a way that empowers end users to answer their own questions. Here are the market trends that gave rise to the newest role on modern data teams. A year ago, I was preparing a presentation for an event and the title slide asked me to fill in my role. I had been hired as a “Data Analyst”, and when I started the role, I spent m
こんにちは。 突然ですが皆さん、英文ライティングに自信がありますか? 私は全くありませんでした!!少なくとも英検を受けた直後までは。 英検準1級のライティングは、ネットで調べた情報(I think that〜でイントロ、First, Second,でボディ、In conclusionでコンクルージョンを始める)だけを武器にほぼ丸腰で試験に挑み、合格者平均を大きく下回るスコアを叩き出しましたし、英検1級の時は『英作文問題完全制覇』を参考に、とにかく毎日1題エッセイを書きなぐるという力技で、何とか合格ラインに達しました。 結果的に、英文ライティングの何たるかはよく分からないまま、辛うじてエッセイらしきものを書いたという不確かな手応えとともに、”英検1級/準1級ホルダー”を名乗っていました。 www.inspire-english.net その後、Inspire Englishという英会話スクー
こちらはエムスリー Advent Calendar 2024 10日目の記事です。 エンジニアリンググループ、プロダクトマネージャーの岩田(@a___iwata)です。 以前、「目指すは企業価値最大化!? グループ会社支援チームのご紹介」というタイトルでグループ会社でのエンジニア・デザイナー組織作りの記事を書きました。 www.m3tech.blog 組織ができあがったら、次はプロダクト作りです。ということで、(やや強引ですが)グループ会社のTRANSFORMを題材とします。 前提:TRANSFORMとは イノベーションには実験が不可欠! - 言うは易く行うは難し - プロダクトチームへの信頼こそが、ジレンマを突破するためのほぼ唯一の解 今作ろうとしているものからイノベーションを生み出す 2割の工数で8割の効用を達成 ユーザー満足度を取る・あげる 継続的にイノベーションを生み出す組織、仕組
The frontend GUI is the main way to interact with UEVR prior to injection. It allows you to easily inject UEVR into a game, configure settings, and more. Our goal is to support as many headsets as possible. If you have a headset that is not supported, please let us know. Our testers have reported that the following headsets work: Oculus Rift CV1 Oculus Rift S Oculus Quest 2 Meta Quest Pro Valve In
Looking Glass PortraitLooking Glass Portrait is a 3D canvas for storytellers: artists, designers, filmmakers & photographers looking for a new way to create and share in the third dimension. Pre-loaded demo reel works out of the boxPlugins for Unity, Unreal Engine & BlenderOur software converts 2D images and turn them into hologramsEndless streams of holograms and applications from Blocks or Conve
8月30日(米国時間)にリリースされた「Google Chrome 105」ではセキュリティの拡張やコンテナクエリ/:has()の対応など大きなアップデートが盛り込まれていますが、そのひとつ前のバージョンである「Chrome 104」(8/3リリース)では、CSSに関連した大きなアップデートが話題になりました。GoogleのChromeデベロッパリレーションエンジニアのブラームス・ヴァン・ダム(Bramus Van Damme)氏はリリースの当日、CSSアップデートについてこうツイートしています。 このツイートでいわれている「個別のCSSプロバティを変換(individual CSS properties to do transforms)」できるメリットは何なのでしょうか。CSSエキスパートの鹿野壮さんにデモを交えながら教えていただきました。 今回話を伺ったエキスパート フォローしよう!
“If I can.” “Could you buy me a revolver?” Jean-Claude refused. Then, after watching the hermit – who was deaf and nearly blind – totter erratically about his garden, he telephoned the man’s children. Even they hadn’t spoken to their father in close to 25 years. When they arrived in the village of Lasserre, the recluse repeated his request for a revolver, so he could shoot himself. There was barel
AWS Amplify フレームワークの使い方Part18〜GraphQL Transform v2 @hasOne/@hasMany/@belongsTo/@manyToMany (旧@ connection)編〜AWSamplifyAppSync はじめに 非常に複雑だった@connectionがv2になってシンプルになって帰ってきました。 今回の変更で、よりAmplifyを始めやすくなったのではないでしょうか。 環境 @aws-amplify/cli 7.6.3 定義 今回、公式ドキュメントに定義としては記載がなかったので、ドキュメントを見て分かる範囲で記載しています。 directive @hasOne(fields: [String!]) directive @hasMany(indexName: String, fields: [String!]) directive @bel
Most of the time, the dataset we will get from the business will be dirty and cannot be used straight forward to train machine learning models. Therefore, we must treat the dataset and bring it to the desired form to input it into an algorithm. This tutorial discusses reindexing, transforming, and aggregating datasets in Pandas. What are Reindexing, Transforming, and Aggregating?Reindexing, transf
scikit-learn の変換系クラス(StandardScaler、Normalizer、Binarizer、OneHotEncoder、PolynomialFeatures、Imputer など) には、fit()、transform()、fit_transform()という関数がありますが、何を使ったらどうなるかわかりづらいので、まとめてみました。 関数でやること fit() 渡されたデータの最大値、最小値、平均、標準偏差、傾き...などの統計を取得して、内部メモリに保存する。 transform() fit()で取得した統計情報を使って、渡されたデータを実際に書き換える。 fit_transform() fit()を実施した後に、同じデータに対してtransform()を実施する。 使い分け トレーニングデータの場合は、それ自体の統計を基に正規化や欠損値処理を行っても問題ないので
AWS Partner Network (APN) Blog AWS Well-Architected SaaS Lens Helps Customers Transform to a Software-as-a-Service Model By Kevin Mueller, Sr. Solutions Architect, SaaS at AWS The AWS SaaS Factory program works with AWS Technology Partners at any stage of the software-as-service (SaaS) journey, and we are currently seeing tremendous growth in companies migrating to a SaaS business model. SaaS soft
AWS Big Data Blog Transform data and create dashboards simply using AWS Glue DataBrew and Amazon QuickSight Before you can create visuals and dashboards that convey useful information, you need to transform and prepare the underlying data. The range and complexity of data transformation steps required depends on the visuals you would like in your dashboard. Often, the data transformation process i
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く