2017-10-06

短信——煮詰まった

開発

仕事忙しくてブログを纏める時間がないんですわー。
明日からの 3 連休はキャンプに行けるようにがんばる。

ところで煮詰まってるんでぶつくさ言わせて欲しい。

詳細は全てはしょるけど，ASP.NET MVC 4 の DataAnnotations で CompareAttribute をつけたモデルの検証で，検証失敗させても ErrorMessage に与えた文字列がブラウザに表示されなくて悩んでるんだよね。
リソースにしても変わらないし CompareAttribute のカスタムはほとんど 1 から作る感じっぽいし。どうしようかな。

Model はこんな感じ。

public class FugaViewModel
{
    [DataType(DataType.Password)]
    [Required(ErrorMessage = "パスは必須だよ")]
    [RegularExpression(@".{8,}", ErrorMessage = "8 文字以上入れなよ")]
    [Display(Name = "ぱすわーど")]
    public string Password { get; set; }
}

public class HogeViewModel : FugaViewModel
{
    [DataType(DataType.Password)]
    [Required(ErrorMessage = "確認用パスワード入れなよ")]
    [Compare("Password", ErrorMessage = "上とパスワード違うぞ")]
    [Display(Name = "ぱすわーど (確認)")]
    public string PasswordForConfirm { get; set; }
}

で，"ぱすわーど (確認)" 欄の内容が "ぱすわーど" と違うときは「上とパスワード違うぞ」ってエラー表示して欲しいんだけど，「'ぱすわーど (確認)' と 'ぱすわーど' が一致しません。」っていうデフォルトのメッセージになるんだよね。

どうしたもんか。

2017-09-30

はてなブログで Google フォト貼り付けを使ってるひとが複数写真を横一列に表示する方法 (追記 2017-10-02T00:57)

ブログ

このブログでは，ヘッダーの写真を含めてほとんど全て Google フォトにおいてある写真を使っているよ。

で，はてなブログ開発ブログで先日公開された，複数写真を横一列に表示する機能ってのがあるんだけど——。

staff.hatenablog.com

開発ブログでは，はてなブログの "写真を投稿" 機能で並べ方を設定する方法が紹介されてるね。

この機能を "Google フォト貼り付け" で使えないかと調べてみた。
ちなみに，わたしは "はてな記法" モードを使ってるから，"見たまま" モードでは使えないかも。
たぶん "HTML" モードは使えるし，"Markdown" モードで使えるか調べたら追記するね。

追記 2017-10-02T00:57

"Markdown" モード，"HTML" モードでも同じように使えるよ。
"見たまま" モードではたぶん無理。

追記ここまで

実例
やり方（はてな記法・Markdown・HTML）
使うときには
- クリップボード管理ツールのおすすめ (Windows)
- クリップボード管理ツールのおすすめ (macOS)

実例

www.kagura-c.info

写真の枚数が多かったので詰め込むのに使ったよ。

9 月中旬以降の他の記事でも使ってみた。

やり方（はてな記法・Markdown・HTML）

1 行だけ

Google フォト貼り付けで写真を複数選択すると，以下のような文字列がブログ編集画面に埋め込まれると思う。

<span itemtype="http://schema.org/Photograph" itemscope="itemscope"><img class="magnifiable" src="https://lh3.googleusercontent.com/-knPgAuwH6iM/WZZ1OQY7HsI/AAAAAAAB68E/-9OxmRWCKHk0cT7QYaoLxjNW9YKtnjlGgCE0YBhgL/s1024/20170817-IMG_6992.JPG" itemprop="image"></span>
<span itemtype="http://schema.org/Photograph" itemscope="itemscope"><img class="magnifiable" src="https://lh3.googleusercontent.com/-4ssdEIbmL64/WZZrT1XV-NI/AAAAAAAB68E/7vE7FCkcYS0Dcj8qBet25M_GHRMcAoMfgCE0YBhgL/s1024/20170817-IMG_6994.JPG" itemprop="image"></span>
<span itemtype="http://schema.org/Photograph" itemscope="itemscope"><img class="magnifiable" src="https://lh3.googleusercontent.com/-kt4KuP3fVcE/WZZrrNBVNoI/AAAAAAAB68E/g4zG_6rvCh0ZIufiMn9lA8dY-G_X3Fi-gCE0YBhgL/s1024/20170817-IMG_6996.JPG" itemprop="image"></span>

写真 3 枚で 3 行ね。
これを横一列で表示してみよう。

3 行の前後に以下の文字列を入れてみる。

<figure class="figure-image figure-image-fotolife">
<div class="images-row mceNonEditable">
<!--【<span で始まる行】-->
</div>
</figure>

するとこうなるね。

<figure class="figure-image figure-image-fotolife">
<div class="images-row mceNonEditable">
<span itemtype="http://schema.org/Photograph" itemscope="itemscope"><img class="magnifiable" src="https://lh3.googleusercontent.com/-knPgAuwH6iM/WZZ1OQY7HsI/AAAAAAAB68E/-9OxmRWCKHk0cT7QYaoLxjNW9YKtnjlGgCE0YBhgL/s1024/20170817-IMG_6992.JPG" itemprop="image"></span>
<span itemtype="http://schema.org/Photograph" itemscope="itemscope"><img class="magnifiable" src="https://lh3.googleusercontent.com/-4ssdEIbmL64/WZZrT1XV-NI/AAAAAAAB68E/7vE7FCkcYS0Dcj8qBet25M_GHRMcAoMfgCE0YBhgL/s1024/20170817-IMG_6994.JPG" itemprop="image"></span>
<span itemtype="http://schema.org/Photograph" itemscope="itemscope"><img class="magnifiable" src="https://lh3.googleusercontent.com/-kt4KuP3fVcE/WZZrrNBVNoI/AAAAAAAB68E/g4zG_6rvCh0ZIufiMn9lA8dY-G_X3Fi-gCE0YBhgL/s1024/20170817-IMG_6996.JPG" itemprop="image"></span>
</div>
</figure>

これを表示すると——。

できた。

2 行以上

2 行で表示したいときはこう書くよ。

<figure class="figure-image figure-image-fotolife">
<div class="images-row mceNonEditable">
<!--【<span で始まる行】-->
</div>
<div class="images-row mceNonEditable">
<!--【<span で始まる行】-->
</div>
</figure>

で，こうなる。

<div class="images-row mceNonEditable"> と </div> のかたまりを，行数分繰り返す感じね。

キャプション

キャプションを入れたいときはこう。

<figure class="figure-image figure-image-fotolife">
<div class="images-row mceNonEditable">
<!--【<span で始まる行】-->
</div>
<div class="images-row mceNonEditable">
<!--【<span で始まる行】-->
</div>
<figcaption>【ここにキャプションを書くよ】</figcaption>
</figure>

表示してみると——。

こんな感じ。

でも，< f i g u r e って手で入力してられないよね。

使うときには

クリップボード管理ツールという種類のソフトがあって，定型文機能もしくはスニペット機能というのを使うと，いつでもこんな文字列を貼り付けできるので便利だよ。

クリップボード管理ツールのおすすめ (Windows)

www.amunsnet.com

クリップボード管理ツールのおすすめ (macOS)

clipy-app.com

2017-09-29

今さらマウスパッドをお勧めしてみる

IT 物品取得

先週末，会社用にマウスパッドを買ったのが届いたので月曜に持っていった。
ものすっごいはかどったよ。

　そもそもマウスパッドっつーのは，マウスというデバイスがボールとロータリーエンコーダを使ってた古の時代に，ボールがコロコロ気持ちよく転がるためにはある程度摩擦がありかつ平滑な面が必要でしかもボールが転がると机の上のホコリをマウス内に取り込んでいくもんで，なんか適当な下敷きがないと辛いねーという時代の要請のもと生まれたもんであった。
　何しろボールにホコリが張り付いたりするとマウスカーソルがまっすぐ動いてくれないんでストレスがマッハでフルなんである。

　今どきの光学マウスはそんなストレスから解放されて膝の上だろうがガラスの上だろうがふつーにポイントできるようになったわけで，マウスパッドにこだわる人種は PC ゲーマーくらいになってしまった感がある。
　マウスパッド使いたい人も単価 ¥200 くらいの販促品としてばらまかれてたやつをテキトーに拾って使う時代なのかな。

現状への不満
マウスが滑らない原因
調べた中で最も滑るマウスパッドは
製品について
- 余談: 光学式・マウス
使ってみた
おすすめするひと
おすすめできないひと
リンク

現状への不満

以前買ったマウス Logicool M705t を会社に持っていって使ってたのだけど，机に直に置いて使ってたところ，マウスの動かし始めがイマイチなのが気になってたんだな。

www.kagura-c.info

動かし始めの 5 mm くらい，マウスカーソルが反応しないように感じることがあって，例えば 10 mm おきに小刻みにポイントしたいときは一度大きく 50 mm 動かしてから 40 mm 戻す，みたいなすっごいめんどくさい感じ。
過去の経験からいって，こいつは摩擦の問題だな，ということが見当ついた。

マウスが滑らない原因

マウスのフィート（接地パーツ）は多分 PTFE *1 あたりの素材でできていると思しいが，こいつが触れる会社の机の表面は半艶の樹脂がコーティングされていて，微視的には接触面積が大きい。

解決するためには，単純に接触面積を減らす。
つまり，表面がざらざらしたものをマウスの下に敷けばいいんである。

マウスパッドをポチる前に，コピー用紙を敷いてマウスの滑りが改善するか確認したらちょっとマシになった。
やっぱりね。

調べた中で最も滑るマウスパッドは

懐かしのパワーサポートエアーパッドプロシリーズみたいだね。
昔，大学在学中くらいに製品が発表されて，当時買った記憶がある。その後マウスからトラックボールに移行したときに捨ててしまったんだっけか……。

あれから 10 年弱経ったけど，まだ史上最強だったんだね。

製品について

パワーサポートの製品ページから特徴を——。

www.pawasapo.co.jp

圧倒的な操作感を実現するエアーパッドにエアーパッドソール(マウス用滑性シート)が付属した究極セットです。
エアーパッドの能力を最大限に活かすために、是非エアーパッドソールを付けて究極の使い心地をお試し下さい。
エアーパッドソールは形状、厚さの異なる5種類のソールが付属します。
・裏面は粘着仕上げのため、置くだけで固定することが出来ます。
・特殊な表面処理加工で非常に汚れにくく、また汚れが付着しても中性洗剤と水で落とすことが可能です。
・耐熱性に優れていますので、たばこの火を落としてもすぐに溶けることはありません。
・特殊な表面加工によりマウス操作時の不快な音の発生を軽減しています。
・適度な厚みがあるため、手首への負担を軽減します。
・医療用の素材をベースにしていますので、人体にも環境にも優しいマウスパッドです。
【マットブラック】
レーザー式マウスに一番適しているカラーです。
レーザー式マウスの高分解対応とするため、従来に比べ凹凸が細かく、手で触れると少し荒れた感じがしますが、操作感、滑性感、追従性も非常に高い性能です。
光学式、ボール式マウスでもご使用頂けます。
※ご使用のマウスの仕様や個体差により、ポインタの動きに不具合が生じる場合があります。
【ダークグラファイト】
操作感、滑性感が非常に優れているモデルです。
光学式、ボール式マウスでもご使用頂けます。
※ご使用のマウスの仕様や個体差により、ポインタの動きに不具合が生じる場合があります。
【スノー(夜光タイプ)】
通常は半透明のホワイトですが、暗い場所では淡いブルーに発光します。
※レーザー式マウスではご使用頂けません。
　ご使用のマウスの仕様や個体差により、ポインタの動きに不具合が生じる場合があります。