ざっくりデザインガイドラインを読んでの、気になったところメモ。

画面サイズ
サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。

想定されるインパクト

• 表示可能な情報量が増える
• 縦スクロール系コンテンツのコンバージョンが増加
• スクロールで隠れるナビゲーションの必要性が低下
• 画面上部のボタンのコンバージョンが低下
• ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする
• グラフィック的なコンテンツでは、全体の構図が崩れる。

画像素材
iPhone Xは基本的に3倍解像度。@3x系の素材準備が必須となる。ただしこの辺はiPhone Plus以降のトレンドなのでトドメ感

想定されるインパクト

• 画像素材のPDF / ベクター化が進む。
• ビットマップでの生産コスト、配信コストの増加。
• フォトショやイラレでの作成が、より現実的でなくなる（オートストレッチも参照）。

レイアウト
これが一番大きいかな。

画面端はコーナーがあり、画面上部にはセンサーエリアがある。このため、コーナー等の各種セーフエリアを回避したレイアウトが必要。基本的にはAutolayout対応が必須と考えた方が良い。

ラウンドコーナー周辺は、システム側の情報要素が自動で配置されるため、フル画面のゲーム以外では影響は少ないと考えて良い。

グラフィックとしてみた場合、だいぶレイアウトが悲惨な感じになる。

またStatusBarを隠すのが「非推奨」となった。これはコンテンツエリアの増加により、隠す必要が減ったためと思う。機能的には問題ないが、一部のアプリのビジュアルに影響が出ると考えられる。

想定されるインパクト

• 工数増。互換性確認コスト増
• グラフィックとしてのレイアウトの品質低下。
• Autolayoutやってこなかったモノは本格的にツケを払う。

フルスクリーン系画像の用意
iPhoneとiPhone Xではフルスクリーン時のアスペクト比が違うため、
重要なフルスクリーンのグラフィックなどでは、2種類のアスペクト比で素材を用意する必要がある。

想定されるインパクト

• ゲーム系などフルスクリーン画像で上下に黒い帯が入る
• ゲーム系などフルスクリーン系で、画像をストレッチで埋めるため構図が崩れる
• 画像を2種類の工数、コスト増加。

画面の隅におけるセーフエリアの拡大
四隅や画面下部など、コントロールを置くべきだないセーフエリアが増大した。

・ホームボタンなどが下エッジスワイプになったため。
・四隅にラウンドコーナーがあるため

などに起因する。

想定されるインパクト

• グラフィックとしてのレイアウトの品質低下。
• 横スワイプ系のジェスチャーにおける既存マナーとの衝突

四隅のシステム部分に混乱をもたらすビジュアル要素の禁止
地味にこれで審査に引っかかるコンテンツが多いかも
グラフィックを重要視する人はついやってしまうかもしれない。
おそらく、以下のようなものは審査で落ちる。

• ・画面上部に黒いバーを引いて、ステータスバーエリアを同化して隠す。
• ・ラウンドコーナーのあるエッジに黒い帯を引いて、通常iPhoneと同じスペースだけを見せる。
• ・逆に、矢印などでラウンドコーナーを目立たせて、操作を誘発するようなビジュアルもダメっぽい。

色域
広がったらしいがあまり関係ない。
写真やビデオが高精細になると思っておけば良い。

ジェスチャー
iPhoneのシステムレベルの操作が、ジェスチャーになる。
HomeScreen, App Switcher, Notification Center, Control Centerなどがその対象。
自分のアプリでジェスチャーを実装する場合、これらのシステムレベルジェスチャーとの干渉をチェックする必要がある。
具体的にはエッジスワイプ系ジェスチャーに関しては慎重な確認が必要。

認証
顔認証とタッチ認証で処理が異なるので注意。
顔とタッチの差分を吸収するマネージャークラスなどを使うと良さげ。

以上、ファーストインプレッションで気になったところまとめ。
物質としてのiPhone Xは素晴らしいの一言なんだけれども、ユーザーインターフェースの破綻がここにきてマックスになりつつある。

機能的な対応そのものはautolayoutとかちゃんとやってれば動くだろうけど、UIとしての全体整合性がそろそろ。

どうするか悩ましいけど、市場規模が読めないので、総括としては各プレイヤー最低限の対応で逃げそう。このためiPhone Xのポテンシャルを発揮できるアプリは、体力のあるビッグプレイヤーに制限されそう。フラグシップとしてiPhone Xに完全対応することで、ストアオススメを狙うのは戦術的にはワンチャンあるかもしれない（短期的だけど）。

現状はAndroidのマテリアルデザインの方が、はるかに設計としては優れている。困ったらマテリアルデザインに矛盾しない範囲で、iPhone Xに対応するぐらいでもいいかもしれない（Appleごめん）。

いや冗談でなく、マジで。

いまさら対応QRコード
まさに「いまさら」。QRコードは枯れきったテクノロジーである。テック的には新しさもヤバさもない。

ところがこのQRコード、実はようやくiPhoneに搭載された、万人が使えるO2Oの入り口だったりする。

QRコードの搭載、ユーザーの週間学習で何が変わるか？ というと、だいたい全部変わる。
この辺りは中国でのQRコード（Alipay）の成功を、Appleが無視できなくなったということだろう。

これはQRが新しいのではない。「公式カメラにQRが搭載されること」が、「全てのアプリがQR対応すること」を意味する。そちらがインパクトなのだ（そして、iOS/Android両方で使えることに意味が出る）

QRコードの中に、アプリを起動させるURLを仕込めば、アプリ側で特に何もしなくてもQRからアプリを起動できる。
アプリ側で対応すれば、商品を表示したり、認証をしたり、お金を支払ったり、音楽をかけたり、だいたいなんでもできる。

・レストランでQR読み込んでApple Payで支払い。
・広告のQR読み込んで、アプリのダウンロード。
・ノベルティにはQRがつく
・名刺はQRで読み込める
・IoTのペアリング。

O2O、IoTやマーケティングの諸々が変化をする可能性があるのではないかと。
テクノロジー的には新しくなくても、iOSとAndroid両方の標準OSで使えることで、死滅しかけていたQRが再度進化し始める可能性がある。

ただし、定着すればの話。iOS11に搭載されたとして、ユーザー行動として定着するには半年〜1年はかかると見ておいた方が良い（まずは中国のみQR解放という噂もある）。

Google Home Assistantや、ザッカーバーグのAIホーム計画など、面白そうだなぁと思いまして、自分も色々と実験。

結論からいうと、AIやハイテクなど使わなくても、ほんのわずかの工夫があれば、誰でも自宅にスーパーアシスタントを構築して、サイバー貴族となれる。

ITの本質は、貴族に占有された封建システムを、テクノロジーによって庶民に解放することだと思うんですよね。なんで実際にやってみました。Amazon Dashボタンを改造して、出前、家政婦、タクシー送迎から、リアルアシスタントさんの御用聞き呼び出しまで、あらゆるものをワンプッシュ化！生産性バカ上がりです。

これで日本の生産性も回復するはず。

人機一体の、スーパー・アシスタントの仕組み

• Amazon Dashボタンを押す
• node.jsで、ボタンのPushを乗っ取る
• node.jsがslack経由で、秘書サービスにメッセージ
• 秘書さんが作業してくれる
• 秘書さんが業務ステータスを、Googleスプレッドシートに入力
• Geckoboardがスプレッドシートを読み込み、ダッシュボードに業務進行をビジュアライズ
• 秘書さんがFacebook / Lineで結果報告

1. Amazon Dashボタンを押す
まずは、普通にAmazonから、Dashボタンを大量に購入しましょう。Amazon Dashはワンプッシュで、Amazonのいろんなものを注文できる魔法のボタン。そのままだと、普通に商品が買えるだけなので、様々なツールを使って処理を乗っ取っります。

2. node.jsで、Dashボタンを乗っ取る
node.jsを使って、ボタンの処理を乗っ取ります。これで「ボタンが押された」を検知できます。こちらのページを参考に、node.jsサーバーを立てましょう。そんなに難しくはありません。

3. slack経由で秘書サービスにメッセージを投稿する
APIのない様々なサービスに対して、どう柔軟に命令を下すか？ この究極のソリューションは「人間にやってもらう」だと考えました。秘書サービスCasterと契約して、slackに常駐してもらいます。（月額30時間10万円ぐらい）。ここに様々なオペレーションが投稿されることで、APIの有無をガン無視した究極のオペレーションが達成できるわけです。

4. 秘書さんが作業してくれる
例えば「投資」と書かれたAmazon Dashボタンを押すと、以下のようなメッセージがslackに投稿されるわけですね。

証券会社のhogehogeさんに電話をして、世界平均のETFを100万円分、買い注文してください。
hogehogeさんには、「購入後に、電話で報告してください」とお伝えください。
注文約定の前に、このメッセージが何度も重複投稿されていた場合は、ミスの可能性があるので、電話で僕に確認をしてください。
よろしくお願いいたします！

ポイントは、確認作業や漏れ抜け、例外処理が無いような、メッセージ設計をすることです。ボタン連打に対する、例外処理などはちゃんと設計しないと悲惨なことになるので注意しましょう。また、知らないところでオペレーションが止まっても問題なので、業務が滞った時には電話やLINEで確認が来るように設計します。自分にも秘書さんにもなるべく負担がかからないように、ここは丁寧な設計が大事です。

5. 秘書さんが業務ステータスを、Googleスプレッドシートに入力
ワンボタンUIは、発注事故が怖いのでステータスの見える化が非常に大事です。
各ステータスの記入欄が設けられたスプレッドシートを用意し、「進行中」「次回、発注はいつ」といった内容を入力してもらいます。

6. スプレッドシートを読み込み、ダッシュボードに業務進行をビジュアライズ
KPIビジュアライズサービスのGeckoboardを使い、スプレッドシートを読み込み、常設の専用ディスプレイにビジュアライズします。
これにより、発注中なのか？何が起きているのか？などが一目でわかるようになります。

7. 秘書さんがFacebook / Lineで結果報告
ステータスのPush通知も重要な作業です。Facebook / Lineのメッセージで経過報告をしても立ったり、カレンダーに日程を入力してもらいます。

まとめ
いかがでしたでしょうか？ AIなどのハイテクを使わなくても、ちょっとした工夫でこれだけの自動化、生産性の向上ができちゃいます。
これで貴方もサイバー貴族、ギリシャ市民を気取って哲学と文化に注力できます。

自分で実行するには「秘書サービス月額10万円」というところがネックになります。秘書さんの稼働は30時間もいらないので、複数人で割り勘にすると良いかもしれません。あるいはオカンや、アルバイト、部下、クラウドソーシングとつなぎ混むことで、色々と調節できるかもしれません。

今後の改造ポイントとしてはDMM Okanと接続して、オフラインでの買い物業務などもワンプッシュで可能にしようと思います。

それでは皆さん、良いお年を！

via mantiquesmodern

ゾーリンゲンのナイフマイスター、P.LANGが自ら研ぎあげた、最高級の一品です。重量950g、お値段なんと120万円。今年のお小遣いが全部すっ飛びました。

馬鹿と思われるこのナイフ、実はサービスの炎上やデスマーチを防ぐ神ツールだったりします。

このナイフをクライアントの偉い人に見せると、あら不思議！

「弊社のアプリをこうしては絶対にならない！」「この状況を脱しなければならない！」という号令が、ほぼ100%トップダウンで発動します。

一目瞭然なほど馬鹿で、巨大で、非実用的で、そして無駄に高価であればあるほどに意味がある。これを見せた時、「多機能もすぎれば毒となる」という言質に説得力が生まれるのです。

残念ながら「機能を減らしましょう」というのは、口で言っても伝わらない。クライアントのためにUI/UX担当者が、自腹で大枚叩いて、こんな訳わからんもん購入して「多機能は危険」といって体張って止めている。そこまでやってはじめて、デザインに興味のない人でも「ここまでするほど大事なことなか！」と話をきいてくれるわけです。120万などデスマーチを1回回避すれば、お釣りがくる。

この記事をお読みになった皆様へ
この記事を見て「そんなんに大金を使うとか、馬鹿じゃねーの？」と思った方、どうかその気持ちを大事にしてください。

そして、もしも自社サービスがこのような状態になりかけたら「そんなんに大金を使うとか、馬鹿じゃねーの？」と声をあげてください。

このナイフの力で、1つでもプロジェクトを悲劇から救えれば…経費で落ちない可能性を指摘され、顔面100徳ナイフな僕も報われます。

＜追記　魅惑の100徳ナイフの世界＞
数年前に入手した、Wengerの100徳ナイフ。141機能でギネスブック証明書つき。ブランドが消滅したため現在は入手不可。

via uncrate

スミソニアン博物館に奉納される1800年代の100徳ナイフ。Holler社製。リボルバーが内蔵されてるため、日本では銃刀法にひっかかります。

via pinterest

ドキドキの第3回寄付ハックですが、なんと260万8528円プラスαが集まりました！！！！！ちなみにプラスαは、金額非公開や、プライベートアカウント内など確認不能分です。ソーシャル応募313名。Google Form経由の応募が107名の、合計420名エントリーとなっております。祭りにご参加いただいたみなさま、本当にありがとうございます。あと「iPad pro1台分、俺が出しちゃる！」的な寄付額10万オーバーの方が7人もいたのも驚きです。

当選者
そして肝心の当選者について。processingを用いた厳選なる抽選の末、iPad Proに当選されたのはyama_zさんとなりました！ おめでとうございます。追ってDMなどで送付方法などを調整できればと思います。残念ながらハズれた皆様も、今度は「べ、別にiPadが欲しかったんじゃなくて、熊本を助けたかっただけなんだからね！」と、おおらかな気分でいてくださると助かります。

コスト
総コストとしては、iPad

雑感
正しすぎるチャリティーは広まらない…という持論のもと、寄付にゲーミフィケーションや射幸性、口だしたいビリティなどを追加したこの実験も、いよいよ3回目。そろそろ「再現性がある」施策と考えてもいいんじゃないかなと。善意を誘発するスキームとしてはだいぶ完成度があがってきました。

一方で課題としては、真の効果測定をどうするか？ タイムラインをみている定性評価では、「これをきっかけに寄付をした」という声は一定すうあったり、寄付のタイムスタンプと投稿のタイムスタンプの時差から、寄付したあとにキャンペーンに気づいて応募してきた人は少ないように観測されます。厳密な意味で比較対象テストができるわけではないので、「この施策のせいで寄付をした人」と「この施策がなくても結局寄付した人」の切り分けができないのをどうするかは今後の課題の一つでしょう。(この企画がどうこうというよりは、広告キャンペーン全体にかかわる未解決の課題ですが）

とりあえず１年に1度くらいのペースで、ボチボチと実験していければと思います。参加者の皆様としましては、また何かのきかいにうっかり欲望にまけて寄付をお願いいたします。

ルール

• 商品はiPad Proあるいは100,000円相当のアイテム
• 熊本の地震復興に対し1000円以上の寄付をする
• レシート的なモノの写真を撮る
• 消したい個人情報は、各自で消しゴム置くなりPhotoshopなりで隠してください。誰がと幾らがわかればok
• ソーシャルで、この記事と証明写真をシェア
• このページのコメント欄に、自分の投稿のURLを貼る（facebookアカウントがない人用にGoogle Formも用意しました）
• 当選日を待つ

寄付先はDocomo、Au、Softbank、ヤフーなど。ふるさと納税から赤十字まで、なんでもお好きな団体経由でOKです。そして1000円以上の寄付をしましょう。

そしてレシートを僕に送ってください。抽選で1名様にiPad Pro（12.9inch、32GB）をプレゼントします。ちなみに便宜上iPadなだけなので、アーロンチェアでもシネマディスプレイでも同価格帯なら当選者のご要望で応相談です。

こんな感じでレシートをコメント欄に貼り付けてください（facebookアカウントがない人用にGoogle Formも用意しました）。詳しいルールはページ下部に。

これは「僕が直接10万円を寄付するより、そのお金で景品つきの寄付啓蒙キャンペーンをやるほうが、寄付総額が増加するのではないか？」という仮説による社会実験です。過去の事例はこちら。

まだ義援金の振り込みの腰が重かった方は、「fladdictに乗せられた。」「ベ、別にiPad Proが欲しいだけなんだからね！」などを口実に、ぜひご参加を。

抽選ルール

• 4月18〜５月15日までの寄付・投稿を有効とし、5/30中に当選を行います。
• コメント欄からランダム選出プログラムで1人を選出します。
• TwitterかFacebook経由で、下記アカウント（A、B）から通知します。
• 連絡がつかない場合は、再度コメント欄からランダムで1人を抽出します。
• 当選者の許諾の後、サイトにての告知をもって当選の確定とします。

免責

• 警察、法律、Appleからのクレーム等により中止せざるをえなかった場合。
• 景品の在庫状況等により入手が遅れた場合。
• 諸事情で、同価格帯の別商品にせざるを得ない場合があります。
• 弊社が倒産、fladdictが死亡した場合。
• 寄付総額がiPad Pro（12.9inch、32GB）より少なかった場合（iPad分の代金を熊本に振込ます）。
• 投稿者のミスで、自住所やクレカ入りの写真を投稿してトラブルになった場合。

Q&A

• Q. 詐欺ちゃうん？
• A. 参加者が選んだ寄付先に直接振り込んでもらうので、僕は決済に関与できません。
• Q. 意味あるん？
• A. 前回は僕が自腹でiPad miniを提供することで、約171万円の寄付が発生しました。
• Q. 懸賞法的に大丈夫なん？
• A. 寄付先と僕につながりも金銭関係もなく、勝手にプレゼントするので問題ありません。

熊本を支援したいけれども踏ん切りがつかなかった皆様。「fladdictに乗せられた。」「ベ、別にiPad Proが欲しいだけなんだからね！」などを口実に、ぜひご参加を。


そしてメディア持ってる人は拡散。景品にできるものお持ちの方は便乗などよろしくお願いいたします。

（＊Appleのオフィシャルキャンペーンではありません）

むしろ統計、認知心理学、脳科学、行動経済学などをフル活用して、デザインで強制的に幸せを生産できないだろうかと考える。

幸せは生産できるか？
アメリカの哲学者、ウィリアム・ジェームズの言葉に、「私達は幸せだから笑うのではない。笑うから幸せなのだ」というものがある。日本にも類似の表現として、「笑う門には福来る」という諺がある。

両者で注目したいのは、因果関係の方向だ。どちらも方向として、「笑う」→「幸福」という因果関係を説いている。「幸福」→「笑う」ではない。

実は最近の脳の研究によると、とりあえず口角を持ち上げれば、人間の脳はドーパミンを生産するのだという。脳と行動は双方向に影響しあうので、口角をあげるだけで脳が反応するのだ。その瞬間の気分は関係ない。つまり強引に笑顔をつくらせれば、幸福（少なくとも幸福の一部は）生産可能なのである。この現象については、行動経済学でノーベル賞をとったダニエル・カーネマンも著書で扱っている。

ちなみに、この分野には「ボトックス注射で顔面を弱く麻痺させ、しかめっ面を作れなくすると、被験者は幸福度が上昇する」というとんでもない研究もある。

もし笑顔で幸福が生産できるならば、笑顔を作らせればよい。だが人間に強制で何かをさせるのは難しい。そこで、ユーザーインターフェースの出番となる。日常生活における手続き（インターフェース）の中に、「口角を釣り上げる」という動作を反復的に埋め込めばよいのだ。毎日何かを使うだけで、自然と人間は幸せに導けるのではないかという仮説が立った。

スマイル認証
たとえば、スマホのユーザー認証を「スマイル認識」に切り替えたらどうなるだろうか？ 日常でスマホをアンロックするたびに笑顔を作らせるのだ。こうすることで、無意識のうちにユーザーの幸福度をあげることができる。繰り返すが、このときユーザーの感情や満足度は関係ない。とりあえず口角をあげさせとけば、後から幸福や感情はついてくるのである。ドラッグなど使わなくても、脳はハックできるのだ。

同様のアプローチとしては、笑顔でアラームを止める目覚まし時計や、スマートミラーなども有効かもしれない。スマイル割引やクーポンなども考えられる。

この分野は、アプリ業界的には未開拓ゾーンなので、自分の今年のテーマにしてみようかなと思う。 この分野がユートピアに続くのか、ディストピアに続くのかはわからない。これだけで全ての幸せが生産できるとは思わないけど、HPが1桁代のときのホイミ適度には役に立つかもしれない。幸福は義務です。市民、あなたは幸福ですか？

＜追記＞
fbのコメ欄で教わったのだけど、暦本研の方々がすでにそっち方面に着手してた（PDF）。というわけで、この研究を下地にさらに先を目指さんといけない感じ。

＜追記２＞
そういえばPlazaが、目的違いだけど笑顔でクーポン発券やってた。

僕がブログをサボることで、世界が平和になれば幸いです。

作成中の自動絵画プログラム。どうやら、みんなは「フォトショのフィルター的なモノ」を想像してるみたい。実はこのお絵かきロボ、一筆づつ丁寧に色を乗せていったりする。むっちゃ時間かかる。

アルゴ的には、遺伝アルゴリズムとA/Bテストの中間のようなロジックで動いてます。無数のパターンを一筆ごとに総当たりし、うまい感じに色がのった場合のみ採用みたいな。そんなわけで800px程度の大きさでも、1毎仕上げるのに2-6時間ぐらいかかります。

先にざっくり全体を下塗りしていくようにチューニング。

こちらが最新バージョン。ついに「主題でない部分に塗り残しや、筆跡などを多めに残す：チューニングが完成。

静物画の写真を、油絵に変換したもの。油絵っぽい写真を変換すれば、油絵になる。

ニワトリ。ちょっと目のコントラストが薄くて検出できなかった・・・失敗。それ以外はいい感じ。

サル。毛の質感はもう文句がない。あとは粗密のチューニングがもうちょいできれば。

草のような表現は苦手のもよう。

トリ。こういう開けた空間にはスプラッシュが出やすく調整。もうちょい抑えてもよかった。

以下、残課題のToDo

• 処理開始前に、スライダーで初期設定できるようにする。
• 筆跡バリエーションを増やす。
• Preview解像度と、作業解像度を分離。
• 印刷サイズで出力できるように最適化。
• マウスで指定した任意のエリアの、描き込み量をコントロールできるようにする。
• 色分解。複数の色を重ねて、オリジナルの色を再現できるようにする。
• 絵の経過をみながら、絵画中にリアルタイムにパラメーターを弄って微調整を可能にする。
• 録画機能つける。

Processingで、自動絵画化してみるテクニカルスタディ。
最近だと、ディープラーニング系でやるのが流行りだけど、あえて手動アルゴで頑張るなど。流行に逆らって、素手で戦うのが美学だと思う！！

ファーストのスタディ。アインシュタイン。ドットをボコボコ置いただけともいう。いちおう画素の標準偏差などをとって、絵としての粗密を判定しながらドットを置いていく。

基礎理論ができたところで、ブラシのスタディ。とりあえずランダムな文字で配置してみた。もっとtypographyっぽくなるはずが思った通りにいかない。

セカンドのスタディ。モナ・リザの再絵画化。文字のかわりに筆パターンをテクスチャとして利用。細部がなかなかでない。

キツネの絵画化・・・筆テクスチャの大きさを絵の密度で制御する。色のゆらぎをRGBで表現すると虹色に歪む。

カラーをHSB空間に変更。だいぶいいかんじに。エッジ境界がガラスエフェクトのようにジャギるのが課題。

画素の標準偏差で、ブラシのタイプをスイッチするように変更。あわせて毛先の流れを取り入れたバージョン。ここまでくるとかなり完成度が高い。

続アインシュタイン。写真っぽくなりすぎた。しかし髪の毛の表現はあいかわらずいいかんじである。

そして到達点である！ もはや絵を描かない人なら真贋判別できないレベルに。

これ単体で作品ジェネレーターとしてもよいのだけど、これで下絵処理をしたあとにペンタブ使って人力で最終レタッチしたら、かなり効率よく絵が生産されそう。アニメやノベルゲームの背景などで可能性を感じる。

個人的にはディープラーニングで描かれる絵は、まだキモい。人力でチューニングしたモノのほうが人の意思を感じられる。ただしまだ課題はある。本来はロボが仕事をする間に、僕が絵を描いて楽しむべき。ところが、ロボが楽しく絵を描いている間に、僕がコツコツ仕事でお金を稼いでいる。これはなにか間違ってる。