タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Explore Your Data VisuallyAll in one tool for JSON, YAML, CSV, XML, and TOML. Formatter, validator, visualizer, and editor. VisualizerTransform your data into interactive graphs or trees as you type. Supports JSON, YAML, CSV, XML, and TOML. ConvertConvert JSON to CSV, YAML to JSON, XML to JSON, and more. Our JSON converter supports multiple formats for easy data exchange.
GitHub - bytedance/IconPark: 🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
早く言ってよ〜！CSSのtransformは同じ関数を複数回つかってもOKだった | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのつっちーです。 .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が向いてお
Go の x/text/transform を自作する方法 & おもしろ実装サンプル - ANDPAD Tech Blog
前置き この記事は 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
簡単なプロンプトや様々なコンテンツからすばやくマインドマップを生成し、生産性と創造性を向上させましょう。
ロボティクスにおける幾何学処理のためのscipy.spatial.transform.Rotation入門 - MyEnigma
3次元回転: パラメータ計算とリー代数による最適化 目次 目次 はじめに scipy.spatial.transform.Rotationにおける三次元回転の表現方法 三次元点の回転 回転の掛け合わせ 逆回転 参考資料 MyEnigma Supporters はじめに ロボティクスにおいて、幾何学処理、 特に三次元の回転は基本的な処理です。 myenigma.hatenablog.com 上記の記事で、ROSのtfを使った場合の三次元回転処理や、 C++のEigenを使った場合の三次元回転処理を紹介しましたが、 Pythonで三次元回転を扱う場合には、 scipy.spatial.transform.Rotationを使うのが便利です。 docs.scipy.org 今回の記事では、 このscipy.spatial.transform.Rotationの使い方について 簡単に紹介したいと思
GitHub - gvergnaud/hotscript: A library of composable functions for the type-level! Transform your TypeScript types in any way you want using functions you already know.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - TachibanaYoshino/AnimeGAN: A Tensorflow implementation of AnimeGAN for fast photo animation ! This is the Open source of the paper 「AnimeGAN: a novel lightweight GAN for photo animation」, which uses the GAN framwork to transform real-world photos
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Deploy ML on mobile, microcontrollers and other edge devices
【WebGL2】GPU Instancing x Transform Feedback で大量のインスタンスの計算と描画をGPUで行う - KAYAC engineers' blog
~ このエントリは 【カヤック】面白法人グループ 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 を使っていて、ドローコー
みんな独立したプロパティ使ってる。使ってないのお前だけ。transformは与えられた要素に移動(translate)、拡大縮小(scale)、回転(rotate)、傾斜(skew)などの変形(transform)を適応させるCSSプロパティです。 transform: translate(-50%, -50%);で中央寄せ(現在ではあまり使用されないレガシーな手法です)といった静的な配置に用いることもありますが、主にCSSアニメーションを実装する際に使われることが多いです。 そのtransformプロパティの値のうち傾斜(skew)以外は現在では独立したプロパティで指定することができます。
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
【CSS】transformを使って、要素を立体的に傾けてみる - Little Strange Software
どうも！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
TensorFlow のモデルを Graph Transform Tool で最適化してサービングする | メルカリエンジニアリング
こんにちは。メルカリアドベントカレンダー 9日目は JP AI Engieering Team 所属の @KosukeArase がお送りします。 機械学習技術をサービスに適用するにあたって、機械学習モデルによる推論を API として提供（サービング）したいという場面は多いと思います。 TensorFlow community は TensorFlow Serving によるモデルのサービングを可能にしており、メルカリでも多くの機械学習プロダクトでこの TensorFlow Serving を利用しています。 TensorFlow Serving はドキュメントがしっかりしているため本稿では詳細に説明しませんが、実運用に際してはなるべくモデルサイズを小さくしたい、無駄な計算を減らし推論速度をあげたい、といったモチベーションがあるかと思います。 このような計算グラフの最適化を実現する関数、ツ
円板があれば何でも描ける、なんとなくフーリエ変換がわかる回。 参考資料： How to create a new “person curve”? https://mathematica.stackexchange.com/questions/17704/how-to-create-a-new-person-curve 「高校数学でわかるフーリエ変換」竹内淳 著 Twitter： https://twitter.com/physics_engine0 裏チャンネル： https://www.youtube.com/channel/UCVBWuZftk2Oq1CbzehHjT4g #物理エンジンくん
Get Started
.target { transform: translateX(50%) rotate(30deg) scale(1.2); } The targeted element is translated by 50% on the X-axis, rotated by 30 degrees, and finally scaled up to 120%. While the transform property does its work just fine, it becomes a bit tedious when you want to alter any of those values individually. To change the scale on hover, you must duplicate all functions in the transform property
Loki 2.0 released: Transform logs as you’re querying them, and set up alerts within Loki | Grafana Labs
Solutions All end-to-end solutions Opinionated solutions that help you get there easier and faster
7.9.0 Released: Smaller preset-env output, Typescript 3.8 support and a new JSX transform · Babel
While preparing the Babel 8.0.0 release (in the next months), we just finished working on a new minor release which includes updates related to @babel/preset-env, TypeScript 3.8, Flow, and JSX! A few months ago, Jason Miller started working on @babel/preset-modules: an experiment to greatly reduce bundle sizes when using the module/nomodule pattern. We are excited to announce that its functionalit
こんにちは佐々木です。 それでも続くデータ分析基盤の設計シリーズの第四弾です。と思っていたのですが、その前に1個書いていたので、第五弾でした。今回は、データの民主化の概念と、ELTです。ELTと書くと、ETL（Extract/Transform/Load）の誤字でしょと言われることが多いのですが、ELT（Extract/Load/Transform）です。 データ分析基盤におけるETL処理と、AthenaにおけるUpsertの実現方法について データ分析基盤構築の肝は、データレイクとDWHの分離 データレイクはRAWデータレイク・中間データレイク・構造化データレイクの３層構造にすると良い データ分析基盤における個人情報の扱いについて データの民主化とは？ まずはじめに、データの民主化の概念の説明です。「データの民主化」あるいは「アナリティクス（分析）の民主化」とも言われます。これは、データ
禁断の扉【CSSでtransformを使ってみた】 - Little Strange Software
…開けてしまいましたね。 扉の文章はダンテ『神曲』の パロディです^^ 禁断の扉 コノ扉ヲ 開ケルモノ 全テノ希望ヲ 捨テヨ どうも！LSSです！！ 今回はまた「ブログで使えるんだか使いどころがあるんだか微妙」なモノを晒しますｗ コード 解説 CSSで「傾き」が扱えるので作ってみました コード <style><!-- .waku{ width:280px; height:320px; } #tobiraura{ position: absolute; font-size: 18px; padding: 0.6em; background-color: #dddddd; } #tobira{ font-size: 25px; padding:0.6em; text-align:center; background-color:brown; border:10px ridge gray; di
The one phrase that can transform your effectiveness at work
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
GitHub - wessberg/cjstoesm: A tool that can transform CommonJS to ESM
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
JSX Transform は JSX がブラウザでそのまま実行できないため、Babel や TypeScript を利用し、JSX を JavaScript に変換するもので、React 17 で新しくなり改善された点を紹介していきます。 新しい JSX Transform で何が変わるのか JSX で毎回 React をインポートしなくてよくなります。
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
(2019年 Phrozen Transform)ﾔﾀｰ! でっかいサイズの物が出力できる光造形3Dプリンターを買ってきたよまとめ
292×165×400mmの造形エリアを持った光造形の3Dプリンターがあったので買ってきてZbrushでモデリングしてでっかいフィギュア作りました。
GitHub - Studiosity/grover: A Ruby gem to transform HTML into PDFs, PNGs or JPEGs using Google Puppeteer/Chromium
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
『英作文トレーニングドリルTransform』で英文エッセイを基礎から学ぼう！【英検ライティングパートへの苦手意識を払拭】 - 崖っぷち舞台役者が婚活を始めたら英語がペラペラになりました
こんにちは。 突然ですが皆さん、英文ライティングに自信がありますか？ 私は全くありませんでした！！少なくとも英検を受けた直後までは。 英検準1級のライティングは、ネットで調べた情報（I think that〜でイントロ、First, Second,でボディ、In conclusionでコンクルージョンを始める）だけを武器にほぼ丸腰で試験に挑み、合格者平均を大きく下回るスコアを叩き出しましたし、英検1級の時は『英作文問題完全制覇』を参考に、とにかく毎日1題エッセイを書きなぐるという力技で、何とか合格ラインに達しました。 結果的に、英文ライティングの何たるかはよく分からないまま、辛うじてエッセイらしきものを書いたという不確かな手応えとともに、”英検1級/準1級ホルダー”を名乗っていました。 www.inspire-english.net その後、Inspire Englishという英会話スクー
GitHub - MaterializeInc/materialize: The Cloud Operational Data Store: use SQL to transform, deliver, and act on fast-changing data.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
AWS::Include Transformを使ってCloudFormationのテンプレートをキレイに整理しよう！！ | DevelopersIO
CX事業本部@大阪の岩田です。 CloudFormationのAWS:Includeを使うと、CloudFormationのテンプレート内に別テンプレートの中身を読み込むことができます。私も以下の記事を参考にSwaggerの定義を分離するのに愛用しています。 CloudFromationのAWS::Includeを利用してAWS SAMからインラインSwaggerを分離して管理する このAWS:Include、恥ずかしながらリソースのプロパティを定義する際にしか利用できないと思いこんでいたのですが、実はもっと色々な場所で利用できることに気付きました。ご存知の人も多いかもしれませんが、改めてご紹介します。 AWS:Includeとは？？ S3上に置かれたファイルの中身をCloudFormationのテンプレート内に読み込むためのマクロです。公式ドキュメントに記載されているように、プログラミン
Amplify CLI GraphQL TransformとディレクティブでAppSync+DynamoDBをいじってみよう！(@model @auth, @key) - Qiita
Amplify CLI GraphQL TransformとディレクティブでAppSync+DynamoDBをいじってみよう！(@model @auth, @key)AWSGraphQLAppSyncAWSAmplify 概要 AWS Amplify Advent Calendar 2019、7日目はAWS Amplify CLIでAWS AppSync + Amazon DynamoDBをセットアップするschema.graphqlで使用可能な3つのディレクティブ(@model、@auth、 @key)を触っていきます。 想定読者 amplify add api、なんとなく使ったことあるけど、@model、@authとか@keyよくわからん！という方に向けた記事になります。検証用アプリケーションはReactでの実装ですが、Reactの知識がなくても大丈夫です。 動作確認環境 @aws-a
今回起きた事象をシンプルなコードで再現してみました。 See the Pen z-index3Dver by BICOxxx (@BICOxxx) on CodePen. サンプルでは赤と青の大きなdiv要素が並列の関係になっており、青divの子に緑のdiv要素があります。 A（赤色）…position:absolute; z-index:2 を指定。(見やすくするためやや透過) B（青色）…position:absolute; z-index:1 を指定。 C（緑色）…青divの子要素。transform: translate3d(0,0,150px); を指定。 という感じ。 おおよそのブラウザでは下の図のように、上からA → C → Bの順で重なって表示されます。 ほとんどのブラウザの表示 しかし、Safariで先ほどのcodepenを見るとわかるかと思いますが、iOSとMacのSa
Looking Glass Portrait: Transform 2D Images into Holographic Portraits
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エキスパートの鹿野壮さんにデモを交えながら教えていただきました。 今回話を伺ったエキスパート フォローしよう！
AWS Amplify フレームワークの使い方Part7〜GraphQL Transform @key編〜 - Qiita
2021/12/12更新 気づいたら@key(AmplifyCLIのv6かv7から？)がより直感的でわかりやすくなっていました！！！ はじめに 今回は、この子の登場でかゆいところに手が届くようになった@keyをご紹介していきます。 この記事は、ある程度DynamoDBの基礎知識がないとそもそもわけがわからないと思いますので、基礎知識がない方は、まず以下の参考記事に目を通してもらうといいと思います。 DynamoDBのキー・インデックスについてまとめてみた 定義 @keyの定義について解説していきます。初見の方は、ここは飛ばしてあとから読むことをおすすめします。 directive @key(fields: [String!]!, name: String, queryField: String) on OBJECT fields ここで、パーテンションキーやソートキーを指定します。 nam
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSON Crack | Transform your data into interactive graphs
もう誤魔化さない！ CSS Transform完全入門(2D編) - ICS MEDIA
Vue.js は Reactivity Transform でさらに進化する
もう誤魔化さない！ CSS Transform完全入門(3D編) - ICS MEDIA
Introducing the New JSX Transform – React Blog
Mapify: Transform anything to mind maps by AI, formerly Chatmind
Get Started with TensorFlow Transform | TFX
えっ！？まだtransformプロパティを使ってるの！？ – TAKLOG
Reactivity Transform
Beautiful CSS 3D Transform Perspective Examples in 2024 | Polypane
【物理エンジン】円板の組み合わせだけで何でも描けるフーリエ変換の話 Fourier transform
Transform Your Google Sheets Into Beautiful Pages
Finer grained control over CSS transforms with individual transform properties | Articles | web.dev
データの民主化とELT（Extract/Load/Transform） - NRIネットコムBlog
React 17 で改良された JSX Transform はどのようなものか
UEVR - Transform Unreal Engine Games into VR Experiences
z-indexが効かない場合はtransformに気をつけよう！【Safari】 | webico blog
ついに全ブラウザで利用可能に！CSS transformが進化した件を鹿野壮さんに聞いてみた
qiita.com/lumis
www.aspicjapan.org
taisy0.com
x.com
www.gender.go.jp
www.youtube.com