IT PORT

著者

原口

11件の記事

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

はじめに Androidアプリを作成する中で、カメラ機能が必要になり、細かい制御を省くためにプリインストールのカメラアプリを代わりに使いたいと思ったことはないでしょうか。 「ACTION_IMAGE_CAPTURE」「INTENT_ACTION_STILL_IMAGE_CAMERA」 のIntentを使うことでプリインストールのカメラを起動することは可能です。ただ、想定しているような使い方はできな

原口

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

概要 Webシステムをスマートフォンで使用する際に、毎回ログインID、パスワードを手入力するのは大変ですよね。普段から使用している指紋認証や顔認証でログインできれば使い勝手も良くなり、セキュリティ面でも安心です。 ブラウザ標準で対応しているWebAuthn（Web Authentication）という認証技術を使用しスマートフォンの指紋認証や顔認証、YubiKeyなどの外部デバイスでの認証が可能と

原口

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

ニューモーフィズム？ 「ニューモーフィズム（Neumorphism）」とは、フラットデザインやマテリアルデザインのようなデザイン手法の一つです。下記のように背景から突き出させたり、逆に窪んだりした見た目を表現します。 ボタンを１から作ってみる 今回は、どのようなスタイルが必要になるのか理解するため、スタイルを全く設定していない状態からニューモーフィズムなボタンを作っていきたいと思います。 スタイル

原口

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

物理的な表現 前回、マテリアルデザインのざっくりとした概要を調べました。今回は、マテリアルデザインで表現する物体の物理的な性質について面白いと感じたガイドラインを見ていきたいと思います。 マテリアルデザイン ガイドライン 物体の厚み、深さ マテリアルデザインでは光や影などを利用し、フラットでありながら奥行きのある空間が表現できます。ただ、なんでもかんでも自由に配置しても良いわけではなく、ルールがあ

原口

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

はじめに GUIを検討する際に、流行を調べるとフラットデザイン、マテリアルデザイン、という言葉が出てきます。 フラットは分かるけどマテリアルデザインって何？なんとなくフラットに影を付けたり少し立体感を持たせたような…？ と名前は聞いたことあるけど具体的には理解できていない『マテリアルデザイン』について１から調査。調査した結果を見ていきます。 マテリアルデザインとは？ そもそも『マテリアルデザイン』

原口

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

はじめに 前回、ユーザビリティとして、ボタンと入力エリアの配置、ボタンの色等、画面全体のレイアウトについて記載しました。 今回は、入力エリアに絞って、ラベル（項目タイトル）とテキストボックスの配置等について記載していきます。 ラベル（項目タイトル）とテキストボックスの配置 テキストボックスに入力する際、ラベルを見て何の項目かを判断します。テキストボックスに対して、ラベルのどこに配置されているか、に

原口

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

はじめに おすすめツール紹介第２回ですが、今回はハードについて書きたいと思います。私がこだわって使用しているマウスとキーボードを重点的に紹介し、おすすめツールとして充電ケーブルにも触れていきたいと思います。 執筆者の紹介 私はPGとして、主に業務システム（WEB）の開発をしており、C#,ASP.NETを使用することが多いです。たまに、WPFやVBA（Excel,Access）を使用してクライアント

原口

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

はじめに WEBサイトやシステムを設計する際、ユーザビリティは意識してますでしょうか？意識していないと、ユーザは無意識に使いづらい、とっつき辛いと感じてしまい嫌々使うことになってしまいます。 今回は、入力画面を例に、項目の配置、色やレイアウトについて書いていきたいと思います。 ユーザビリティとは ユーザビリティ（Usability）は直訳すると「使いやすさ」ですが、単なる使いやすさという意味だけで

原口

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

本サイトに記載されているAndroid ロボットは、Google が作成および提供している作品から複製または変更したものであり、Creative Commons 3.0 Attribution ライセンスに記載された条件に従って使用しています。 はじめに 前回 は、Android Studioのインストール～初期設定 までを行いました。 今回は、プロジェクトの作成を行い、実行する直前まで進めます。

原口

（第1回）Android Studioによるアプリ開発【環境構築編】

本サイトに記載されているAndroid ロボットは、Google が作成および提供している作品から複製または変更したものであり、Creative Commons 3.0 Attribution ライセンスに記載された条件に従って使用しています。 はじめに これからAndroidアプリの開発を行う方向けに、インストール ～ 実機での起動 までを2回に渡って記載します。 Android Studioの

原口
現在: IT PORTbonvoyageに切替