Hatena Blog Tags
はてなブログ トップ
AntDesign
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

AntDesign

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
理系大学院生の日常•14日前

AntDesignのProgressコンポーネントをカスタマイズして使ってみた

AntDesignのProgressコンポーネントを、100%以下ならば通常表示、100%以上ならば赤字で"120%"のように表示するようにカスタマイズする方法を記します。 AntDesignのProgressコンポーネント ant.design サンプルコード import React from "react"; import { Progress } from "antd"; function App() { var per = (600 / 500) * 100; return ( <> {/* 通常 */} <Progress percent={per} /> {/* カスタム */}…

#JavaScript#AntDesign

関連ブログ

yuta-yamauraのブログ•8日前

アプリ開発者に転職して１ヶ月の振り返り

アプリ開発者として転職して１ヶ月経ったので、振り返りを書こうと思います。 目次 前書き １１月にやったこと 良かったところ 悪かったところ 学んだこと 今後について 前書き ゆうたです。 29歳からプログラミングの勉強を始めて31歳で転職できました。 今年もあと１ヶ月で終わりですね。 転職して早々に今年が終わるので、新しいことに挑戦するには良かったタイミングだったかもしれませんね。（どういうこと？） 前職ではサーバの運用保守なることをしてたので、アプリ開発者と密接にコミュニケーションをとりながら、月に一回行う月次のアプリケーションリリース（要は新たな機能の追加や改修etc）の手順書作成とかなん…

トマシープが学ぶ•6ヶ月前

React/r3f実装いろいろ【状態管理、スクロールエリア、ネームプレート、ARHitTest、GltfをS3からロードなど】

状態管理 スクロールエリア r3fでネームプレート LookAt VRMにアニメーション 余白 ant designの上書き フォントを変える ARHitTest ホームに追加したときのアイコン GLTFファイルのS3からの読み込み 状態管理 zustandがいいらしい qiita.com zustand-demo.pmnd.rs ChatGPTに言われるがままにしたので使い方が会ってるのかよくわからないが、とりあえず動いた。 store.tsというのを作って、そこでストアを作成する // store.ts import create from 'zustand'; type State = …

トマシープが学ぶ•7ヶ月前

Reactですりガラス、ジョイスティック、R3FでVRM表示などなど

前回WebAR/VRと2DUIを置くのをやった bibinbaleo.hatenablog.com 今回はVRM置いたり、ジョイスティック移動してみたりする。 VRM Drei ジョイスティック すりガラスエフェクト モバイル判定 ライセンス表記 S3アップロード 404ページ ファビコン 画像挿入 VRM pixivが出しているpixiv/three-vrmを使うらしい github.com 基本的にこちらの記事通りにやった。 synamon.hatenablog.com 一点、import { GLTFLoader, GLTF } from "three/examples/jsm/load…

トマシープが学ぶ•7ヶ月前

reactの勉強【ステップアップ】

入門編に続いて同じ人のステップアップ講座を受ける www.udemy.com 前回のメモ bibinbaleo.hatenablog.com ↑のを受けた後UI実装ちょっとした。 bibinbaleo.hatenablog.com コンポーネント作るとかpropsでコンポーネントに値を渡すとかはできたがページ遷移とかがわからない。ステップアップ講座には画面遷移やCSSの当て方があるらしいのでぴったりかも。 ただ、モバイルとPCの切り分けはないのか～そこが一番知りたい；； CSSを充てる方法 ページ遷移 Atomic Design グローバルstate JSONPlaceholder TypeS…

トマシープが学ぶ•8ヶ月前

ローカルでreactの環境構築～AntDesignの表示まで

今までUdemyではcodesandboxとか会社で用意されてたstorybook上でやっていたけど、自分で１からローカルに環境作る。 環境構築 編集 ページ遷移 ボタン押したらページ遷移 AntDesign使う 最後に npm run build 環境構築 どれもnpmをつかってるけどyarnでやっている記事はないのか？ qiita.com zenn.dev たぶん絶対入れないといけないnode.jsを入れたらnpmが入るからわざわざyarnを入れる必要がない？？ nodejs.org zenn.dev あとnext.jsというフレームワークを使いたい。のでとりあえずこの記事の手順でやった。…

トマシープが学ぶ•8ヶ月前

React＋AntDesignでUI実装①

UIKitはAntDesignを使うことにした。Figmaで一通りAntDesignのFigmaのパーツを使いつつデザインした。 bibinbaleo.hatenablog.com 別途ReactのUdemyは受けているが、なんとなくReactでのAntDesignの使い方がわかったので軽く実装も並走しながらやっていく bibinbaleo.hatenablog.com 流れ 準備 Floatボタン・アイコン・tooltip FloatButtonをToggleみたいにする 横長ボタン ダイアログ Avatar カード Grid（うまくいかない） Progress Bar Selector I…

インフラジスティックス・ジャパン株式会社Blog•8ヶ月前

【2024最新】最適なBlazorコンポーネントライブラリ：厳選 TOP 7

Blazor は、Web開発を行う .NET 開発者にとって、最もホットなトピックです。Web 開発の世界が日々進化する中、Microsoft の Blazor フレームワークは、革新的な方法で対話型Webアプリケーションの開発を可能にしました。このフレームワークを利用することで、開発者はC#と.NETの機能を最大限に活用しながら、複雑なJavaScriptの使用を避け、より広範な.NETエコシステムとシームレスに融合した魅力的なWeb体験を提供できます。ただし、現在市場には多種多様なBlazorコンポーネントライブラリが存在しており、最適なライブラリを選ぶことはやや困難になりがちです。 そこ…

トマシープが学ぶ•8ヶ月前

reactの勉強【初級】

講座 これ受ける。本当はUI実装だけできればいいからこんなに深くやらなくてもいい気はするけど・・・ www.udemy.com HTML/CSSもそんなにわからないからこれから受けたほうがいいのかも・・・ www.udemy.com 直近はstorybookを使うからこれを受けてもいいかもだけど、それにもreactの知識がいると書いてある。あとこのコースはUnityBusinessに入っていなかった。 www.udemy.com 講座 環境 メモ 記法 JavascriptでTODOアプリ作成 reactでTODOアプリ 環境 codesandboxかStackBlitz。どちらもWebででき…

トマシープが学ぶ•9ヶ月前

React系のUIKit調べた

React系のUIKitを調べる。Figmaもあるもの。 zenn.dev いろいろあるな～ UI/UXデザイナーなら知っておきたい「エンジニアとのコミュニケーションを円滑にするための最新フロントエンドUIコンポーネントライブラリ」7選 ⚛️1️⃣ MUI2️⃣ Chakra UI3️⃣ Mantine4️⃣ HeadlessUI5️⃣ Radix UI6️⃣ Semantic UI React7️⃣ Ant Design---詳細はスレッドから 🧵👇 pic.twitter.com/Nf2HthA3En — motogram | 👨‍💻 Design Engineer (@DiceK_Des…