タグ Components
人気順 10 users 50 users 100 users 500 users 1000 users一部ポイントサービス改定のお知らせ|クレジットカードの三井住友VISAカード
一部ポイントサービス改定のお知らせ</p>\r\n","@type":"smcc/components/content/title"}}" id="title-eab728015f" class="cmp-title"> 一部ポイントサービス改定のお知らせ <span style=\"font-size: 20.0px;\"><span class=\"text-pc-block\">「対象のコンビニ・飲食店で最大7%還元!」、「ユニバーサル・スタジオ・... 続きを読む
React Server Components で時限式コンポーネントを作る - mizdra's blog
特定の時間になったらコンテンツをページに出したい、ということがあると思う。漫画サービスなら「ゴールデンウィーク限定!全話無料キャンペーン!」みたいなのとか。 普段の業務ではこうしたことを実現するために、時限式コンポーネントや、ScheduledComponent などと呼ばれるものを作ってる *1。 // components/Sched... 続きを読む
GitHub - pydantic/FastUI: Build better UIs faster.
FastUI is made up of 4 things: fastui PyPI package — Pydantic models for UI components, and some utilities. While it works well with FastAPI it doesn't depend on FastAPI, and most of it could be used with any python web framework. @pydantic/fastui npm package — a React TypeScript package that let... 続きを読む
package by feature のススメ
# package by layer src/ ┝ page/ │ └ recordList/ │ └ Page.tsx ┝ components/ │ └ recordList/ │ ┝ DailyAverage.tsx │ ┝ Graph.tsx │ └ Table.tsx ┝ api/ │ └ recordList/ │ └ fetchRecord.ts └ hook/ └ recordList/ └ useRecords.ts ちなみに、nuxt.js はこの package by layer になっています。 package by feature... 続きを読む
アセットの import を簡単にする TypeScript Language Service Plugin を作った - mizdra's blog
Web ページを作るときに、あらかじめファイルに書き出しておいた画像 (アセット) をページに埋め込みたいことがよくあると思います。例えばヘッダーにサービスのロゴ画像を埋め込む場合、以下のようなコードを書くと思います。 // src/components/Header.tsx export function Header() { return ( <header> <img src="/a... 続きを読む
Amazon.co.jpでもれなく20%還元!スマートフォンアプリ「Vポイント」のキャンペーン!|クレジットカードの三井住友VISAカード
キャンペーン内容</p>\r\n","@type":"smcc/components/content/title"}}" id="anc01" class="cmp-title"> キャンペーン内容 期間中、Amazon.co.jpにてスマートフォンアプリ「Vポイント」で決済するだけで、ご利用金額(税込)の20%をもれなく還元します!(上限500円分)</p>\r\n","@type":"smcc/components/content/te... 続きを読む
Amazon Mastercard旧ゴールドの付帯サービスについてご案内|クレジットカードの三井住友VISAカード
Amazon Mastercard旧ゴールドの付帯サービスについてご案内</p>\r\n","@type":"smcc/components/content/title"}}" id="title-83fd88b19c" class="cmp-title"> Amazon Mastercard旧ゴールドの付帯サービスについてご案内 Amazon Mastercardをご愛顧いただき、誠にありがとうございます。</p>\r\n<p>Amazon Mastercardは2... 続きを読む
Flutter3 と Amplify UI Components で認証付きのWebページを作ってみました | DevelopersIO
1 はじめに CX事業本部デリバリー部の平内(SIN)です。 Flutterは、iOS・Androidなどで共通したUIを一度に作ることができるフレームワークですが、Webアプリでも利用することができます。 今回は、Amplify UI Components を使用して、簡単に認証付きのWebページを作成してみました。 なお、Flutter対応のAmplify Authen... 続きを読む
私のフロントエンドディレクトリ構成・テスト観点 2022
近日連投していた Next.js 記事のサンプルコードを公開しました。このサンプルコードを元に、私のフロントエンドディレクトリ構成・テスト観点を紹介します(あくまで執筆現在の脳内アウトプットになりますのでご了承ください) Components「アクセシビリティ観点でテストを書く」 Components のディレクトリ構成はいつ... 続きを読む
FigmaのVariants入門 - さらにコンポーネントを使いこなそう
ウェブ制作の現場で定番となってきたデザインツール「Figma」。前回の記事『デザインの管理と効率化が行える FigmaのComponents入門』では、デザインパーツの管理や柔軟な変更が可能になる「Components」機能を紹介しました。 本記事ではComponentsをまとめ、検索性を保ちつつ、さらに柔軟な変更と管理が行える「Variant... 続きを読む
Figma - Wantedly UI Components | UI Components and style guides for company-wide product design on Wantedly, inc.
Figma Community file — UI Components and style guides for company-wide product design on Wantedly, inc. 続きを読む
Headless UI v1.0 – Tailwind CSS
Last fall we announced Headless UI, a library of completely unstyled, fully accessible UI components, designed to pair perfectly with Tailwind CSS. Today we’re super excited to release Headless UI v1.0, which more than doubles the amount of included components for both React and Vue. What’s newWe... 続きを読む
The Firefox UI is now built with Web Components - Brian Grinstead
A couple of weeks ago, we landed a commit that took years of effort at Mozilla. It removed “XBL”, which means we’ve completed the process of migrating the Firefox UI to Web Components. It wasn’t easy - but I’ll get to that later. The Firefox UI can be thought of as a very large single page app. I... 続きを読む
2018-11-27のJS: Web Components入門、React-Reduxの歴史と実装、 HTTP/3 explained - JSer.info
JSer.info #411 - "Lets Build Web Components!"というWeb Componentsについての連載記事が公開されています。 Lets Build Web Components! Part 1: The Standards - DEV Community Lets Build Web Components! Part 2: The Polyfills - DEV Community Lets Build Web Components! Part 3: Vanilla Components - D... 続きを読む
Android Architecture Components 感想 - ほげほげ(仮)
2017 - 05 - 19 Android Architecture Components 感想 Android Google I/O 2017で追加された、 Android Architecture Components を触ってみた感想です Components 大きく分けて4つあります。 Lifecycle LiveData ViewModel Room Roomはちょっと時間かかりそうな... 続きを読む
Material Components for the Web
Material Components for the Web Create beautiful apps with modular and customizable UI components. COMPONENTS DOCUMENTATION Accurate & up to date Implement Material Design with pixel-perfect component... 続きを読む
reactjs - React NativeのComponentの流行り具合 - Qiita
React Nativeでアプリを作る予定なのですが、何が人気なのかとかいまいちつかめていないのでとりあえずAwesome React Nativeの Componentsにリストアップされているリポジトリのスターのつき具合をまとめてみました。(2015/10/17時点) 定期的に(覚えてたら)更新しようかと思います。 とりあえずは上からどんなComponentなのか見ていくのが近道になりそうな予... 続きを読む
AngularJSアンチパターン集 - Qiita
AngularJS歴1年の筆者による個人的なAngularJSアンチパターン集です。自分のための戒めとメモを兼ねています。個人差があると思いますので、参考程度に。 また、筆者はTypeScriptで書いています。 Components ComponentsのDI数が6以上になる ComponentsとはController, ServiceやFactoryなどのこと。 angular.module... 続きを読む
Components - TJ Holowaychuk
With the advent of numerous client-side JavaScript package managers, I wanted to write up some of my thoughts about the fragmentation that we have today, and some ways that I think we could really imp... 続きを読む
PEAR « BEAR Blog
What is PEAR ? 公式サイトのトップページに、PEARとはなにかがこのように説明されています。 What is PEAR ? PEAR is a framework and distribution system for reusable PHP components. PEARはフレームワークであり、再利用可能なPHPコンポーネントのディストリビューションシステムです。 PEARの持... 続きを読む
jQuery UIで使えるdatepickerのスキンいろいろ | IDEA*IDEA
ちとメモしておこう。なかなか綺麗。 ↑ 良い感じすね。 jQuery UIはいいのですが、Componentsのデザインがいまいちですよね・・・。こうしたスキンをうまく使いこなしたいところです。 » jquery-datepicker-skins :: CSS3 skins for jQuery UI datepicker 続きを読む
にひりずむ::しんぷる - homebrew で最低限これだけはいれておけってやつ
新卒向けなんたらカレンダーの X日目です。 そもそも homebrew 使ってない まず Xcode を入れる必要がある。Xcode は App Store からインストールして、 Preference → Downloads → Components → Command Line Tools をインストール。 そしたらおもむろに以下のコマンドを打つ $ ruby -e "$(curl -fsSL... 続きを読む