【デザイン】グレーボタンについて

• グレーのボタンだと、押せないと勘違いする人も出る。
• 本当に無効ではないことを十分に示す必要がある。

参考 buttonのブラウザデフォルトのデザイン

• 通常の場合

<button>サンプル</button>

• disabledの場合

<button disabled>サンプル</button>

【デザイン】ゴーストボタンとは

ゴーストボタンとは

• アウトラインはあるが、塗りつぶしがないボタンのこと。

ゴーストボタンのメリット

• シンプルなボタンであるのため、Webサイトのデザインを邪魔しない。

ゴーストボタンのデメリット

• ゴーストボタンはボタンとして認識し辛い。ソリッドボタンの方がボタンとして認識され易いため、クリックされる確率が高い。
• 背景画像とのコントラストが悪いと、ボタンが見え辛くなることがある。

ゴーストボタンの用途

• Webサイトのデザイン性を上げたい場合。
• ボタンを2つ表示させるケースにおいて、セカンダリボタンをゴーストボタンにすることによって、ユーザの意思決定を早める効果がある。

【Linux】指定したファイル内の文字列を検索するコマンド

$ grep "[検索したい文字列]" < [検索したいファイル名]

• test.txtから"xxx"という文字列を検索する場合

$ grep "xxx" < test.txt

【Linux】複数のコマンドを一度に実行する方法

• コマンド・コマンド xxx が実行終了した後に、コマンド yyy を実行する。

$ xxx ; yyy

• コマンド xxx が正常終了した場合のみ、コマンド yyy を実行する。

$ xxx && yyy

• コマンド xxx がエラー終了した場合のみ、コマンド yyy を実行する。

$ xxx || yyy

• コマンド xxx の実行結果を、コマンド yyy の実行時に標準入力として渡す。

$ xxx | yyy

【JavaScript】備忘録

DOMを操作する場合、class属性ではなくdata属性を使用する。

• class属性はスタイルを定義するためにあり、CSSだけが使用するべきであるため。
• class属性を使用した場合、デザインの修正等でclass名の変更が発生した場合にJavaScriptも修正しなければならなくなるため。

【Linux】特定のディレクトリを検索する方法

$ find / -name [ディレクトリ名] -type d

【Linux】特定のプロセスが起動しているか確認する方法

ps を使用する方法

$ ps aux | grep [プロセス名]

pgrep を使用する方法

# プロセスが起動中の場合は、プロセスIDが出力される。
# プロセスが停止中の場合は、何も出力されない。
$ pgrep [プロセス名]
12345