React Server Components で時限式コンポーネントを作る - mizdra's blog

2024/08/27 14 users React Server Components 特定 普段

特定の時間になったらコンテンツをページに出したい、ということがあると思う。漫画サービスなら「ゴールデンウィーク限定！全話無料キャンペーン！」みたいなのとか。 普段の業務ではこうしたことを実現するために、時限式コンポーネントや、ScheduledComponent などと呼ばれるものを作ってる *1。 // components/Sched... 続きを読む

GitHub - pydantic/FastUI: Build better UIs faster.

2024/03/02 8 users Fast GitHub Pydantic PACKAGE

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 のススメ

2023/10/29 38 users ススメ Page.tsx hook API page

# 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

2023/07/10 7 users import アセット header TSX src

Web ページを作るときに、あらかじめファイルに書き出しておいた画像 (アセット) をページに埋め込みたいことがよくあると思います。例えばヘッダーにサービスのロゴ画像を埋め込む場合、以下のようなコードを書くと思います。 // src/components/Header.tsx export function Header() { return ( <header> <img src="/a... 続きを読む

Amazon.co.jpでもれなく20％還元！スマートフォンアプリ「Vポイント」のキャンペーン！｜クレジットカードの三井住友VISAカード

2023/02/01 143 users Amazon.co.jp 三井住友VISAカード smcc

キャンペーン内容</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カード

2022/10/11 26 users 三井住友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

2022/08/28 21 users Flutter DevelopersIO Sin 一度 平内

1 はじめに CX事業本部デリバリー部の平内（SIN）です。 Flutterは、iOS・Androidなどで共通したUIを一度に作ることができるフレームワークですが、Webアプリでも利用することができます。 今回は、Amplify UI Components を使用して、簡単に認証付きのWebページを作成してみました。 なお、Flutter対応のAmplify Authen... 続きを読む

私のフロントエンドディレクトリ構成・テスト観点 2022

2022/06/24 217 users 近日 ディレクトリ構成 Next.js サンプルコード

近日連投していた Next.js 記事のサンプルコードを公開しました。このサンプルコードを元に、私のフロントエンドディレクトリ構成・テスト観点を紹介します（あくまで執筆現在の脳内アウトプットになりますのでご了承ください） Components「アクセシビリティ観点でテストを書く」 Components のディレクトリ構成はいつ... 続きを読む

FigmaのVariants入門 - さらにコンポーネントを使いこなそう

2022/04/13 23 users figma デザインパーツ コンポーネント variant

ウェブ制作の現場で定番となってきたデザインツール「Figma」。前回の記事『デザインの管理と効率化が行える FigmaのComponents入門』では、デザインパーツの管理や柔軟な変更が可能になる「Components」機能を紹介しました。 本記事ではComponentsをまとめ、検索性を保ちつつ、さらに柔軟な変更と管理が行える「Variant... 続きを読む

Figma - Wantedly UI Components | UI Components and style guides for company-wide product design on Wantedly, inc.

2021/07/08 7 users Inc figma

Figma Community file — UI Components and style guides for company-wide product design on Wantedly, inc. 続きを読む

Headless UI v1.0 – Tailwind CSS

2021/04/14 7 users Tailwind CSS Headless UI

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

2019/11/20 13 users Web Components

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

2018/11/27 17 users Explained react-redux http 実装

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 52 users 感想 ROOM Google I O 2017 時間

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

2017/05/12 31 users

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

2015/11/06 42 users component Qiita reactjs リポジトリ

React Nativeでアプリを作る予定なのですが、何が人気なのかとかいまいちつかめていないのでとりあえずAwesome React Nativeの Componentsにリストアップされているリポジトリのスターのつき具合をまとめてみました。（2015/10/17時点） 定期的に（覚えてたら）更新しようかと思います。 とりあえずは上からどんなComponentなのか見ていくのが近道になりそうな予... 続きを読む

AngularJSアンチパターン集 - Qiita

2014/09/16 359 users Qiita controller TypeScript 筆者

AngularJS歴1年の筆者による個人的なAngularJSアンチパターン集です。自分のための戒めとメモを兼ねています。個人差があると思いますので、参考程度に。 また、筆者はTypeScriptで書いています。 Components ComponentsのDI数が6以上になる ComponentsとはController, ServiceやFactoryなどのこと。 angular.module... 続きを読む

Components - TJ Holowaychuk

2014/06/17 30 users 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

2013/08/25 38 users 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

2013/05/01 128 users DatePicker IDEA jQuery UI スキン

ちとメモしておこう。なかなか綺麗。 ↑ 良い感じすね。 jQuery UIはいいのですが、Componentsのデザインがいまいちですよね・・・。こうしたスキンをうまく使いこなしたいところです。 » jquery-datepicker-skins :: CSS3 skins for jQuery UI datepicker 続きを読む

にひりずむ::しんぷる - homebrew で最低限これだけはいれておけってやつ

2013/04/18 378 users Homebrew Downloads XCode コマンド

新卒向けなんたらカレンダーの X日目です。 そもそも homebrew 使ってない まず Xcode を入れる必要がある。Xcode は App Store からインストールして、 Preference → Downloads → Components → Command Line Tools をインストール。 そしたらおもむろに以下のコマンドを打つ $ ruby -e "$(curl -fsSL... 続きを読む

GUIdebook Components

2005/03/24 30 users

続きを読む