フロントエンド開発

どのフレームワークでも得られるもの

• 最新のバージョン、最新のパターン。最新の安定版を追い、触れたファイルは同じ変更の中で最新の書き方に更新します。コードベースがメジャーバージョンで2つ遅れた状態のままにはしません。
• ページの寄せ集めではなく、デザインシステム。UIパターンごとに実装を1つにし、共有ブロックから組み立てます。すべての共有コンポーネントには、axeのアクセシビリティチェックを実行するストーリーがあります。
• バックエンドから生成するコントラクト。APIクライアントはOpenAPIドキュメントから生成します。データ型を手で書くことはなく、生成されたフォルダは読み取り専用です。
• 描画前の認可。すべてのルートに型付きの権限ガードを設け、コンポーネントが生成される前に判定します。HTTPインターセプターは多層防御であり、主たる制御ではありません。
• モバイル対応は必須要件。375 pxで横スクロールなし、44ピクセルのタッチターゲット、文字の切れなし、主要な操作は親指で届く位置に置きます。

コンポーネントの書き方

ロジック、テンプレート、スタイルは、常に同じ場所に置いた3つのファイルに分けます。構造化されたフィルタ、並べ替え、ページングはURLに持たせ、画面を共有できるようにします。自由入力の検索は、個人データを含み得て、URLはログに残るため、メモリ内にとどめます。計算、書式設定、PDFやCSVの出力はブラウザで行い、元データのページングとフィルタリングは、呼び出し元の可視性フィルタを付けたSQLに残します。そのため、ブラウザがユーザーに見せてはならない行を受け取ることはありません。

リリースしたフロントエンド

AngularとReactで納品した4つのシングルページアプリケーション、300を超えるUIコンポーネント、90を超えるLighthouseスコア。トレーディング、ヘルスケア、人事、物流の製品向けです。数値は当社の納品実績によるものです。