サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
デスク環境を整える
fixel.co.jp
特に、React に React Hooks が導入されたり、async/await 記法が普及してきたりしたことなどを背景に、コンポーネントから直接 API を呼び出すことも簡単にできるようになってきました。 ちなみに、React Query などライブラリの話に入る前に注記しますが、この「Redux を剥がしてコンポーネントから直接 API データを取得する」ということは React だけの機能で(=他のライブラリ不要で)実現することもできます。具体的には以下のようなコードになります: さて、上記のような議論から、最近ではグローバルステートから「サーバーステート」(API から取得したデータに基づくステート)を切り出す流れも見られるようになりました。サーバーステートが切り出された後のグローバルステートは「クライアントステート」として扱うこともでき、以下のように整理することができます:
デザイナーはアプリケーション全体をデザインしてから細かい部分を調整して行きます。先ずは生命体を作り、それを原子までに分割して調整しているような作業です。一方、プログラマーはデザインされた画面から再利用できる部品を作り、それらを組み合わせることで動くアプリケーションを構築して行きます。原子を組み合わせて、生命体を作っていくような作業です。全体から細かい部分に精度を上げながら設計して行き、また細かい部分から作り始め、徐々に全体に組み合わせて行く、一連の流れのようなプロセスと捉えることができます。 本記事では上記のプロセスの例として、デザイナーがワイヤーフレームを作り、画面の各要素を分割します。次にプログラマーは各要素を部品として作り始めるます。見た目を左右するビジュアルデザインに対してはスタイルを簡単に変更できるようにして、デザインの変更を適用しやすくなります。このようなプロセスを実現するには
はじめに はじめまして。Fixel で開発に携わっているフリーランス Web エンジニアの佐藤(@thesugar)と申します。 現在私は、デザインシステムの作成と共有を簡単に行えるプラットフォーム UXHub の開発を担当しています。数ヶ月前に UXHub 開発に参画したのですが、そのときまずはじめに、フロントエンドコードの全面 TypeScript 化や、React のクラスコンポーネントから React Hooks + 関数コンポーネントへの書き換えといったリファクタリングを提案しました。新機能の追加ではなくすでに動いているコードの書き換えですから、その提案が受け入れられるかどうかは未知数だったのですが、将来の開発効率は確実に向上するだろうから是非やろうということになり、エンジニアチームで一致団結し一ヶ月ちょっと掛けて取り組みました。 このように、Fixel にはコードの品質や技術的
はじめに この記事はTailwindCSSが最近流行ってるけどなんで流行ってるの?という疑問をいただいた、フロントエンドエンジニア歴3年ほどの人間が調べてわかったことをまとめた記事です。以下のようなことがわかります。 TailwindCSSとは一体なんなのか? CSS設計とは違うの?Bootstrapなどとの違いは? どんな背景があって流行るようになってきているのか考察 Design Systemとの相性は? TailwindCSSとは一体なんなのか? ものすごくざっくりまとめるとユーティリティクラスの詰め合わせのライブラリと表現できるのかなと思いました。 以下のTailwindCSSの公式ドキュメントに書いてあることについて軽くまとめます。 https://tailwindcss.com/docs/utility-first まずはコードを見てみる まずTailwindを使わない普通のH
会社で支給されているPCが、M1チップのMacBookAirになりました。(以後、M1 Macと呼びます)
私たちは、デザイン×テクノロジーで ビジネスを強力にサポートする UX/UIデザイン会社です。 B2B/B2E向けの業務システムや 製造業システムにおけるユーザー経験を改善し、ビジネスに貢献します。 貴社のDXをデザインでサポートします。
Amplifyを使えば、バックエンドの構成を意識せずにWebアプリやモバイルアプリが作れる。そんなふうに考えていた時期が私にもありました。 Amplify + AppSync + AuroraServerlessを主軸として開発を行っていますが、まぁ色々とハマるポイントが多いです。しかも、まだ歴史が浅いので情報が少ない!
Amplify使ってますか?面倒なAWSのサーバレス環境構築がサクっとできたり、フロントエンド開発に便利なライブラリがあったり、一度使うと止められないですよね。
デザインシステムとは、デザインの原則やデザインガイドライン、 そしてそれらに沿ってデザインされたUIコンポーネントと その実装コードを体系的にまとめたものです。 アプリケーション開発の品質を高め効率化が図れます。
アプリケーションやウェブサイト※1 において、UXやUIデザインが大事と感じられている方は多いかと思います。しかし「情報設計(情報アーキテクチャやIAともいわれる)」についてはどうでしょうか。名前は聞くけど、あまりよく分からないという方もいらっしゃると思います。 さらに、「アプリケーションの情報設計」と「ウェブサイトの情報設計」では何が同じで、何が違うのでしょうか。この記事ではこれらの点について要点を整理してみました。 ※1:この記事ではわかりやすく区別するために、アプリケーションとは「PCやスマホなどのアプリケーション・ソフトウェア」のこと。ウェブサイトとは「インターネット上にある企業・組織や個人などが情報発信などのためのウェブページ群」のことを指して説明しています。また、ECサイトやSNS、Webサービスなどはウェブ上のアプリケーションとしての性質もあり、実際にはどちらかに完全に区別し
このページを最初にブックマークしてみませんか?
『Fixel株式会社(フィクセル)|業務システムのUX/UIデザイン専門会社』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く