Notes

メモ書き

iOS/AndriodアプリのUXについて

…の観点で自分なりに思うところがあったので書き留めておきます。

 

ユーザー操作が少ない方に寄せる

操作が少ない方が触る方は楽ですよね。
ただ、ここでやりがちなのが説明できる方に寄せてしまうパターン。

(クレーム対策で説明を盛りだくさんにするのはありがちなアンチパターンだと思ってます)

 

例えば、
入力不備等によりボタンを押しても次に行けないケースを考えます。

 

ボタンを押したタイミングでダイアログを表示

「ボタンを押す」「ダイアログを消す」という2つのユーザー操作が入ってしまう。
但し、ダイアログの説明を見てくれる可能性が高いので説明はしやすい。

そもそもボタンを押せないように無効化しておく

ユーザー上の2つのユーザー操作がなくて済むため、ユーザビリティ観点ではこちらの方が優れていると思ってます。
ボタンが無効化になっている原因がわかりずらいというデメリットがあるけれど、それは他の入力項目をわかりやすくする方向で考えた方が良い場合が多い。

 

まぁ、ここはケースバイケースではあるんですがね。
例えばパスワード入力画面でこれをやってしまうと、色んなパターンのパスワードを試しやすいので攻撃がしやすいのと、攻撃が検知しづらくなってしまう。(3回間違えたらブロック、とが出来なくなってしまう)
入力中に都度確認していたらトラフィックやファイルアクセスも増えてしまいますしね。

 

実装が楽な方に寄せる

決して実装で楽したいからという理由だけで言ってるわけじゃないですよ!

 

ここで言っている実装が楽というのは、「条件分岐が少ない」を指してます。
人が物を触る時は、少なからずそれがどうゆう仕組みであるかを考えながら操作しています。
プログラム上の条件分岐の少ないと言う事は、その思考回数を減らすと言う事につながるため理解しやすくなります。

 

もちろんバグ防止や保守性向上にもつながるので、そうゆう点でもユーザーに優しいですね。
(決して実装で楽したいからという理由だけで言ってるわけじゃないですよ!)

 

うちの音楽録音環境 | KORG KROSS-61 x TC-HELICON VoiceLive Touch x Studio One

うちの音楽録音環境の機材構成と設定について記載します。

機材

気づけばほとんど Version 2 が発売されていたので、少し古い機材になるかもしれません。

キーボード:KORG KROSS-61
KORG キーボードシンセサイザー KROSS-61 クロス 61鍵

KORG キーボードシンセサイザー KROSS-61 クロス 61鍵

 

実はもともと同モデルの88鍵モデルを使っていたのですが、持ち運びが大変だったので61鍵モデルに買い換えました。

61鍵モデルは4.3kgとキーボードの中でも最軽量なので持ち運びがとても楽!

オーディオインターフェイス:TC-HELICON VoiceLive Touch
TC-Helicon VoiceLive Touch ボーカル用マルチエフェクター

TC-Helicon VoiceLive Touch ボーカル用マルチエフェクター

 

もともとボーカル録音用として購入したモノですが、最近はキーボードのIFとして使うことの方が多いです。宝の持ち腐れ感。

DAW:Studio One Prime (無料版) 

そこまで複雑な事をする予定はなかったので、無料だからという理由で使い始めた Studio One をそのまま使い続けてます。 

 

機材構成 

f:id:cask-st:20171108212637p:plain

 

画像は各マニュアルから引用してます。

KROSS 1 - クイック・スタート・ガイド | KORG (Japan)

TC-Helicon | VoiceLive Touch | 製品マニュアル

 

各種設定

TC-HELICON VoiceLive Touch

[Mix]ボタンを長押ししてセットアップ・メニューを起動し、以下のように設定する。


4.GTR FX STYLE : OFF

  → 自分は VoiceLive Touch によるエフェクトを使わないのでOFF。
5.OUTPUT : STEREO
6.USE : TRACK

 

Windows PC (Windows10)

タスクバーのスピーカーアイコンを右クリックしてサウンド設定を起動。

f:id:cask-st:20171108214253p:plain

VoiceLive Touchを「有効」にして「既定のデイバスとして設定」する。(右クリックで設定項目が表示される)

f:id:cask-st:20171108214311p:plain

 

Studio One

"メニュー" > "Studio One" > "オプション..." でオプションを開く。

オプション画面のオーディオ設定タブで "コントロールパネル" をクリックして Windows Audio を開く。

Windows Audio 画面のレコーディングデバイスで "アナログ コネクタ(VoiceLive Touch)" を選択する。 

(再生デバイスを設定する場合もここで行う)

f:id:cask-st:20171108215645p:plain

 

ちゃんと設定したのは数年前で思い出しながら書きましたが、確かこれで大丈夫だったはず。

 

 

そのまま洗える衣類ケース?100均の洗濯ネットで十分!

テニスの練習後の汗まみれのウェア類。

 

・着替えてビニール袋に入れるてカバンにしまう

 ↓

・ 家に帰って洗濯ネットに入れ替える

 ↓

・ 洗濯機にIN!

 

というのが洗濯までの流れでした。

インナーでモンベルのジオラインを愛用しているため洗濯ネットは必須なんです。

 

けどね、いちいちビニール袋から出して洗濯ネットに入れ替えるのが面倒くさくなってきたんです。

 

そんな矢先に無印良品の「そのまま洗える衣類ケース」というものを知りました。

これに入れて持って帰ってそのまま洗濯機にIN!すれば解決じゃん?

ということで早速最寄りの無印良品へ。

実際触ってみて。

 

物はいいんです。

さすが無印。

オシャレだし。

作りもしっかりしてそう。

 

ただ、高い・・・。

洗濯ネットに1000円越えか・・・。

 

 

待てよ。

とりあえず100均の選択ネットも見てみよう。と思い立ち、その場は購入せずに100円ショップへ。

 

で、これ買ってみました。

これがなかなかGoodでした!

何気に2重構造になっており、汗まみれのウェアを入れてもカバンがビショビショになるようなことはありませんでした。

こんな感じ。

(多分二重構造になっていないやつは他に汗が移りやすそうな気がします。。)

 

もちろんオシャレさでは無印には到底敵いませんが、機能面 / 性能面ではやりたいことが満たせているので良い買い物ができたなと。

 

テキストだけを貼り付けたい時は Ctrl + Shift + V

※環境:Windows10

 

Google Keep で下書きをしておいてブログに張り付けるということは多いのですが、この時 Ctrl + C → Ctrl + V でコピペをすると書式(フォント等)まで一緒にコピペされてしまいます。

Google Keep に限らず書式のあるテキストをコピペすると同じようなことが起こると思います。

HTML編集で見るとこんな感じ。

f:id:cask-st:20171029223313p:plain

そんな時は Ctrl + C → Ctrl + Shift + V でコピペすると書式を除いたテキストだけを張り付けることができます。

f:id:cask-st:20171029223347p:plain

貼り付け先のエディタなどによってはこの方法が使えないこともありますので、悪しからず。

はてなブログの画像を枠線で囲む(初心者向け)

こうゆう白ベースの画像ってブログの背景との境目がわかりづらいので枠線付けたいと思ってたんです。

f:id:cask-st:20171022121158p:plain

やり方

 編集モード「見たまま」で画像を入れて、「HTML編集」で見るとこんな感じになるかと思います。

 <img class="hatena-fotolife" title="f:id:cask-st:20171022112233p:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/c/cask-st/20171022/20171022112233.png" alt="f:id:cask-st:20171022112233p:plain" />

ここをこんな感じにします。赤字が追加したところ。

<img class="hatena-fotolife" style="border: solid 1px #BDBDBD;" title="f:id:cask-st:20171022112233p:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/c/cask-st/20171022/20171022112233.png" alt="f:id:cask-st:20171022112233p:plain" />

そうするとこんな感じで枠線が付きます。

f:id:cask-st:20171022121158p:plain

 

解説

追加した「style="border: solid 1px #BDBDBD;"」部分の解説です。

style

ウェブサイトのレイアウトスタイル(例えば、文字フォントや色、等)を指定する属性です。

style="この中にどのようなレイアウトスタイルにするか書きます"

border

枠線の「線種」「太さ」「色」を指定するための属性です。

border: solid 1px #BDBDBD;

この場合、太さ1pxで灰色(BDBDBD)の実線(solid)で枠線を表示します。

色を変えたい場合は「カラーテーブル」とか「RGB」とかで検索すると、どんな値を入れればいいかすぐわかると思います。

 

もちろん指定する値を変えれば色々な設定できますが、今回はこの辺で。

 

【Android】YouTubeをバックグラウンドで再生する

YouTubeアプリではなく、Chromeブラウザを使用した方法です。

手順 

1. ChromeYouTubeの動画を開く。

2. Chromeのメニュー(右上の点3つのとこ)を開いて、「PCサイト版を見る」にチェックを入れる。

 f:id:cask-st:20171022112958p:plain

3. PC版のサイトで動画を再生。

 f:id:cask-st:20171022113701p:plain

4. Chromeをバックグラウンドにする。と動画が停止します。

5. 通知領域を開くとChromeの再生メニューが表示されてるので、再生ボタンを押す。

 f:id:cask-st:20171022113811p:plain

 

使用感

バッテリー節約!

ラジオのアーカイブや音楽を再生しながら他の作業をすることが多いのですが、もちろんこの時画面は見ません。

画面はスマフォの中で最もバッテリーを消費する機能なのでここが節約できるのは大きい。

音が小さい

YouTubeアプリで再生した時よりも音が小さいです。

できれば何とかしたかったのですが、現状なんともなりませんでした。。

 

検証環境

端末:Xperia X Compact  (Android 7.0) / Fire HD 8 (Fire OS 5.4.0.1)

 

Special Thanks

手順の写真で使わせて頂いた動画ですが、SANOVA のアルバム『Cloud9』 のダイジェストになります。最近たまたま見つけて激ハマり中!!

よろしければ一度ご視聴ください。

「SANOVA」公式サイト

 

他人は変えられない

先日中のいい友人が彼女と別れました。
相手もよく知っている子だったのでうまくいってほしいと思ってたから少し残念だった。
というのはまぁいいとして。

 

 

その時彼が語っていたことで少し印象的だったのが
「彼女を変えてあげたかった」
という言葉。

 

 

確かに彼女は地に足がついておらず、しっかりしておらず、一人の社会人として生きていくには不安があるような子だった。
そんな子がしっかり地に足をついて生きていく。そんな風に変わってほしいと願うのはとてもよくわかる。

 

 

 

けどね、他人は変えられない。
人は変えようとした瞬間に離れてく。

例え物理的な距離が離れなかったとしても、心は確実に離れてく。

それに他人に変えられたってそんなもの幸せにつながるわけがない。

きっかけは色々あるかもしれないが、結局自分で変わって、自分で助かるしかないんだ。

 

 

「助けないよ、力を貸すだけ。君が一人で勝手に助かるだけだよ、おじょうちゃん。」

という化物語の忍野の言葉が全てを物語っているんだ。
(すいません、これが言いたかっただけです笑←)