Web サイト向けの「Material Design」コンポーネントが公開される

Android 5.0 から採用されている「Material Design」を Web で使うためのコンポーネント「Material Design Lite」が Google によって公開された。内容的には CSS、JS および HTML のセットで、Github では「こういうページが作れますよ」というテンプレートも公開されている。

github.com

個人的に一番嬉しいのは Material Design の影を CSS の box-shadow で再現する時に指定する数値が公式に分かったこと。「Material Design box-shadow」で検索すると、一応『それっぽい』値は載っているものの、実際に適用した時「何かが違う」感を否定することができなかった。

そういうこともあって、『Google 謹製』のコンポーネントが公開されたことはありがたい。以下は同梱されている CSS ファイルから引用した box-shadow の指定。

.mdl-shadow--2dp {  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.mdl-shadow--3dp {  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
.mdl-shadow--4dp {  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
.mdl-shadow--6dp {  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
.mdl-shadow--8dp {  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
.mdl-shadow--16dp {  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

コンテンツの深度ごとに合計6種類の指定があった。へえ～と思ったのが、ある深度の影を表現するのに box-shadow を 複数指定している点。レベルごとにぼかしや広がり方を変えているのもなかなか。

あと、transition や transform にはあるのに、box-shadow にはベンダープレフィックス付きの指定がなかった。もう必要ないのかな。

稲船氏の新作『RED ASH』の制作スタッフは『DASH』と同じらしい

Game*Spark の記事によると、稲船敬二氏の新作『RED ASH』の制作チームには『DASH』の主要スタッフが参加しているそうな。

もはや CAPCOM に対する仕返し

• 『RED ASH』は『RE DASH』とも切れる
• 英語版のタイトルが『Red Ash: The Indelible Legend』（ロックマンDASHの英語版タイトルは Mega Man Legends）
• 制作チームに『DASH』の主要スタッフが多数参加している
• トレーラーに「伝説は偉大なるその時を前にして…道を失った」という一節がある（DASH3の開発中止を暗喩している？）
• ストーリーに『DASH』との類似点が多数存在（詳しくはこちらの記事を参照）

よほど DASH3 を潰された恨みが深かったのだろう…。どうみてもボーン一家の長男にしか見えないおっさんとか、ディグ屋とか、キャスケットをかぶったヒロインとか。ちょっと露骨すぎる気もする。DASH の精神的後継作品なのは間違いないけど、DASH の代わりになるかは微妙だなあ。

Fallout 3 ボブルヘッド収集完了

レイブン・ロックに置かれたボブルヘッド『Energy Weapons』を回収するために恐ろしくて出来れば足を踏み入れたくない Vault 87 を攻略（高レベルなせいで湧く敵がほぼオーバーロードで大変だった）し、行く手を阻むエンクレイブ兵と日本語版の声優が東方不敗と同じことで有名なエデン大統領を粉砕しながらレベル30を達成、無事にスキルALL100を達成することが出来ました。また、S.P.E.C.I.A.L もスキル同様に ALL10 を達成しました（S.P.E.C.I.A.L のボブルヘッドを Almost Perfect 取得後に回収した為）。

最終的に取得した Perks は以下の通りです（アルファベット順）。

• Action Girl
• Almost Perfect
• Ant Sight（Those!）
• Barkskin（Oasis）
• Better Criticals
• Black Widow
• Child At Heart
• Command
• Comprehension
• Cyborg
• Educated
• Entomologist
• Finesse
• Ghoul Ecology（Point Lookout）
• Grim Reaper's Sprint
• Gunslinger
• Hematophage（Brood Ties）
• Intense Training（Endurance x1, Charisma x2）
• Lawbringer
• Life Giver
• Light Step
• Master Trader
• Mysterious Stranger
• Power Armor Training
• Quantum Chemist
• Rad Regeneration
• Robotics Expert
• Scrounger
• Silent Running
• Sniper
• Strong Back
• Superior Defender（Point Lookout: The Local Flavor）
• Survival Guru（The Wasteland Survival Guide）
• Toughness
• Wired Reflexes（The Replicated Man）

取得できる弾薬とキャップの量に重きを置いた守銭奴的な Perks 取得になりました。Intense Training はそれぞれ、Life Giver と Master Trader の取得条件を満たすために使用しています（S.P.E.C.I.A.L の初期値はこちらの記事に記載）。

東ハト パイクロ・シュガーバター味を食べた

食後のおやつに東ハト パイクロ・シュガーバター味を食べたので簡単に感想を。

東ハト パイクロ シュガーバター味 70g×12袋

味は同社のキャラメルコーンと非常によく似ています。くるんと丸まった形もほぼ同じ。明確に違う点は噛んだ時の食感で、キャラメルコーンより明らかに『軽い』です。某パイの実程までとはいきませんが、商品名に『パイ』を入れるだけのクオリティはあると思います。

控えめな甘さ（キャラメルコーンと比べて）と、パイ生地がもつ口どけの良さが相まって『くどさ』が無くどんどん食べてしまう仕上がりです。問題はやはり入手性の悪さでしょうか。Amazon も割高ですし。

Fallout 3 アンクル・レオとの遭遇

スプリングベール小学校周辺をぶらぶらしているとスーパーミュータントを発見！即座に V.A.T.S を開くとなんと名前付き。敵性を示す赤いマーカーも表示されていない。近づいて話しかけてみると、アンクル・レオというランダムで遭遇できる友好的なスーパーミュータントでした。フォークス以外にもいたとは知らなんだ。

何でも戦いに身を委ねることに疑問を感じ半ば銃を突きつけられる形で集団を追い出されたとかなんとか。持ち物をよこせと強請しても「こんなものですまないな」と戦前の服をくれる星人っぷりで、ウェイストランド唯一の良心と言っても過言ではないかも。

ちなみに会話終了後に背後からラッドスコルピオンが近づいてくるのを見た彼は一目散に逃げて行きました。見た目に反して弱い？