株式会社クイックのWebサービス開発blog

HAPPYなサービスプランナー・エンジニア・デザイナーのブログです。

チーム形成期に輪読会をやってみた!

Web室LT大会実行委員長兼ブログ雑用担当のhamanokamiです!

現在ありがたいことに続々と新規メンバーが増えまして(うれし~)、 私がメインで関わっているプロダクトチームのメンバーのうち、3分の2以上が入社1年未満なんです!!!

チームビルディング理論で有名な「タックマンモデル」に当てはめると、バッチリ「形成期」ですね!

mitsucari.com

「形成期」は、メンバーのほとんどがお互いを知らない、 かつ新規参画メンバーは事業や業務のことを知らない状態のため、 『コミュニケーションと情報の「量」が重要』とのこと!!!

ということで、事業・業務・メンバーを知る機会を定期的につくってまして、 その一環でうちのチームでは輪読会を隔週で開催しています!

輪読会とは

人々が集まって、同じ教科書などの本を読み、その内容について意見を交わすことを意味する語。事前に決められた担当者が、本の内容を訳したりまとめたりしてから、他の参加者が理解できるように発表する形式がとられることも多い。

引用元:https://www.weblio.jp/content/%E8%BC%AA%E8%AA%AD%E4%BC%9A

輪読会の目的

輪読会の目的は2点です!

  • チームで成果を出すために大事な考え方をすり合わせたい
  • 個人の当たり前(考えていること)を出してもらうきっかけをつくりたい


特に後者のほうが大事と思っていまして、普段業務では明文化されていないところをあぶり出すことで、 「そういう考えで仕事をしていたんだ!」等の発見があり、 それが学びや議論につながって、前者のすり合わせをより良いものにしてくれます!

選んだ書籍と理由

で、今輪読会で読んでいる本は、 「アジャイルな見積りと計画づくり ~価値あるソフトウェアを育てる概念と技法~」 です。

book.mynavi.jp

名著ですよね!!!

この本にした理由は下記のとおりです。

  • そもそも見積りと計画づくりを何のためにするのかを全員が正しく理解している状態にしたい
  • 見積りや計画の精度を上げるための知識、手法の習得


この本は、 「ユーザに価値を迅速かつ正確に届ける続けるために、 ステークホルダーが正しい意思決定ができる状態を保ち続けるには、 正しい見積りと計画づくりができていないといけない」という考えの元、 どうすればそれが実現できるかの手法を教えてくれます。

決してこの世に銀の弾丸はないので、その手法をそのまま自分たちの開発フローに取り入れようとは思っていないのですが、 この本の根底にある考えをメンバー全員が正しく理解して仕事をすることで、 チームの成果が格段に良くなると私は信じています!!!

そのため今回は「アジャイルな見積りと計画づくり ~価値あるソフトウェアを育てる概念と技法~」を選びました。

輪読会の進め方

輪読会は下記のように進めています。

事前準備

  • 要約担当が輪読会までに対象の範囲を要約
  • それ以外のメンバーは事前に対象の範囲を一読

輪読会(60min)

  1. 要約担当が要約を発表
  2. 要約の内容も含めて議論や感想を言い合う
  3. 次回の要約担当を決定

輪読会をやってみてよかったこと

現在進行形で輪読会を続けていて、やってみてよかったと思うことはいろいろとあるのですが、 その中でも輪読会からまた新たなすり合わせ機会が生まれたことが特に良かったと思っています。

ある輪読会のときに、入社したばかりの敏腕エンジニアの方から、 「実際に全員でプランニングポーカーを試しにやってみませんか」と提案があり、 全員でプランニングポーカーを実施しました!!!(iwateaさん、あざす)

現状は全員が同じPJで仕事をしているわけではないため、 全員で見積りをして計画するということをできていませんでした。トホホ

実践の結果、各々の見積りの感覚が言語化され、さらにお互いのことを知り合えましたし、 実際のPJの一部分を題材にプランニングポーカーを行ったので、 そのPJにも多少何ともいい影響があったのではと思います!!!

以前ブログでも書いたのですが、循環は非常に大事で、 インプットした内容はアウトプットしてやっと血肉になるので、 早いサイクルでそれができる組織・チームにしていきたいです!

aimstogeek.hatenablog.com

まとめ

「形成期」は『コミュニケーションと情報の「量」が重要』ということで、 チームの現状から「輪読会」をやると決めましたが、あくまで輪読会は手段の1つです!

チームの状態に応じて適切な手段を取れば良いと思います!

ただですね、輪読会は「なにより楽しい*1」!

また普段の業務では見えない個人の考えが言語化されるので、輪読会はオススメです。

では良いエンジニアリングライフを!


\\『真のユーザーファーストでマーケットを創造する』「ありがとう」で溢れる仲間を募集中です!! // 919.jp

おまけ

f:id:aimstogeek:20200221114517j:plain
輪読会のようす。フルーツパーラーさん、盗撮あざっす!

*1:アジャイルな見積りと計画づくり ~価値あるソフトウェアを育てる概念と技法~」を読んだ方であれば、なぜこれを言っているかおわかりですよね。笑

「すみません」よりも「ありがとう」が溢れるチーム

どーも、ご無沙汰しております!
シニアマネージャーのnakayanです!!

僕は、昔から個人的に意識していることがあります。
それは、不要な「すみません」を使わずにできる限り「ありがとう」と発することです。
「すみません」とパッと出てしまう場面もまだまだ多いのですが・・・

日本人の美徳でもあるのかもしれませんが、謝罪ではない場面でも「すみません」と言ってしまうことがすごく多いように思います。

  • エレベーターの扉を開けてもらっていて「すみません」
  • わざわざご足労いただいて「すみません」
  • 物を落としてしまったときに、拾っていただいて「すみません」

などなど。
おそらく「恐縮です」という意味合いで「すみません」が多用されていると思うのですが、自分を謙遜して過度に下げてしまう必要はないと思いますし、言われる相手も「すみません」と言われるより「ありがとう」と明るく笑顔で言われた方が嬉しいと思うんですよね。

厳密に同じ意味合いで捉えることは難しいですが、英語で考えた場合、たぶん「Sorry」ではなく「Thank you」って言いますよね?

お互いに前向きな感情になれる「ありがとう」でいっぱいにできると、みんながハッピーになるんじゃないでしょうか。

というわけで、2019年末にチーム内で感謝カードを贈り合うという取り組みを行いました!!!

年末特別企画!!
今年一年の感謝をメッセージカードで贈り合おう!!!

メンバーからの発案で始まったこの企画、nakayanは成り行きを「ほぇ~」「ほげ~」と見守っておりました。 前職で感謝メッセージカードをもらっているメンバーもいて、やっぱりもらうと嬉しいし、今でも大切に取ってある。と。

「いいね!」

企画としては紆余曲折ありまして、 「書くハードルは下げたいよねー」 「やっぱり手書きよりWeb上の方が良いのかなー」

f:id:aimstogeek:20200214115924p:plain
f:id:aimstogeek:20200214115954p:plain
f:id:aimstogeek:20200214120017p:plain

結果、(手書きでメッセージカードを)
書きましょう!!!!!!

実際の様子

企画メンバーから、全員に企画の意図とメッセージ内容のヒントを定義して説明してくれました。

こんな内容のメッセージを贈ろう!!
↓↓↓

  • ナイス! ⇒ すばらしかったこと、ほめたいこと。
  • サンキュー! ⇒ お礼を伝えたいこと
  • コングラッチュレーション ⇒ お祝いをいいたいこと
  • ベーリームービング! ⇒ その人の行いで、感動したこと

メッセージは匿名でもOK!! 宛名はカードの裏面に記載。

クリスマス後の12/26を提出締切として、投函されたメッセージカードは、最終営業日の12/27に企画メンバーが宛名別に仕分けをして各メンバーに届けてくれました。

f:id:aimstogeek:20200214122345p:plain
年賀状の仕分けみたい

たくさんの感謝メッセージが、たくさんのメンバーに届けられました!!! 誰がどんなメッセージを受け取ったのか、nakayanは知るよしもありません。。。

nakayanがもらったメッセージカードは、こんな感じです。(まだ誰にも見せてない)

f:id:aimstogeek:20200214122716j:plain
nakayanがもらった感謝カード

やっぱり感謝を伝えてもらうのは嬉しいし、形として残るのもすごく嬉しいものですね!! これは宝物として大切にしまっておこうと思います。

さいごに

僕にはもうすぐ3歳になる息子がいるのですが、きちんと「ありがとう」と「ごめんなさい」が言えるということをとても大切にしています。

子供にしっかりと、人として当たり前のことができている姿を見せられるように気を引き締めていきます。

悪いことをしたときは「ごめんなさい」。
恐縮の「すみません」より感謝の「ありがとう」。
一人ひとりがたくさんの「ありがとう」で溢れる人生を送れたら、こんなに素敵なことはないと思います。

手書きのメッセージだとあまり書いてくれないんじゃないかとか、そんなことは杞憂でした。

今回の企画を通して、みんなの想いがこもった沢山の感謝メッセージがやり取りされたこと、普段の何気ない行動や取り組みをしっかりと見てくれている人がいること、その行動が誰かの役に立っているんだと知ることができて自信と確信に変わり、さらに良い影響を広げられていくという、とても有意義な取り組みだったと思います。

僕自身も、日々周りの人に感謝し、自分の行動一つ一つが誰かの為になっていると信じて2020年も頑張っていきたいと思います!!


\\『真のユーザーファーストでマーケットを創造する』「ありがとう」で溢れる仲間を募集中です!! // 919.jp

メンバーのできることを増やすために

こんにちは!昨年4月にサービスプランナーへ転身したsatopiです。

第二回社内LT大会を開催』という記事を書いてから早3年。
任意参加のため繁忙期だと参加者数=発表者数になる回もありましたが、2〜3ヵ月に一回のペースで順調にLT大会は続いています。

第3回から主催の hamanokami さんがテーマを決めています。
第12回のテーマは『今年もやったったぞ!!』

年末ということもあり、発表者10名、参加者30名超えの大盛り上がり。


技術だけでなく啓蒙系も٩( ᐛ )و

今回の審査基準は、

  • 今年もやりきった度
  • ためになった度
  • 発表時間遵守(厳守、10分以内)

の3つ。

ステキな「やったったぞ!!」が発表されていった第12回LT大会。

なんと!私が優勝しちゃいましたので、今回はLTの内容をお話します!

Webマーケター向けに
HTML/CSS勉強会をやったったぞ〜〜〜!!

私の業務は開発ディレクションが中心ですが、フロントエンドエンジニアからサービスプランナーに転身しても「HTMLやCSSが好き!」な気持ちは変わらず、Webマーケターから依頼されたLPのABテストの設定やHTMLメルマガのコーディングなども対応中です。

そんな中、社内のWebマーケター Aさんから「自分にできることを増やしたい。HTMLとCSSを教えてほしい!」と依頼が。

HTML・CSS好きとして、引き受けるしかありません!ᐠ( ᐛ )ᐟ

📝 弊社Webマーケターのお仕事

  • 主要Web広告の運用
  • マーケティングオートメーション(Marketo)での集客
  • LPO(ヒートマップツールやVWOによる高速PDCA
  • LP/バナー等のクリエイティブ制作(構成案作成)

などなど。

※ マーケターが業務でコードを触ることはなく、コーディング業務は私が対応しています。

勉強会の前に

Aさんの他に、4名の方が一緒に学びたいと申し出てくれたので、 それぞれが何を目標に学びたいと考えているのか、どこまで学んだことがあるのかアンケートで聞いてみることに。

事前アンケート

アンケートで聞いたのは以下の3つ。

  • できるようになりたいこと、理解したいこと
  • 過去の取り組みで、理解できなかったこと・諦めてしまったこと
  • この勉強会への質問やわたしへの要望

アンケートから見えたこと

みんなの目標 (一部抜粋)

  • Marketoから送信しているHTMLメールや、メールからの遷移先になるページの修正をできるようになりたい
  • 簡単なページやHTMLメールを作成できるようになりたい
  • 要素の理解を深め、不備があった場合の原因追求ができるようになりたい
  • HTMLメールを自分で装飾できるようになりたい
  • ABテストのパターン作成を自前でコーディングできるようになりたい

過去につまずいたこと

  • table要素が入れ子になっている場合に、一部修正箇所の影響範囲を把握できず、修正を諦めたことがある
  • 入門編的な内容を学ぶ機会はあったが、実業務につながらないので継続した自習を続けられない
  • ドットインストールで初歩的な部分はやってみたが、単純に時間が取れず進んでいない

普段の業務と違う分野のことって難しく感じてしまうし、モチベーションコントロールも難しい……わかる〜。
でも、HTMLやCSSってわかると楽しい!!

楽しさも伝えたい✨

勉強会の方針

  • この勉強会の目標:『HTMLメールを書けるようになる』
    • 業務に直結する内容だとモチベーションが下がりにくいはず
  • 開催頻度:通常業務の妨げにならないよう、毎週金曜日30分
    • 30分以降は居残ってもいいし、後日自席で取り組んでもOK
  • みんなの目標を見えるところに張り出し(Chatwork概要欄を利用)
    • お互いの目指すところが可視化されて良い刺激に୧(๑ ⁼̴̀ᐜ⁼̴́๑)૭

私のやったこと

ざっくりと予定を立て、

  1. 2019年11月〜:サービス登録後に表示されるサンクスページの作成
  2. 2020年1月〜:HTMLメールの作成

あとは実施するのみ!

  • 覚えてほしいHTML要素やCSSのプロパティをまとめて事前に共有
  • 勉強会当日、わからなくて困っている人にアドバイス
  • 完成報告を受けたらコードレビュー

勉強会の様子

ランチスペースに集まり、わいわいとコーディング。

わからないときは気兼ねなく質問してくれるし、隣同士でコミュニケーションが取れるので、課題を進めている人が躓いている人に「そこ、こうやってみたよ」とアドバイスする場面も。

メンバーの一人がコーディングしながら「LEGOブロックみたい」とつぶやいたとき、『その感覚、めっちゃイイネ!!!!!!!!!』と一人で興奮しました(๑•̀ㅂ•́)و✧

参考:
alistapart.com

回を増すごとにもくもく会となっていき、想定していた週数よりも早く課題を仕上げていくメンバーたち。


Aさんが完成させたサンクスページ

2020年1月からHTMLメールの予定でしたが、12月半ばにHTMLメールのコーディングを開始しました。

2020年1月現在の実績

  • Aさん:新規のHTMLメルマガを作成し、配信!
  • Bさん&Cさん:LPOツールでABテストの設定をおこなう

すばらしいですね👏👏👏👏👏!!!!!

更新された目標

1月末の勉強会で全員が課題のHTMLメールを完成!!

勉強会自体の目標を達成したので解散するかどうか検討しましたが、

  • さらにスキルアップしたい!
  • 次はLPを作れるようになりたい!
  • 継続してほしい!

という嬉しい意見ばかり。

勉強会の目標を『LPをコーディングできる』に更新しましたᐠ( ᐛ )ᐟᐠ( ᐖ )ᐟ

まとめ

  • 弊社、LT大会が文化として根付いています🤗
  • 社内勉強会は業務に関連するお題だと取り組みやすい
  • グループ学習の良いところ✨
    • モチベーションが高まる⤴️⤴️⤴️
    • メンバー同士で教える機会を得られる
    • 他の人の知識を吸収する機会になる

できることが増えると仕事がもっと楽しくなりますよね。

私自身もできることをもっと増やし、良いサービスを育まねば!と心に誓う2020年です。


\\『真のユーザーファーストでマーケットを創造する』仲間を募集中です!! // 919.jp

設計って楽しいよね!

こんにちは!ソフトウェアエンジニアのみっきーです。
社内でしくじり共有が流行っているので、この場をお借りして共有したいと思います!

早速ですが、この数字なんだと思いますか?

f:id:aimstogeek:20200130203646p:plain




1つの案件に対し、設計をした回数です。

なぜこんな失敗をしたのか?

目的を把握せずに、わくわくとした気持ちだけで進んでしまったんです。

そう、私は目的を把握せず設計できる楽しさだけで案件を進めて痛い目にあった先生です。

簡単な回想

登場人物

f:id:aimstogeek:20200131123443p:plain

既存サイトは複数のコンテンツが1つのサーバー上にある

f:id:aimstogeek:20200131123809p:plain


とある日

オーナーs
f:id:aimstogeek:20200130170214p:plain

既存の記事コンテンツをCMSに載せ替えたいです!○日までに!


f:id:aimstogeek:20200130170214p:plain

なにそれ、面白そうですね。
CMSに載せ替えてどうするんですか〜?


オーナーs
f:id:aimstogeek:20200130170214p:plain

いろいろ考えてることがあるんだよね!(意見まとまってない)

共通して言えるのはCMS化したいことだけ!


f:id:aimstogeek:20200130170214p:plain

既存の記事は飾り気ないし、メディアのような機能はないし、記事が追加されることもないし、簡単に作れるっしょ!!
CMSの組み込みだけ先にすすめちゃお〜

OKOK!
要件まとまったら教えてくださーい!


わくわく設計スタート
この時とりあえずCMSを組み込めればいいかと、目的を把握せずに設計をはじめてしまいました。 最初の設計はCMS脆弱性とかを考えなくて済むようにしたい一心で、下記のようにしました。

f:id:aimstogeek:20200131182239p:plain
最初の設計

数日後

サービスプランナー
f:id:aimstogeek:20200130170214p:plain

既存サイトの記事は読みづらい!これじゃユーザーは読んでくれないから、もっと読みやすくしたい!
役に立つ記事をしっかり作りたいから、順次公開できるようにしたい!
編集者のみで記事が公開できるようにしたい!使い慣れたエディタがいい!


f:id:aimstogeek:20200130170214p:plain

そ、そうだよね!役立つ記事作りたいよね!喜んでもらえるコンテンツ作りたいよね!

今回の設計だと…
編集者だけで順次公開するには、Gitの操作覚えてもらう必要あるかも?大変そうだなぁ
使い慣れたエディタにするなら、すでに社内で使われてるものにしないとなぁ
よ〜し!変更しよ!

OKOK!
細かい仕様詰めたら連絡くださーい!


わくわく設計変更〜
この時もまだ既存の記事をCMSに載せ替えればいいだけだと思って設計をしていました。
2回目の設計は社内にあるCMSを起用し、かつセキュリティの担保ができ、リッチなエディタが使える状態を担保することを目指しました。

f:id:aimstogeek:20200131183516p:plain
2回目の設計

…仕様がなかなか来ない…そわそわ…と過ごした数週間

サービスプランナー
f:id:aimstogeek:20200130170214p:plain

仕様ができましたー!これがワイヤーです!!ババーン!!!


f:id:aimstogeek:20200130170214p:plain

…まて。サイト側の機能があるし、なんだか動的な機能がいっぱいあるぞ…?これはメディアか…!?

あぁぁぁああああああ((( ;゜ Д ゜)))


最終的にこんな設計にしました!

f:id:aimstogeek:20200131182929p:plain
最終的な設計

まとめ

目的を把握する前に動き出してしまったこと、反省しております(´・ω・`)
真剣にサービスを考え、間違った時はしっかり指摘してくれるメンバーに支えられて、今日を生きています。

とはいえ、わくわくしながら仕事をするのはいいことだと思います!わくわくしながら働きたいですよね!
今回のような失敗をしないよう、何かをするときには目的を把握しに行くことを肝に銘じたいです。
これで私の授業を終わります。

しくじり先生書くの難しいなぁ。


\\『真のユーザーファーストでマーケットを創造する』仲間を募集中です!! // 919.jp

突撃2020!隣のキーボード

2020年始まりましたね!

202001xxという0が並ぶ入力にも慣れてきた今日この頃ではないでしょうか?

お久しぶりです。 フルーツパーラーです。

今回はクイックでどういう方がいるかについて愛用のキーボードを通してご紹介します。

数年前に突撃隣のキーボードとして賑わっていた内容のクイック版です。いつかやってみたいと思っていたので嬉しいです。 キーボードへの愛を存分に語ってもらいながら、真のユーザーファーストを目指し、使う道具にもこだわる方々のご紹介をします。

長いですがお付き合いください。

さて、それでは。

自ら燃え他者を巻き込むボルケーノエンジニア

f:id:aimstogeek:20200124200523j:plain

  • 利用機種は?
    • Mistel Barocco MD600 赤軸 US
  • 利用期間は?
    • 2年くらい
  • 理由は?
    • キー配列を自由に弄れる
    • スペースが分離している
      • スペースのうち片方をFnにすることで、ホームポジションを崩さずにいろいろな操作ができる
    • 難点といえばカスタムできすぎること
      • 廃盤なので他の分離キーボードに乗り換えるか、迷い中
      • キーを弾くようにタイピングしてしまうので、騒音に悩み中。静音効果の高いキーボードに出会いたい
  • 今後使ってみたいキーボードはあるか?
    • HHKB Professional HYBRID Type-S US
    • 東プレ REALFORCE
    • 自作キーボード…やってみたい

是非分離キーボードの自作に挑んで頂きたいですね♪ タイプも速いエンジニアなので、カタカタカタ!タッーーーン!!!という軽快な音が最高です!

謙遜と自信を兼ね備え日々進化を遂げるエンジニア

f:id:aimstogeek:20200124200438j:plain

  • 利用機種は?
  • 利用期間は?
    • 3年
  • 理由は?

    • 打ち心地の良さ、タイプ音、耐久力の三拍子が揃っている
    • 小指でタイプするキーを他のキーに比べて軽くしてあるのも高得点
  • 今後使ってみたいキーボードはあるか?

    • こいつと共に生きていきます!

かなり一途な想いで着実にレベルアップしていく彼ならではのコメントと感じました。 やはりインターフェースと性格は一致するのではと改めて感じます。

選択肢を枝刈りしながら爆速で進み華麗に仕上げる職人エンジニア

f:id:aimstogeek:20200124200555j:plain

  • 利用機種は?
    • 東プレ REALFORCE R2SA-JP3-IV/AGAZ08 日本語テンキー付き
  • 利用期間は?
    • 上記キーボードは半年。前モデル含めると約10年。
  • 理由は?
    • 手の疲れが圧倒的に少ないから。
  • 今後使ってみたいキーボードはあるか? HHKBのようなコンパクトなキーボードや、英字配列のキーボードが気になっています。
    最近はテンキーを使用することが少なくなってきたことと、使用する記号の関係からコンパクトで英字配列なキーボードだと効率が上がりそうだからです。

REALFORCE勢強しです。 10年近く使い続けても壊れない安定のREALFORCE!実質無料ですね!

まるで禅問答のような問いから本質を見出すエンジニア

f:id:aimstogeek:20200124200547j:plain

  • 利用機種は?
  • 利用期間は?
    • 3年
  • 理由は?
    • 静電容量方式(=Realforce=独特のタイプ感
    • テンキーレス(テンキーは使わない
    • US(慣れている
    • 静音モデル(静かな方が職場向き
    • 購入当時↑を選んだら自動的にこれになった

みなさん打鍵時の入力音は選択時の項目として重要なようです。 いつもふと受ける質問が本質を突いているため、ハッとさせられてばかりです。

あらゆる検知をなぎ倒すMr.SRE

f:id:aimstogeek:20200124200550j:plain

  • 利用機種は?
    • Niz Plum 75EC(S) Pro/35gf US
  • 利用期間は?
    • 2年
  • 理由は?

    • 打ちやすい
      • 微妙な傾斜がついていて、タイピングしやすい。手が疲れにくい
      • キーのサイズが若干コンパクトに作られていて、指の移動距離が短く、タイプミスしにくい
      • 業務効率が若干改善された(気がしている)
    • 音が静か
    • 個人的に打力が強いので、静電容量無接点方式「白軸」を選択
    • コスパがいい
      • 東プレの同等ブランド品?ぽい位置づけの性能ですが、値段が半分くらい。
  • 今後使ってみたいキーボードはあるか?

    • LEDが7色くらいに光ってる「メカニカルキーボード」

珍しいNiz Plumの登場。見た目はHHKBのようにコンパクトですが、色合いとキーサイズが異なりついつい見てしまうキーボードです。

ブレない、逃げない、ソラさない屈強のスペシャリスト

f:id:aimstogeek:20200124200519j:plain

  • 利用機種は?
    • Microsoft Ergonomic Keyboard 4000 日本語
  • 利用期間は?
    • 3ヶ月ほど
  • 理由は?
    • 貰い物
    • 姿勢強制の効果があるとのことだが実感があまりない状況
  • 今後使ってみたいキーボードはあるか?
    • Happy Hacking Keyboard Professional HYBRID(無刻印/墨)
    • 打刻感の素敵さ、あとはかっこよさw

キーボード本体自体が大きいので入力時の安定感が高そうです。MSのキーボードは人気ですね。

本質を常に問い続けるSREマネージャー

f:id:aimstogeek:20200124201844j:plain

  • 利用機種は?
    • PD-KB300B US
  • 利用期間は?
    • 3年
  • 理由は?
    • 無駄なキーを無くしたほうが、作業効率がいいと勧められたから
    • 今ではもう普通のキーボードに戻れないです
  • 今後使ってみたいキーボードはあるか?

作業効率を追求した結果、無駄なキーを無くすというレコメンド。 街の噂によると実は別のエンジニアからレンタルしているらしいです。貸主借主の両方が鋼のメンタル。さすがSRE!

クールな見た目と熱いハートのエンジニア

  • 利用機種は?
    • Apple Magic Keyboard (US配列) MLA22LL/A(Apple製品のため画像なし)
  • 利用期間は?
    • 2ヶ月程度
  • 理由は?
    • Macbookのキーボードがなじまず
      • MacbookProの15インチモデルなのでEsc物理キーがないこと
      • Touch Barが開いているアプリケーションで切り替わるのでFnキーが使いづらいこと
      • トラックパッドの縦幅が大きいので手を奥に伸ばさないと打鍵できないこと
    • 外付けできるMac対応キーボードでbluetooth対応のものにしたかったから
  • 今後使ってみたいキーボードはあるか?
    • 静電容量無接点方式で人気の二機種。
    • 評判がいいので使ってみたいですが、他のキーボードが使えなくなりそうで躊躇してます
      • HHKB Professional HYBRID Type-S
      • REALFORCE TKL SA for Mac R2TLSA-US3M

とりあえず2台買ってから比較してみてほしいです!次回が今から楽しみです!

SREからアプリ、マネジメントをこなすいい兄貴エンジニア

f:id:aimstogeek:20200124201849j:plain

  • 利用機種は?
  • 利用期間は?
    • 5年
  • 理由は?
    • クォート位置がUSの方が好み
    • 貰い物なので、打キー感含めて個人的な思い入れはあんまりないのですが、会社で使うので1番慣れがあり、今では愛機になりました。
  • 今後使ってみたいキーボードはあるか?
    • HHKB

ここでついに登場。FILCO。打鍵時の快楽はまるでキーボードを奏でるかのようにコーディングに集中できますね!

コードスメルから不具合を秒で潰すエンジニア

f:id:aimstogeek:20200124200543j:plain

  • 利用機種は?
    • FILCO Majestouch MINILA Air 黒軸 FFBT68ML/NB JIS
  • 利用期間は?
    • 2年くらい
  • 理由は?
    • ビッグカメラで2時間くらい品定めして自分にあっていると思って選んだ(じゃじゃ馬感あるし)
    • 黒軸で撫でうちしたかった(音がうるさいのはNG)
    • ホームポジションからESCキーに届くサイズ感が良い(Vimmerには嬉しい)
    • ワイヤレスで持ち運びに便利!(でも重い)
    • Macではカスタマイズできないスペースキー横のFnキーが逆に可愛い(英数/かなと間違えないようにキーを逆さまにつけたことでより愛着が湧いた)
  • 今後使ってみたいキーボードはあるか?

突然Vimの話になり宗教戦争が勃発しそうですが、今回はキーバインドの話は行いません。 USキーボード利用のみなさんのバインド設定は気になっています。

キーボードの戦闘力は53万と言い切るエンジニア

f:id:aimstogeek:20200124200435j:plain

  • 利用機種は?
    • ErgodoxEZ US
  • 利用期間は?
    • 3年
  • 理由は?
  • 今後使ってみたいキーボードはあるか?
    • HHKB(一度も触れたことがないので触ってみたい!)

周りの人からはErgodoxはコックピットみたいでかっこよいですね。と噂されているようです。

フルーツパーラー(私)

f:id:aimstogeek:20200124203158j:plain

  • 利用機種は?
    • HHKB Professional HYBRID Type-S 白 US
  • 利用期間は?
    • HYBRID(Bluetooth版)は使い始めてからまだ2ヶ月くらい
    • HHKB Professional Type-S は2年
  • 理由は?
    • 待ってました。というHYBRID(Bluetooth版)の登場
  • 今後使ってみたいキーボードはあるか?
    • HHKB 無刻印モデルを使いたいが、数字の5,6,~あたりがタッチタイプできないので刻印ありを選択している
    • 新型MacBookProのインターナルキーボード

まとめ

今回多くの方からお話を聞きましたが、みなさんキーボードについてひと言話したいという方ばかりでした。 多くの時間を一緒に過ごすパートナーのように、良い点や課題点を知りながら接している事が伺えました。

毎日触れるインターフェースだからこそ、こだわりがあるのだなと思います。

今回はゼロでしたが次回には自作勢が増えているかもしれません。乞うご期待!

作業効率を追求し、使う道具にもこだわるクイックのエンジニアの紹介でした。


\\『真のユーザーファーストでマーケットを創造する』仲間を募集中です!! // 919.jp

「かわいいデザイン」に必要な要素を考えてみた

f:id:aimstogeek:20200117121800j:plain

こんにちは!
半年前にクイックに入社し、日々勉強中の新米デザイナーのSAYAです。

クイックはサービス数が多いので、デザイナーは様々なプロダクトに関わる機会があります。
最近は女性向けサイト内のビジュアル画像作成で「かわいいデザイン」について模索しているので、かわいい表現に必要な要素をまとめてみました!

※「かわいい」にも色々ありますが、今回の「かわいい」はいわゆる「女性らしく、かわいらしい」イメージです。

まず、サイト内における「かわいい」とは

「かわいい」という言葉はとても広義で、人それぞれの好みも関係があり感覚的ですが、 デザイナーはアーティストや芸術家ではないので自分の主観で「これかわいいでしょ!」と作るわけではないです。

サイト内でのそのビジュアル画像の役割や狙い、サイト自体のデザインとの親和性など、満たすべき条件の中でかわいいを模索します。

私が担当しているサイトはフラットでシンプルなので、そのようなWebサイトに合わせやすいことを最重視して、かわいいデザインの作り方を考えました。
(あくまで必要な要素の一部であり、絶対条件ではありません)

かわいい色・かわいい配色

人間が外界から得る情報の8~9割は視覚に由来すると言われ、その中で色は圧倒的な影響力をもっているため、全体の印象に大きく関わります。 なので、色から「かわいい」を作っていきます。

彩度は低く!明度は高くする!

彩度を低くして、明度を高くすると、 柔らかく、かわいらしい印象の色になりやすいです。 f:id:aimstogeek:20200117150739j:plain

ピンクは暖色系を!!

女性らしいかわいい色合いといえば「ピンク」が思いつきやすいですが、ピンクといっても多種多様なピンクがあります。
大きく分けると青みがかった「寒色系のピンク」と黄みがかった「暖色系のピンク」があり、女性に好まれやすいピンクは、黄みがかった「暖色系のピンク」という意見が多いです。 f:id:aimstogeek:20200117171004j:plain

子供っぽくならないように注意!

上記のような色で色数を増やしてくと、カラフルでかわいらしい印象になりますが、一方で子供っぽい印象にもなりがちです。
子供っぽくならないようにほんの少し明度を下げて色をくすませたり、落ち着いた色も入れたりするとよさそうです! f:id:aimstogeek:20200117183417j:plain

フォントと装飾

フォントも全体の印象に大きく関わります。 また、適度な装飾を入れることでかわいさを表現します。

細めの丸みを帯びたフォントを使う

フォントは太めのゴシックより、細めの丸みを帯びたフォントのほうが女性らしくかわいい印象になります。 f:id:aimstogeek:20200117171213j:plain

ラインは細く

何かしらラインの装飾を入れるときも、フォントと同様に細めのラインだと女性らしくなります。

f:id:aimstogeek:20200117172608j:plain

パターンを敷く、図形を散らばす

ドットやボーダーのパターンは定番で使いやすいです。 入れすぎるとうるさく幼稚になりますが、適度にいれるとかわいいです。

カラフルな図形を散らばすと賑やかでわいわいした雰囲気になり、隙間も埋められて全体のバランスをとるのにもよいです。

f:id:aimstogeek:20200117172622j:plain

まとめ

  • 色の彩度は低く、明度は高くする!
  • ピンクは暖色系
  • 配色は子供っぽくならないように
  • 細めの丸みを帯びたフォントを使う
  • 装飾はパターンや図形を駆使する


「かわいい」はセンスや感覚だけじゃない!!

「かわいい」は明確じゃないのでセンスや感覚だけで作ると思われがちですが、「かわいい」と感じるデザインにはある程度共通点があり、その積み重ねでかわいいは成り立っているようです。
そのような共通点を学んでいくことが、ビジュアルセンスを磨くことに繋がるのかなと思っています。

参考文献
かわいいデザイン|ingectar-e
ネットで「女性」に売る 数字を上げる文章とデザインの基本原則 |谷本 理恵子


\\『真のユーザーファーストでマーケットを創造する』仲間を募集中です!! // 919.jp

頼りになる『VLOOKUP』で困ったら『INDEX』&『MATCH』関数で解決できた件

「そういう仕様だから」
この言葉って使う時は簡単なのに、言われると「はあ?」ってなりますよね。

本記事はエクセルやスプレッドシートの関数の中で、『VLOOKUP』で困ったことがある人向けの記事です。

今回フォーカスをあてるのは以下2つです。
 ・【範囲】の間に、列追加をしたら結果がずれる
 ・右側の列にあるデータをもとに、左側のデータを呼び出すことはできない

改めましてこんにちは。サービスプランナーのZAWAです。

業務では、サービス・事業・組織と三軸それぞれでの企画やマーケットリサーチ、ビジネスパートナーとの渉外などを担当しています。プロダクト開発の中では、要件定義や設計の一部などを行なっています。

目次

1. 取得の子 『VLOOKUP』

2. VLOOKUPの逆襲

3. ワイルドカンスウ スーパーコンボ『INDEX関数とMATCH関数』

取得の子 『VLOOKUP』

エクセルを使った業務をしたことある人なら、誰もがお世話になったことあるのではないでしょうか?

「あー、特定のセルに入っている値を取り出したい、でも目視では大変。IDは分かるのになー」
みたいな時、『VLOOKUP』はとても心強い友達でした。

使った時のすがすがしさときたら、土砂降りの雨の中、急に晴れ間が見えた時のようでした。

用法は以下ですが、ここでは割愛します。
= VLOOKUP (【検索値】,【範囲】,【列位置】,【検索の型】)

VLOOKUPの逆襲

【範囲】の間に、列追加をしたら結果がずれる

こんな参照データがあったとします。
参照データ001初期準備

そして隣の抽出シートで“003zawa”と入力したら“ざわさん”と表示されてほしいとします。
イメージはこんな感じ。
抽出シート001

関数式は以下としました。
=VLOOKUP(B2,参照データ!A:B,2,0)

指定する値に“003zawa”と入力すると……
抽出シート002
“ざわさん”と出ました!!
やった!!

しかし運用を続けていく中で……
「あー参照データに“カテゴリ”もほしいわ。追加したろ!」
となることもあるでしょう。
参照データのB列を選択して列を挿入し、カテゴリ列としました。
参照データ002カテゴリ列追加

そのまま抽出シートを見ると……
「あれ、変わってる!?」
抽出シート_002結果が変わった

右側の列にあるデータをもとに、左側のデータを呼び出すことはできない

これはもう、まんまです。
“色鉛筆”と入れてID“002zawa”と呼び出すことはできません。

そう、これが仕様です。

ワイルドカンスウ スーパーコンボ『INDEX関数とMATCH関数』

ここからは『INDEX』と『MATCH』関数を組み合わせて使うと、『VLOOKUP』でやりたかったことはできるし、上のような問題は発生しないから便利だよという話です。

以下の関数式を用いて比較していきます。
=INDEX(参照データ!B:B,MATCH(B2,参照データ!A:A,0))

まず、時間をカテゴリ列追加前に戻して、先に抽出シートに上の関数を追加しておきます。
抽出シート003『INDEX』&『MATCH』関数式追加

次に参照データにカテゴリ列を追加します。
参照データ002カテゴリ列追加

抽出シートを見てみると……
「け、結果が違う! よしゃ、組み合わせの方使ったら問題なしや。」
抽出シート004異なる結果

もちろん場合によっては「追加した列のデータを出したいんじゃい」
ということもあると思います。
その場合むしろ『VLOOKUP』の方が使いやすいかもしれません。

株式会社クイックでは様々な職種の人間が自分にできる最大効率を目指して働いております。


\\『明日のはたらくを創る』仲間を募集中です!! // 919.jp