原口の記事一覧

【Android】プリインストールのカメラ起動

【Android】プリインストールのカメラ起動

目次 はじめに想定外の動きACTION_IMAGE_CAPTURE を使うINTENT_ACTION_STILL_IMAGE_CAMERA を使う比較結果 はじめに Androidアプリを作成する中で、カメラ機能が必要になり、細かい制御を省くためにプリインストールのカメラアプリを代わりに使いたいと思ったことはないでしょ...
(第1回)WEBシステムをスマホの指紋認証でログインしてみる(Passwordless API)

(第1回)WEBシステムをスマホの指紋認証でログインしてみる(Passwordless API)

目次 概要使用環境APIキーの取得ライブラリ追加入力画面作成資格情報の登録  ①トークンを取得  ②資格情報を登録認証  ①ユーザIDを基に登録済みのトークンを取得  ②サインインの検証動かしてみる最後に 概要 Webシステムをスマートフォンで使用する際に、毎回ログインID、パスワードを手入力するのは大変ですよね。普段...
ニューモーフィズムなボタンを1から作成

ニューモーフィズムなボタンを1から作成

目次 ニューモーフィズム?ボタンを1から作ってみる背景色光と影微調整動き最後に ニューモーフィズム? 「ニューモーフィズム(Neumorphism)」とは、フラットデザインやマテリアルデザインのようなデザイン手法の一つです。下記のように背景から突き出させたり、逆に窪んだりした見た目を表現します。 ボタンを1から作ってみ...
(第2回)マテリアルデザインとは ~物理的な表現~

(第2回)マテリアルデザインとは ~物理的な表現~

目次 物理的表現厚み、深さ物理的特性奥行き次回 物理的な表現 前回、マテリアルデザインのざっくりとした概要を調べました。今回は、マテリアルデザインで表現する物体の物理的な性質について面白いと感じたガイドラインを見ていきたいと思います。マテリアルデザイン ガイドライン 物体の厚み、深さ マテリアルデザインでは光や影などを...
(第1回)マテリアルデザインとは ~知ってみる~

(第1回)マテリアルデザインとは ~知ってみる~

目次 はじめにマテリアルデザインとは?フラットデザインとの関係性デザインイメージまとめ次回予告 はじめに GUIを検討する際に、流行を調べるとフラットデザイン、マテリアルデザイン、という言葉が出てきます。フラットは分かるけどマテリアルデザインって何?なんとなくフラットに影を付けたり少し立体感を持たせたような…?と名前は...
【第2回】ユーザビリティ ~直感的、人間工学に基づくUI~

【第2回】ユーザビリティ ~直感的、人間工学に基づくUI~

目次 はじめにラベル(項目タイトル)とテキストボックスの配置余白さいごに はじめに 前回、ユーザビリティとして、ボタンと入力エリアの配置、ボタンの色等、画面全体のレイアウトについて記載しました。今回は、入力エリアに絞って、ラベル(項目タイトル)とテキストボックスの配置等について記載していきます。 ラベル(項目タイトル)...
(第2回)おすすめツール紹介②

(第2回)おすすめツール紹介②

目次 はじめに執筆者の紹介マウスキーボード充電ケーブル業務での活用終わりに はじめに おすすめツール紹介第2回ですが、今回はハードについて書きたいと思います。私がこだわって使用しているマウスとキーボードを重点的に紹介し、おすすめツールとして充電ケーブルにも触れていきたいと思います。 執筆者の紹介 私はPGとして、主に業...
【第1回】ユーザビリティ ~直感的、人間工学に基づくUI~

【第1回】ユーザビリティ ~直感的、人間工学に基づくUI~

目次 はじめにユーザビリティとは視線移動に沿った自然な入力直感的に理解できる配色次回予告 はじめに WEBサイトやシステムを設計する際、ユーザビリティは意識してますでしょうか?意識していないと、ユーザは無意識に使いづらい、とっつき辛いと感じてしまい嫌々使うことになってしまいます。 今回は、入力画面を例に、項目の配置、色...
(第2回)Android Studioによるアプリ開発【環境構築編】

(第2回)Android Studioによるアプリ開発【環境構築編】

本サイトに記載されているAndroid ロボットは、Google が作成および提供している作品から複製または変更したものであり、Creative Commons 3.0 Attribution ライセンスに記載された条件に従って使用しています。 目次 はじめにプロジェクト作成アプリ情報の設定対象のデバイスを設...