Uni-Q blog

うにきゅう ぶろぐ

gitのコンフリクトした時のソースの見方メモ

ワルモノOctCat

いま私は design というブランチにいる。
そこで git pull origin develop をした。

そこでコンフリクト

CONFLICT (content): Merge conflict in [〜ファイル名]

っていうメッセージが。

ソースコードのめも。

<<<<<<< HEAD
designにて自分が作業したやつ。
=======
pullしてきたdevelopのやつ。
>>>>>>> [commit ID]

ターミナルじゃなくてクライアントツール使ってたら分かりやすいのかもだけど、gitのクライアントツール、一回のクリックで一瞬で変わっちゃうが怖くて使えない。。。

Trek進捗と英語Podcastと単語帳

今回の記事は英語学習について〜の、直近報告です。

英語学習サービスHiNative Trek

trek.hinative.com

へへへへ弊社のサービスであるTrekを、はじめてみたんですが

f:id:uniq:20170604184440j:plain

未提出課題118個です。
ダメ人間。とっても私っぽい。

行き帰りの電車、もしくは寝る前の布団の中でやろうとしてるんですが…

  • ついつい仕事してしまう
  • ついつい寝てしまう

…という有様です。
どうやって立て直そうかなあ。

明日からはなんとかしたいぞ、と、思って(Trek課題は平日のみです)、仕事のSlackをスマホから消したよ(^o^)

まあパソコン持ち歩いてるし大丈夫かなあ、仕事への連絡は。
これで、なかなか遅刻できない。

最近聞いてる英語のPodcast

55english.jp

英語と日本語が混ざった自然な会話なので、英語苦手でも会話についていきやすいです。 話してる内容も、普通っぽい雑談(友達と飲み屋さんで話してる風)でとっても楽しいです!

単語帳を作った

Podcast聞いて、分からない単語あるとついていけないんだなあ、と気がついたよ。 そんなわけで単語帳を作りました!スプレッドシートで。

「ナメクジ」「slug」だけ登録したよ。

こちらの本に「単語帳をスプレッドシートで作ってる」という話しがあったので真似してみたよ。

別の本(通訳の方が書かれてる本)でも、スプレッドシートで単語帳〜をおすすめしてたんですよね。もしかしたら同じ方なのかな?本のタイトル忘れちゃったので確認できませんが。。

単語をほいほい覚える系アプリがどうもモチベーションわかないし、学んでる感覚がなくてね。。。

コミュニケーションのスタンプ帳

f:id:uniq:20170604170204j:image

 

人間関係の悪化ってスタンプ帳っぽいなあと思ってて。

溜まってることに気がつかなくて…最終的に爆発しちゃう感じ(若かった頃の私)。

今も未熟者だけど。。

瞑想とかマインドフルネスすると、なぜか頭が整理されて気付いたりするので、重要なんだなあ…と思う今日この頃。

 

写真はあくまで一例で、コミュニケーションに限らず〜。です。

「そもそも」を知っていると仕事が捗る

Agile Games France 2013

依頼されたとおりデザイン作ったよ!

コレじゃない

エッ

…よくよくヒアリングしてみると…

  • 「そもそもこれは何のためのものなのか?」
  • 「そもそも何がしたいのか?」

…っていうのをヒアリングすることが不足していたせいで、遠回りしたことが多かった…ので、ついつい根源を求めることを主張したくなっちゃった。そんなスライド作りました。

アジャイル開発する前に必要なことと、アジャイル開発で気に入ってる点。会社の合宿で話した内容だったけど、諸事情でスライドは流さなかった。

さよならフリーランスの私。 Lang-8 に転職しました。

1月とちょっとだけしかフリーランスしなかった。。

表題の通り、転職いたしました。 私がくしゃみをすると、「Bless you」って声かけられちゃうようなオフィスです。

いいなと思った理由はいくつかあるのですが、一番印象として残ってるのをあげるとすれば、会社が持ってる価値観に共感できる部分が多かったところでしょうか。

lang-8.jp

チームメンバーに載せていただきました。となりのiOSエンジニアさんをギロリと見てる感じ。

がんばります。仕事だけでなく語学も…!

f:id:uniq:20170210170658j:plain

2016年出会ってよかったもの

中には「買ったもの」じゃないものも含まれるので「出会ってよかったもの」としてメモ。2016年なので、6個あげてみる。

ご近所のヨガ教室

そもそも座禅できる所を探していたのですが、たまたま引っ越した近くにヨガ教室があり、チラシ的なものをみると、いわゆるダイエットとか、そういうのでなく、ヨガの根本的なところを意識して、マインドフルネス的な…。まあ運動不足だしちょっと体験してみようかとやってみたら、かなり良かった。まだヨガらしいことは出来てないと思いますが。。。

「私っていまどんな感じだろ?」って自分自身に耳を傾ける感じ。

体もほぐされる感じ〜。たまに、ひぃーってうめき声あげてます。

教えてくれる内容や、いろんなものの捉え方が、私に合ってるというか。 同じ年ぐらいの方が個人でやられてて、それも勇気わきます。

糖質を意識した食事しつつ筋トレ

ヨガで調子良くなってきたので、筋トレしたり、食事に気を使ったり。体力ついてきたかなあ、と。

痩せたかどうかは???w

大きめ冷蔵庫

1人ぶん以上…っていうか、ファミリー向けな冷蔵庫を、親からお下がりいただきまして。。 作り置きしまくりで重宝する。

minneとかcreemaとか手作りサイト

売ったりはせずに買ってるだけですが…

「こういったものが欲しいんだけど、どこにも売ってないなあ」というのがあるので重宝してます。

スタバのボトル

よくスタバで、本日のコーヒーのアイスコーヒーか、ソイミルクを入れてもらってます。

パジャマ

部屋着をやめてパジャマにしました。 部屋では、外に出るようなカッコしてます。寝るときにパジャマに着替える感じ。服をだいぶ手放すことが出来ました。 服が減ると…

  • 管理する手間が減る
  • ものが減って部屋が広く感じる

こんな効果が。


以上でございます。

年越しそばを十割で少しだけいただいて、やっと年越し気分…。

css で ParrotアニGIF みたいなの

はじめに

これは 第2のドワンゴ Advent Calendar 24日目の記事として書かれた記事です。

自己紹介

こんにちわ。元ドワンゴのデザイナー id:uniq です。

ドワンゴというと何故か ParrotアニGIF を思い出しました。 なので、なんとなくCSSでチカチカクルクルするやつだけでもやってみます。

やってみる

まずCSSで丸い表現

HTMLてきとうに用意。

<div class="layout">
  <div class="parrot">
  </div>
</div>

CSSもてきとうに。 border-radius で円の直径を指定するのだけど、全体の幅 width と高さ height を指定しているのであれば、「%」つかうと楽。

.layout {
  padding: 20px 50px;
}
.parrot {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #ffd68c;
}

これで黄色い丸ができてるはず。まだ動かない。

ぐるぐるさせる

  • party っていう名前であにめーしょん作る。
  • -webkit-transform-origin でぐるぐる廻る中心を設定する。
@-webkit-keyframes party {
  0% {-webkit-transform: rotate(0deg);}
  100% {background-color: #ffd68c;}
}

.parrot {
  border: 2px solid #373737;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #ffd68c;
  -webkit-animation: party .5s linear infinite;
  -webkit-transform-origin: 20px 35px;
}

今回はwebkitだけ。。。これで黄色い丸がぐるぐるしてると思う。

色を調べる

色を変化させるために、色を拾ってくる。最新のphotoshopでひらいたら、アニメーションgifのコマがレイヤー毎に別れてた。すべての色をメモしておく。…10回ぐらい変えれば大丈夫っぽいかな。

f:id:uniq:20161224000628p:plain

色を変えてみる

分け方は、0%→10%→…(省略)…→90%→100% …でいっかな。とりあえず。

0% { background-color: #ffd68c; }
10% { background-color: #8cffff; }
20% { background-color: #8cff8c; }
30% { background-color: #8cb5ff; }
40% { background-color: #d68cff; }
50% { background-color: #ff8cff; }
60% { background-color: #d68cff; }
70% { background-color: #8cb5ff; }
80% { background-color: #8cffff; }
90% { background-color: #8cff8c; }
100% { background-color: #ffd68c; }

↑この子達を、 party に入れてあげる。

@-webkit-keyframes party {
    0% {
    -webkit-transform: rotate(0deg);
    background-color: #ffd68c;
  }
    10% { background-color: #8cffff; }
    20% { background-color: #8cff8c; }
    30% { background-color: #8cb5ff; }
    40% { background-color: #d68cff; }
    50% { background-color: #ff8cff; }
    60% { background-color: #d68cff; }
    70% { background-color: #8cb5ff; }
    80% { background-color: #8cffff; }
    90% { background-color: #8cff8c; }
    100% {
    -webkit-transform: rotate(360deg);
    background-color: #ffd68c;
  }
}

↑こんなかんじになった。

↓結果。

さいごに

  • めりーくりすます!
  • ドワンゴ Advent Calendarなのに、エンジニアっぽいことが書けなくてごめんね? でも気にしてない。
  • AngularJS にしようか、チームまねじめんとな話題にしようか悩んだ。
  • 来年もよろしくお願いいたします。