Nr, Kngw, Tky, Szok

生駒, 横浜, 目黒, 大田, 静岡, 浜松

AWS re:invent 1st

海外出張

6月に今の会社に入社しておよそ3ヶ月、海外出張の話が舞い込んできた。

11月にLas Vegasで開催される、AWS re:inventというの教育系カンファレンスである。

reinvent.awsevents.com

こんな機会が頂けたのには、
昨年AWSに熟練した先輩が、部のメンバーから一人がre:inventに参加するという流れを作ってくださったという経緯がある。

部の先輩方は皆さん尊敬できる人で、自分は遠く及ばないほどに未熟だ。

なぜ自分が行かせてもらえることになったのかと0.2秒ほど考えたが、
ただ単に、入ったばかりで抱えている案件が少なかったというのが最大の理由だと思う。

行かせてもらえるからには、部に何か有益な情報を持ち帰りたい。

「こいつに行かせてよかった」と、思ってもらえることを目標に準備を進めていきたい。

はてなブログの人気デザインテーマ「Brooklyn」のメニューを6個以上にする方法

f:id:aotree423:20180827220748p:plain

Brooklynとは

shiromatakumiさんという方が作った、はてなブログの人気デザインテーマ「Brooklyn」をカスタマイズしました。
モノトーンを基調としたおしゃれなデザインで、とても好きです。


↓デザインテーマはこちらから
Brooklyn - テーマ ストア


以下の記事で、カスタマイズ方法が紹介されているのですが、

「メニューを5個以上にするとレイアウトが崩れてしまう」

という制約があります。

www.notitle-weblog.com

どうしてもメニューを増やしたかったので、デザインCSS をカスタマイズをして8個のメニューを並べてみました。

利用者22000人超えの人気テーマなので、利用者の中には6個以上にメニューを増やしたい方も居るのではないかと思ったので、お役に立てれば幸いです。

ざっくりとした仕組み

↓PCで観たとき、メニューがこんな感じで並んでいて

[ menu1 ][ menu2 ][ menu3 ][ menu4 ][ menu5 ]

↓試しに、画面の横幅を小さくしてみると、間隔は一定に守られていることがわかると思います。

[ menu1 ][ menu2 ][ menu3 ][ menu4 ][ menu5 ]

これは、CSSというデザインの設定ファイルの中で「[menu]ひとつは横幅全体の20%」という指定がされているからなのです。

なので、6個以上のメニューを追加すると「20% × 5個 = 100%」を超えてしまい、等間隔に並ばずに右に詰まってしまうわけです。

↓たとえば8個の場合、こうなる

f:id:aotree423:20180902110149p:plain

つまり、この間隔=20%をメニューの数に合わせて変更してあげれば均等になるのです。

  • 6個の場合 → 100 ÷ 6 = 16.666… → 余裕を持たせて 16%
  • 7個の場合 → 100 ÷ 7 = 14.285… → 余裕を持たせて 14%
  • 8個の場合 → 100 ÷ 8 = 12.5… → 余裕を持たせて 12%

やり方

メニューのカスタマイズ

メニューの追加は、[設定画面] > [デザイン] > [カスタマイズ] > [ヘッダ] > [タイトル下]
で、行えます。

↓こんな感じで、<li>...</li>という行をコピーしてあげて、メニューの名前とリンクを変えてあげればいいですね。

f:id:aotree423:20180827224422p:plain

メニューの間隔

メニューの間隔は、[設定画面] > [デザイン] > [カスタマイズ] > [デザインCSS]
で、行えます。

↓下記の3行をコピーしてあげて、メニューの数にあった%に変えてあげます。

.global-menu-list li {
width: 12%;
}

f:id:aotree423:20180827225510p:plain

終わりに

簡単なので、是非試してみてください。

プロスペクト理論を図に

f:id:aotree423:20180826001912j:plain

経緯

今度、仕事でアプリの企画をさせてもらえることになって、アプリマーケティングについての勉強を始めました。

「アプリマーケティング」という直球ワードが入った本を読んでみようかと思っていたのですが、より根本的な部分「人間がどのように意思を決定するのか」という思考プロセスの方に興味を持ち、行動経済学の名著と呼ばれるダニエル・カーネマンの「ファスト&スロー」を読むことにしました。

ファスト&スローを読んでいる中で、著者とエイモス・トヴェルスキーが共同発表した「プロスペクト理論」の話が出てきたのですが、本著では詳しく説明がされていなかったので色々と調べて図にしてまとめてみました。
(図の作成には、drow.ioを使いました)

一回戦! 〜リスク回避〜

人は利益を獲得できる場面では、リスク回避的な選択を行う。

f:id:aotree423:20180825222844p:plain

二回戦!! 〜損失回避〜

人は損失を被る場面では、損失回避的な選択を行う。

f:id:aotree423:20180825233753p:plain

感応度逓減性

人は、起点(リファレンス・ポイント)から利益/損失が離れていくにつれて、満足/不満に対する感じ方が薄れていく。
上記の例では、ゲームを始める前の時点では50万の損失が怖く30万の確実な利益に魅力を感じていたが、一度50万の損失を被った後の心理状況では、40万円の損失に対する恐怖と15万円の確実な利益に対する魅力は薄れている。

f:id:aotree423:20180826132212p:plain

だし巻き卵 2nd


レシピ

材料 分量(1〜3人分)
2個
かつお 風味香る 白だし 10ml
10ml
サラダ油 少々



反省

  • 前回はみずみずしさが足りなかったので、今回は水の量を5→10mlに増やしたがまだまだ足りない

卵かけ釜揚げしらす丼 1st



レシピ

材料 分量(1杯分)
ご飯 1人分
卵(黄身) 1個
刻みねぎ 少々
醤油 少々

学んだこと

釜揚げしらすしらす干しとちりめんじゃこの違い

  • 塩茹でして8割程度の水分量になったイワシの稚魚が、釜揚げしらす
  • 塩茹でして7割程度の水分量になったイワシの稚魚が、 しらす干し
  • 塩茹でして5割程度の水分量になったイワシの稚魚が、 ちりめんじゃこ

かき氷(宇治金時) 1st


レシピ

材料 分量(1食分)
バラ氷 8個
白玉粉 2個分
金時豆 少し
キャプテン宇治茶 少々





学んだこと

金時の由来

  • 坂田金時(金太郎)の肌の色がいつも赤かったので、赤いものを例える時に金時が使われるようになった