Reactで表現するUIモーションデザイン【マウス & タッチパネルジェスチャー】
以下記事の続きとなります。 Reactで表現するUIモーションデザイン【モーションスタイリング】 前回の記事でモーションスタイリングによりどのような表現が可能になるのかについて学びました。 これ...
2
3
Comment0
11 search resultsShowing 1~11 results
Stocked
You need to log-in
Reactで表現するUIモーションデザイン【モーションスタイリング】
以下記事の続きとなります。 Reactで表現するUIモーションデザイン【デュレーション & イージング】 前回の記事でモーションの速度・変動率を調整するデュレーションとイージングについて...
0
1
Comment0
Reactで表現するUIモーションデザイン【デュレーション & イージング】
近年UIの表現方法の進化によって、単純にUIのレイアウトや配色・大きさが整っていてわかりやすいだけでなく、モーション（アニメーション・マイクロインタラクション）によるユーザーサポートがUX向上に...
2
2
Comment0
ReduxとReact （Native）Hooksとの共存
Reactは「自由にカスタマイズできる」かつ「日進月歩」というのがメリットの反面、 ネット上には新旧の情報が入り乱れていてベストプラクティスが見つけづらいというのがデメリットになっているのではな...
140
90
Comment0
React Native & Expo デバッグ方法いろいろ
私がシステム開発（環境整備）をする上でもっとも重要視しているのが**「デバッグ」**です。 プログラミングを始めたばかりのころはデバッグの重要性を知らず、 エラーやバグの原因が特定できずなんども...
52
55
Comment0
「Golang」 ×「gorilla/mux router」でシンプルなREST APIサーバーを開発する
Why Golang? Golangの特徴として「シンプル」「静的型付けのため高速」「マルチプロセッシングによる並列処理」があります。 このような特徴からDockerやKubernetesなどの...
38
42
Comment0
「Golang」 ×「Gorm」でシンプルに「Mysql」を操作する
「REST APIサーバから受け取ったリクエストパラメータの内容を元にリレーショナルデータベース（Mysql）を更新する」という流れで、説明を進めています。 以下の記事の続編という形で投稿を行っ...
34
24
Comment0
精神安定剤としての「E2E自動テスト」と「CI（継続的インテグレーション）」のすすめ
アドベントカレンダー私が担当する最後の記事は、アプリの品質を保つ上で最も重要なテストについてです。 以下の記事の続きという前提なので、React+AWSで作成したWebアプリ（SPA）に自動テス...
40
31
Comment0
AWS Amplify / AppSyncで画像投稿webアプリのサーバサイドを実装する
アドベントカレンダーも中盤に差し掛かってきました。 今回は画像投稿アプリのサーバサイド（ユーザー認証・GraphQLによるAPI通信）をAWSのサービスAmplify・AppSyncを主に活用し...
47
34
Comment0
React Hooks ✕ AtomicDesignで画像投稿webアプリのフロントエンドを実装する
FigmaとStorybookで作成したプロトタイプを実際にReactで実装していきます。 （プロトタイプ、アプリイメージについてはこちらの記事に詳細を投稿しています。） Figma ✕ Rea...
57
58
Comment0
Figma ✕ React Storybook で作るプロトタイピング & スタイルガイド
アプリを開発する前に予め、開発の全体像を把握するためにプロトタイプを作成します。 プロトタイピングツールで作成したUIは、実際のアプリ開発にも流用できるため効率的です。 今回は簡単な写真共有We...
112
82
Comment0
11 search resultsShowing 1~11 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles