skillup

技術ブログ

「 UI 」 一覧

no image

検索ページの遷移に関して

検索ページの遷移に関してメモ。 基礎だが実際全部完全に網羅できているかというと不安な部分が多い。 基本仕様: 以下のようなページ構成を想定 1ページ目は検索エリアと一覧が同時にでる 一覧情報からはリン …

no image

AngularJS カスタムディレクティブ

AngularはHTMLの中にng-clickなどと書いておけばイベントを紐づけて、特定動作時にメソッドを呼び出すことができます。 これをオリジナルで自作することができます。 customer_dir …

no image

Angularモジュール間の読み込み

Angularで以前こちらで、複数のコントロールに分ける方法を書きましたが、コントローラーだけでなく、Factory,ServiceなどいろいろなタイプのサービスがAngularにはあります。 プログ …

no image

AngularJS テーブル行のソート入れ替え&ドラック&ドロップ

2017/03/16   -JavaScript, UI
 

受注伝票みたいなものを作ると伝票の登録画面はヘッダーと明細に分かれますね。 私が携わったプロジェクトでは、大体一画面でヘッダー情報と明細情報を入力することが一般的でした。 今回AngularJSでその …

no image

レスポンシブデザインの作成ポイント

2016/09/15   -UI, デザイン
 

本日はレスポンシブデザインの表現方法について。 スマホでは何も指定しなければブラウザはウェブサイトの幅が980pxと仮定しています。 要は通常の980px分をそのままiPhoneの画面に収まるよう縮小 …

no image

デザイ二ングインターフェイスのまとめ

2016/08/25   -UI, デザイン
 

デザイ二ングインターフェイスを今まで読んで実務にすぐ生かせそうな&ポイントとなりそうな箇所のまとめ ユーザーを理解する ユーザーが何をしたいか ・・・ 根本的な目的 ソフトウェアがなければどのように処 …

no image

フォームとコントロール

2016/08/24   -UI

今回はフォームについて 基本原則となる考え方 何を要求されているのか、何のためなのかを、ユーザーが理解できるようにする 可能なら、何も質問しないでおく(オートコンプリートやディフォルトを使用するなど) …

no image

アクションとコマンド

2016/08/23   -UI

今回はインターフェイスにおける動詞、つまりは「なんらかの行動(新規作成、表示、編集、削除)」についての解説です。 なんらかの行動に関してはほとんどのアプリケーションでボタンで実行されることが多いのでは …

no image

ページレイアウトに関して

2016/08/20   -UI

今回からは単一のページレイアウトの構成の考え方やテクニックについて。 一般的な傾向として、人間の視覚上の特徴というのは下記のような傾向があげられます。 人の視線は上から下、左から右へというのがディフォ …

no image

ナビゲーション

2016/08/17   -UI

本日はソフトウェアのナビゲーションについて。 要は「いかにユーザーに目的の操作まで少ない経路でたどり着いてもらうか」に関してです。 移動距離は常に短く&クリック回数は少なく 当たり前ですが、目的の操作 …

アーカイブ