Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.
定量と定性で見る！デザイナーが実践するユーザー理解へのアプローチ【プロデザ！BYリクルート第26回】 2025.09.03 デザイン デザインディレクター プロダクトデザイン
前置き僕が所属しているソニックガーデンではRemottyというツールを自社で開発し、普段の業務に使っています。リモートワークをするためにオフィスと言ってもいいような場所で、業務中は常にオンラインとなり、リアルタイムチャット（対面の会話の代替）とトピックベースの掲示板（メールなど非同期コミュニケーションの代替）の両方を備えたオフィスとなるようなツールです。 オフィスにいられない間にもチャットや掲示板に反応できるように、iOSとandroidそれぞれにネイティブアプリのクライアントアプリがあり、それぞれを別の開発者が担当していました。iOS版はその当時新卒2年目だった若者が作ったものを僕が引き継ぐ形でメンテしていました。 もともと自社向けに開発していたプロダクトではありますが、働き方改革の流れなどの関係もあってここ1年〜2年ぐらいの間に有償で使ってくださるお客さまが出てきました。 そうなってく
時間が経ってしまいましたが、2017年の秋にイギリスのリーズとマンチェスターで登壇した事を記事にします。 トラブル発生 行きの飛行のトランジットの時間がギリギリで、乗客は間に合ったのですが荷物の載せ替えが間に合わずスーツケースが未着、翌日宅配便で届くということになってしまいました。 教訓）トランジットの短い便は、絶対に必要なものは手荷物にすべし。その日の着替え、プレゼンの時はPCは手持ちで！ 本番前日にスーツケースが届いたのですが開けるとなんとMacBookがありません！。盗難かと一瞬思いましたが「Mac を探す」アプリを起動すると9,294km離れたところで反応があるのが確認できました。つまり日本の家に単に忘れてただけ！😵… iCloudに助けられました。友人の奥さんにMacbook Airを借りて急場をしのぐことにします。 Confirmed. My Macbook is 9294k
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more › Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And we’ll
Celebrating a Decade of styled-componentsWe're so back! A retrospective on the past decade of styled-components and where we're headed. /* Edit me! This renders the buttons on the left. */ const Button = styled.a` --bg: transparent; --fg: ${theme.color.text}; --border: ${theme.color.borderStrong}; --shadow: transparent; background: var(--bg); color: var(--fg); border: 1px solid var(--border); bord
The all you need Dashboard — powerful, responsive, and pluggable.Add files from remote sources, edit images, generate thumbnails, and more. import { Uppy, Dashboard, RemoteSources, ImageEditor, Webcam, Tus } from 'uppy' const uppy = new Uppy() .use(Dashboard, { target: '.DashboardContainer', inline: true }) .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' }) .use(RemoteSources, { companionU
By Tzahi Vidas This article is a step-by-step tutorial on how to create a basic markdown application using Electron and React. I’ll describe why, how, and what I used to create the markdown app, which I call Mook. The source code for Mook can be found on GitHub. Motivation There are a couple of reasons I started this project. Recently, I’ve been seeing more impressive and interesting things that y
PHPでReact.jsなアプリケーションを導入する時に眺めてみた時のメモ。 まず、ブラウザからのリクエストに対して、サーバー側でDOMをレンダリングする必要がある。 これは、ブラウザでDOMレンダリングする場合は、サーチエンジンのアクセスに対して、 空の要素を返してしまう。 そのため、その結果がインデックスされるとSEO的によろしくないからである。 そこで、どこでReact.jsを実行してDOMを生成するのかを考える必要がある。 PHPでJSを実行する React.jsをレンダリングする小さなアプリケーションに処理を委譲する の2つのパターンを考えられる。 例として簡単なView Classのテンプレートをレンダリングする。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 3
export function fetchUser(id) { return dispatch => { dispatch(requestUser(id)); API.user(id).then(res => { const { payload, error } = res; if (payload && !error) { dispatch(successUser(payload)); } else { dispatch(failureUser(error)); } }); }; } まずは処理全体の流れを確認してみます。 (誰かが fetchUser 関数の戻り値をdispatchする) redux-thunkのMiddlewareがdispatchされた関数を実行する 通信処理を開始する前に REQUEST_USER Actionをdispatchする API.user 関数を呼び出
This course will pick up where we left off with the Redux Fundamentals course. If you haven't watched that yet, you are highly encouraged to do so! You are about to learn practical production ready techniques for building your React and Redux applications. You will explore advanced state management, middleware, React Router integration, and other common problems you are likely to encounter while b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
