クリック数を稼ぐ撮影メイクのコツ ~ITアレルギーな私の技術部奮闘記~


こんにちは。
リンクバルの山本(♀)です。25歳です。

リンクバルの看板商品「街コン」のイベントプランナーでしたが、ひょんな事からリンクバルのシステム系の部署であるWEB部に異動となり、
今はシステム開発のディレクターになるべく修行中です。
「~入門」「初心者でも分かる~」が読めないぐらいITアレルギーな私のWEB部での奮闘をお楽しみください。

本日は「撮影メイク」のお話。
クリック数を稼ぐため、画像にこだわる方も少なくないのでは?
一般的には女性の笑顔なんかが、目にとまりやすいなんて言われています。
でも最近は、女性の画像も増えてきたし、どれも似たりよったりになりがち。
その中でもより輝くためには「撮影メイク」がカギとなるかも。
目に留まる、印象に残る写真を作るための撮影メイクをご紹介します。

とあるページのアイキャッチ写真の撮影の為、
スケジュールに、“撮影メイク”と予定を入れていたら、
カメラ係のM(♂)がこう言った。
img_20161019_180416-2

あまーい。あまいぞM(♂)。
もしかして、芸能人のスッピン写真を見て、
「スッピンも綺麗だね~」って思っているくちか。
そうなのかM(♂)よ。

撮影メイクの目的は、とにかく印象に残る写真を作ること。
「自然体だけど魅力的、なんだか目が離せない」が目標です。
それには血色よく、表情が明るく、目にかすかに輝きがある状態にします。
普通のメイクだけだと顔に影ができてお疲れモードになったり、
フラッシュで赤みが飛んで、血色の無い魅力に欠ける顔になってしまいます。
そうならないための撮影メイクがこれだ。
img_20161018_182855-1

① マツゲはココゾとばかりにあげる(マツゲが下がっていると影ができてしまうから。)
② (できれば)パールのピアス(耳元に白があると顔が明るく見える。)
③ 濃い茶色をぬる (凹凸をつくることで、のっぺり顔を回避。)
④ マットな白いアイシャドーを入れる(目が生き生きする。)
⑤ 濃い目のチーク(濃いぐらいが写真で程よい感じになる。)
⑥ 赤めの口紅(フラッシュで赤みが飛ぶので、濃く入れて血色よくする。)
⑦ お粉をはたいてマット肌に(テカリによる反射を防ぐ。)
⑧ 鼻にマットな白を入れる(表情をあかるくする。)

“自然体を演出する”感覚に近いです。

メイク風景。
モデルは株式会社リンクバル16新卒新入社員のS。
メイクしているのが私。
img_8850

ほっぺがほのかにピンク色なのが、Sのいいところ。
でもフラッシュでほっぺのピンクは写らないため、補強する。
img_8858

出来上がった写真はこれだ。
img_8924

加工無しです。
これは個人的なこだわりですが、
顔を加工したり修正したりするのが好きではないです。
その人をその人らしく写すために、撮影メイクがある、と私は思っています。

ほらねM(♂)。
撮影メイクってすごいでしょう。
img_20161020_151728

こんな株式会社リンクバルで
一緒に働くエンジニアを募集中です!
新しい事にチャレンジしたい、もっともっと成長したい、そんな
フロンティアスピリットをお持ちの方が生き生きと働ける会社です。
詳細はコチラ

最後まで読んでくださり、ありがとうございました。


仕事のお供~ITアレルギーな私のWEB部奮闘記~


こんにちは。
リンクバルの山本(♀)です。25歳です。

リンクバルの看板商品「街コン」のイベントプランナーでしたが、ひょんな事からリンクバルのシステム系の部署であるWEB部に異動となり、今はシステム開発のディレクターになるべく修行中です。「~入門」「初心者でも分かる~」が読めないぐらいITアレルギーな私のWEB部での奮闘をお楽しみください。

夏も真っ盛りの頃、WEB部に飾られていたオブジェ。
「ほのぼの海の仲間たち」の図。
img_1349-4-3

たった2日間で、「エイが小魚たちを支配下に入れる」の図になってしまいました。
※誰がやったのか、不明です。
img_20160829_181658-7

さて、こんなリンクバルWEB部から今日もお届けします。
今日はリンクバルエンジニアの「仕事のお供」コンテスト。
1日パソコンに向かって仕事をするエンジニア。
極限の集中力と持続力が必要な彼らの仕事は過酷そのもの。
どんな「仕事のお供」が上がってくるのか、
皆さんも是非参考にしてみてください。

~Let’s show time! ~
エントリーNO.1
「コーヒー×コーヒー」
同じコーヒーといっても、違う種類のコーヒーなのだとか。
見た目だけじゃない、中身の違いもこだわるアナタにオススメの組み合わせ。
img_20160927_124507

エントリーNO.2
「コーヒー×お茶」
カフェインをとりつつ、ほっと一息つきたいアナタにオススメ。
お茶の殺菌効果で、様々な体の不調もやっつけろ。
img_20160927_124632

エントリーNO.3
「栄養ドリンク×さっぱり系菓子」
カロリーなんてなんのその。とにかく体力をつけたいアナタにオススメ。
img_20160927_124539

エントリーNO.4
「炭酸系栄養ドリンク×柑橘系ガム」
口のなかに甘味を入れ続ける作戦。
苦い思い出がある方も、これなら忘れられるかも。
img_20160927_124453

エントリーNO.5
「お茶×炭酸×スッキリ系タブレット菓子」
タブレットとお茶で”のどのスースー”を起こした後、炭酸でガツンと〆る。
ココゾ!という時に使いたい必殺業。
img_20160927_124238

エントリーNO.6
「炭酸×机を拭く濡れティッシュ」
“勉強前にまず片付けから”という習性があるアナタにオススメ。
机がスッキリすれば、仕事だってはかどること間違い無し。
img_20160927_124203

エントリーNO.7
「あけるまでのお楽しみお菓子BOX」
最後までトキメキたいそこのあなたにオススメ!
このBOXの持ち主は、毎週月曜日にお菓子を補充している様子・・・。
img_20160927_124328

えっ!私がどうかって?
私はこれ。

エントリーNO.8
「ルイボスティー×栄養ドリンク」
お茶・・といわずにルイボスティーと言っちゃうあたりがポイント。
美容にいいお茶で意識高い系女子アピールしつつ、栄養ドリンクでさりげなく頑張る女子を演出。
img_20160927_124043

あ!
img_20160927_124117

【訂正】「ルイボスティー×栄養ドリンク×ポテトチップス」

さぁ、アナタはどれを選ぶ?


【WordPress】これってご先祖様?家系図を読み解く便利関数


こんにちは!社会人2年目エンジニアの関です!
今回は、一見使い道がなさそうでめちゃくちゃ便利な「cat_is_ancestor_of」関数についてご紹介したいと思います。
(実はこの関数、私の好きなWordPress関数TOP5に入っていたり・・・)

カテゴリー同士で親子関係を作る
WordPressでは、デフォルトの機能としてカテゴリー同士に親子関係を作ることができます。
その設定方法はとっても簡単で、以下の2ステップのみです。

続きを読む


リンクバル新規サービス開発チームにおけるSlack活用事例

PC

リンクバルの新規サービス開発チームで、チャットツールのslackがどのように活用しているかを、技術部中村が紹介致します!

リンクバルの開発メンバーは、積極的に新しいツールの導入・検討を行い、開発効率のUPに勤めています。

Slackを導入してよかったこと

  • PJを成功させる上で一番重要なのは、コミュニケーションです。
  • 席が離れたメンバーや、オフサイトの開発パートナーとのやりとりを行う時に、Slackを使うと気軽に簡単に連絡が取れるので、コミュニケーションが活発になりました。
  • 各種Webサービスとの連携が容易なので、簡易的なシステム監視が簡単にできるのもメリットですね。
  • PJチーム内のコミュニケーションにemailを使うことが少なくなり(特にエンジニア同士は皆無
    )、結果、メールの誤配信も起こらなくなりました。

Slackを導入するときに気を付けたこと

  • 導入にネガティブなメンバーもいるので、まずは、お試しで導入してみましょうということで、やってみることが重要です。他のチャットサービスも使用していたのですが、開発者は翌日からSlackばかり使うようになりました!
  • 必要なチャンネルを整備して、ある程度投稿ガイドラインを設ける。
  • 導入時は特に、賑やかしが必要です。導入起案者は、自ら積極的に書き込んだり、書き込んだら誰かが突っ込んでくれるという場の雰囲気をつくることが重要ですね。
  • 運用フェーズで気を付けたこと。

  • チャンネル作成を個人の自由にしたことろ、トータルで40チャンネルくらいになってしまい、どのチャンネルをウォッチしたらよいか、分からないカオスな状態に。1ヶ月書き込みが無いチャンネルは基本はアーカイブするようにしています。
  • ビジネスサイドも巻き込んで使う。英語表記のアプリで抵抗を示すメンバーも居るのですが、レクチャーをして、使って貰えるようにすると、使用するコミュニケーションツールが減り便利です。
  • #general で専門的な話しが始まってログを埋めるような場合は、Share機能を使って、適切なチャンネルに誘導します。#generalは、基本的には脱退できないので、必要以上に専門的すぎる話しで埋まらないように気を付けています。
  • チャンネルの使い分けについて

  • よく利用するチャンネルの一部について、紹介致します!
  • 共通系

    #general

    挨拶、勤怠連絡、全体連絡を行うチャンネルです。
    オンサイト・オフサイト混在のチームだと、お互い本当に仕事をしているのか、不信感を持ちやすかったりすることもあるので、存在感をお互いにアピールするためにも挨拶は重要だと思います。

    #current_status

    制作チームのメンバーが、現在やっていること、やっことをつぶやくチャンネルです。
    オフサイトとオンサイトで、作業が被っていたことがあり、対策として導入しました。
    簡易的な日報もこのチャンネルに投稿します。

    #voice

    思いついたアイデアはここにつぶやきメンバーに共有します。これが、メールやチケットで共有する仕組みだと、ハードルが高く、あとで書こうとおもったときには、忘れてしまうことが多々あります。

    職種別

    #dev

    開発に関する内容を投稿します。エンジニア同士で技術的なことを議論する場合はこのチャンネルです。デザイナーも使います。

    #design

    UI/UXDに関する内容を投稿します。

    #biz

    ビジネスサイドに依頼をするときは、このチャンネルを使います。

    #infra

    インフラエンジニアに依頼をするときは、このチャンネルを使います。

    運用・監視

    #reports

    デイリーで新規会員数や、売上をシステムから投稿します。
    目的は日ごろから指標を大まかに把握して、異常値が投稿された時には、すぐに気づいて調査が行えるようにするためです。

    #alert

    システム異常が発生したときには、このチャンネルに通知されます。
    CloudWatch, PagerDuty, New Relicと連携していて、異常が起きたときに、すぐに気づけるようにしています。
    Slackは、各種サービスとの繋ぎ込みが簡単なところが、良いですね。

    #notifications

    各種Webサービスの更新通知を投稿します。
    githubやbacklog, トレロと連携すると、開発チームのおおよその動きがつかめるので便利です。
    通知が多過ぎても見なくなるので、どの程度通知するかは、試行錯誤が必要です。

    #logs

    定期実行バッチが止まっていたことを経験に、バッチの処理結果ログを流すようにしています。時々眺めて、Cron処理が止まっていないかを簡易的に把握します。

    おわりに

    リンクバルでは、自社サービスを一緒に開発するエンジニアを募集しております。興味がありましたら、ぜひお問い合わせください!


    開発プロジェクトで「Trello」を使ってみた!


    リンクバルの開発プロジェクトで使用している課題管理ツール「Trello(トレロ)」をご紹介したいと思います。

    Trelloを採用した理由
    開発プロジェクトが稼働し始めた当初、開発メンバー同士でまずは大きい機能単位の課題を洗い出し、テキストベースでGoogleDocに書き込んでいました。
    当初は課題を記入するのも簡単で全体像が見えやすかったのですが、開発が進んでいくにつれて課題が先延ばしになるものや完了していくものなど、GoogleDocでの管理では大変になってきました。
    そこで、課題をカードとして作成て優先度の高いカードはリストの上に配置するという運用をカード操作だけできる「Trello」を採用し現在も使っています。

    Trelloの使い方
    まず、ボード(Board)を作ります。ホワイトボードのような位置づけです。
    次に、リスト(List)を作ります。ホワイトボードに縦線を引いて枠を作ったイメージです。
    最後に、カード(Card)を作ります。ホワイトボードに付箋紙を貼るイメージです。
    ボード上に複数のリストを作って、そこにカードを入れて運用します。

    例えば、「やること」「着手中」「完了」というリストを作成したなら、
    「やること」リストにカードを追加し、着手したらカードを「着手中」に移動し、完了したら「完了」に移動する。

    このように操作することで、どんなやることが残っていて、今何をやっていて、何が終わったのかを一つのボードで管理するができます!

    運用ルールのピックアップ
    現在、開発プロジェクトで使っている「Trello」です。
    mj2trello

    Trelloを使い始めた当初は私がボード(Board)のリストに課題を追加していましたが、
    気づいた人が誰でも登録できる「新着」というリスト(List)がとても役に立っています。
    %e6%96%b0%e7%9d%80

    とにかくまずは「新着」リストにカードを登録する。
    いつ誰が対応するか、優先度付けを出来るだけ早めにカードを移動することで、
    やるべき課題のボリューム感、対応時期がビジュアルで分かるようになります。

    今後の課題
    「Trello」を使ってみて課題だと感じることは、開発プロジェクト開始当初と比べて細かい課題の登録が多く、さらに20人近く同じプロジェクトを使っていますので、カードがとても多い状況になるリストが存在したり、優先度付けの運用をしている時に量が多く、並び替えが大変だったりします。

    この辺りを改善するために、一部のリストは別プロジェクトに移動させて管理したりなどの工夫もされていますが、その反面、一つのボード(Board)で全体の課題を全メンバーが目視で確認できる利点もありますので、状況に応じて「Trello」の柔軟性の強みを活かして上手くやっていく必要があると感じています。

    つぶやき
    背景を単色ではなく「いい感じ」に変えてビジュアル的にも良くしていきたいな。


    現行世代と旧世代のインスタンス比較(性能&コスト)


    リンクバルでエンジニアをしている高島です。

    最近EC2上でApache Jmeterを利用しての負荷テストを実施していて、いろいろなインスタンスタイプ・サイズやOSで試したりしています。
    AWSではインスタンスタイプごとに現行世代と旧世代の2種類のインスタンスが選べますが、現行世代の方がベースの物理マシンも新しいため性能がよかったりします。

    ただ、マシン買い切りのオンプレミスとは異なり、時間単位でコストが掛かってくるAWSでは性能のよいインスタンスをとにかく投入するのではなくランニングコストも視野に入れて選定が必要となってきます。
    そこで、新旧で性能およびコストの比率をチェックしてみたいとおもいます。

    性能測定実施

    測定にはUnixBenchを利用してみました。
    まずはインストールです。

    実行に必要なパッケージを先に導入します。

    # yum install perl-Time-HiRes
    # yum install gcc
    

    公式からソースコードをダウンロードし、展開します。

    $ wget https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/byte-unixbench/UnixBench5.1.3.tgz
    $ tar zxvf UnixBench5.1.3.tgz
    $ cd UnixBench
    

    実行するとコンパイルされた後に処理が開始されます。

    $ ./Run
    

    比較対象

    比較対象はvCPU数とメモリ容量をあわせたいので、c4.4xlargeとc3.4xlargeを選択しました。
    ともにvCPU数が16、メモリ容量が30GiBになります。

    性能比較

    c4.4xlarge c3.4xlarge c4/c3
    1vCPUのスコア 1950.3 1793.7 約108%
    16vCPUのスコア 8805.8 7753.3 約113%

    物理CPUが(c4インスタンス)E5-2666 v3 @ 2.90GHzと(C3インスンタンス)E5-2680 v2 @ 2.80GHzのため、CPU世代が進んでいてクロック差もあるため妥当な差だと思います。
    テストケースごとのスコアの掲載は省略していますが全体的にc4インスタンスが上回る結果となりました。

    コスト比較

    c4.4xlarge c3.4xlarge c4/c3
    $1.061/h $1.021/h 約104%

    c4インスタンスの方が上ですが、ほとんど気にならないレベルです。

    総括

    性能差に対して、コストの差が小さいため新しくインスタンスを選択する際には素直に現行世代インスタンスを選んだ方が無難だと思います。
    ただし、新しくリリースされたインスタンスについてはリリース直後は物理サーバの絶対数が少ないためか、オートスケールなどで起動できる台数が制限に引っかかってしまうことがあるようで、大型システムではそのあたりについて考慮する必要がありそうです。


    私が愛してやまない用途不明のFont Awesomeアイコン5選


    近頃Font Awesomeを利用することが多いです。
    適当なアイコンは無いかとリストを眺めていると、妙に心惹かれるアイコンを見かけます。
    でもそういうのに限って、ピクトグラムとしての使い道はなさそうです。
    そんな謎アイコンたちの中から、私のお気に入り5つをご紹介という誰得エントリーでございます。

    ※fa-○○というのは、HTML上でアイコンを指定するためのクラス名です。

    fa-fighter-jet(戦闘機)

    fa-fighter-jet

    使用するシーンは、あまり思い浮かびません。
    でも見た目はかっこいいです。そしてcssのクラス名もかっこいい。

    fa-space-shuttle(スペースシャトル)

    fa-space-shuttle

    何か宇宙的なコンテンツに使えるかもしれません。
    これと似ているfa-rocket(ロケット)は、より抽象的かつ可愛いデザインで好きなのですが
    今回は、より使いづらそうなこちらを選びました。

    fa-hand-spock-o(スポックの手)

    fa-spock-o

    『スタートレック』に出てくる、バルカン星人の挨拶で「長寿と繁栄を」という意味だそうです。
    日本では一般的に通用するものではありませんね。
    spockというのは登場人物のバルカン星人、ミスタースポックのことです。

    fa-bomb(爆弾)

    fa-bomb

    何かしら使い道がありそうだけど、私はまだその機会に恵まれておりません。
    見た目的には一番のお気に入りです。かわいいですね。

    fa-lemon-o(レモン)

    fa-lemon-o

    個人的には、これが一番意味不明です。
    なぜレモンなのか。よく見ると少し歪んだ形をしていることが分かります。
    サイズが小さすぎると、レモンの絵であることすら分かりづらいです。
    色を付ければもっとレモンっぽくなるのでしょうが、-oが付いている通り線画なので「塗り」がありません。


    以上になります。
    最後になりますが、私の好きなガリガリ君の味は「梨」です。
    ありがとうございました!


    VagrantとAnsibleを使ってサーバ構築自動化!


    リンクバルの川畑です。リンクバルでは各自PCでローカルに開発環境を構築して開発をしております。環境構築手順書なるものはあるのですが、環境構築が自動されていないので新しく加わってくれたメンバーは開発環境構築に苦戦を強いられているような気がしております。それを改善するため、Vagrant+Ansibleで環境構築を自動化して簡単に共有できないか検証しました。

    続きを読む


    黒(偽)革の手帳~ITアレルギーな私のWEB部奮闘記~


    こんにちは。
    リンクバルの山本(♀)です。25歳です。

    リンクバルの看板商品「街コン」のイベントプランナーでしたが、ひょんな事からリンクバルのシステム系の部署であるWEB部に異動となり、今はシステム開発のディレクターになるべく修行中です。

    私、ITたるものにアレルギーをもっています。
    「ヤバイ」と思って勉強しようと思ったこともあったのですが、トライ&エラーの繰り返しです。
    理由としましては、根性があまりないほかに、「~入門」「初心者のための~」が読めないからです。もうお手上げ状態です。
    こんな私ですが、今日からリンクバルWEB部の日常をたくさんアップしていきます。
    どうぞ、お付き合いください。

    リンクバルWEB部はこんな感じ。
    IMG_20160829_115459 (2)
    よく見ると赤く〇がついているでしょう?
    そこが私の席。エンジニアの中に、ポツン。
    何であなたがいないかって?
    撮影者が私だからです!

    現在はWEB部の事務系の仕事をこなしつつ、IT用語の勉強中。
    仕事をしながら、勉強なんて偉いね~ですって?
    いやいや、とんでもない。日々の仕事でもうクタクタですよ。
    私、あまり根性が無いので、頑張ることには限界があります。
    私の長所は、自分の限界を知っていること。

    そんな私の為に活躍中なのが、黒(偽)革の手帳。
    IMG_20160829_124247 (4)

    いつも持ち歩くこの手帳に、分からないIT用語を全て書きなぐり、スキマ時間に見て、覚える、といった勉強をしています。
    私のような(あまり根性のない)方にオススメです。
    IMG_20160829_125322 (1)

    時々お買い物リストになったりもする。
    IMG_20160829_150051 (1)

    効果はどれくらいかというと・・・よく分かりませんね。
    こんな私ですが、どうぞよろしくお願いします。

    では、今日はこの辺で。


    NewRelicのTransactionTrace機能がとても便利な件


    NewRelicの便利な機能を紹介します

    NewRelic公式サイト
    https://newrelic.com/

    このAPMの「Transaction Trace」というAPMのPro版の機能がソースコードのメソッド単位でレスポンスタイムが分かるので、サイトのチューニングやボトルネックを発見するのにとても役に立ったことがありましたので、記事にさせて頂きました。

    ライセンス料金
    https://newrelic.com/calculator

    Transaction Trace
    TransactionTrace

    Transaction Trace Detail
    TransactionTraceDetail

    このような具合でソースコード単位でボトルネックになっている箇所を見つけ出し、
    パフォーマンスのチューニングをすることができます。
    またデータベースで実行されたクエリを確認することもできます。

    最後に
    もしサイトが重く悩んでいましたらNewRelic APM Pro版を導入してみるのも良いかもしれません。
    フリーで登録後、14日間はPro版をトライアルできるようですので、NewRelicの導入がまだの方は試してみてはどうでしょうか。