RubyWorld Conference 2017にお邪魔しています(2日目)

こんにちわ。
リエです。
 
昨日からRubyWorld Conference2017にお邪魔しています。

RubyWorld Conference 2017にお邪魔しています(1日目)


 
2日目の今日は、せっかく島根県に来たということで、Conference前に松江城に行ってきました。

ヒールで登っているのは、わたしだけでした。。(当たり前)
天守閣まで上り、島根の景色を高台から見てきましたよ。
お天気がとてもよかったので、遠くまでよく見えました。
 
歴史に触れた後は、会場へと向かいました。

 
1階の大展示場にはスポンサーパネルが設置されていて、弊社のロゴも発見♡

どこにあるかわかりますか?
 
2日目の今日もたくさんの方が来られていました。
外国人の方も多く、Rubyは世界中の開発者に愛されているのですね。
 
講演は20分〜30分のものが多く専門的な話ではありますが、わかりやすく解説されているので、楽しく聞くことができました。

2日間に渡ってのConference参加は初めてでしたが、刺激を受けることができとても貴重な体験でした。

RubyWorld Conference 2017にお邪魔しています(1日目)

こんにちわ。
リエです。
 
弊社は「RubyWorld Conference2017」に協賛させていただいております。

「RubyWorld Conference 2017」に協賛させていただきます


 
今回、このRubyWorld Conference2017にお邪魔しています。

 
〜まずRubyとは〜
まつもとゆきひろ(通称 Matz)により開発されたオブジェクト指向スクリプト言語であり、スクリプト言語が用いられてきた領域でのオブジェクト指向プログラミング。
引用元:wikipedia
 
Rubyは開発言語なので、開発者の方は知っている方が多いと思います。
 
講演のトップバッターはRubyの生みの親であるまつもとゆきひろさんのお話でした。
講演はすごい人気で席は満席。
私は後ろで立ち見でお話を聞いていました。

 
お話はわかりやすくかつ楽しく説明されていたので、技術的なお話でしたが、わたしも楽しく聞くことができました。
 
驚いたのは学生さんが多かったこと。
皆さん熱心にお話を聞かれていました。
 
2日に渡って開催されるので、しっかりお話を聞いてきたいと思います!

そっち方向に地味なハロウィンをしてみた

ハッピーハロウィーン!ってもう終わりましたね。
マエダです。
 
実は今年も社内でごきげんなパリピたちとハロウィンパーティーをしました。
 
地味ハロウィン自体が年々メジャー化してきて、ハッシュタグ「地味ハロウィン」が
さらに注目されてきたように感じます。
#地味ハロウィン
 
昨年の様子はこちら。

地味にハロウィンをしてみました


 
 
しかし事件はおきました。
いつもコスプレしないメンバーがガチでコスプレしてきて度肝抜かれる状況に直面しました。
 
弊社は時代と逆行してしまったのです。

※ 隣にジョニー・デップばりのイケメンがいます。
 

 
 
こ、こいつ誰だ!
 
 
マリオでも、ルイージでもワリオでもなく、「ワルイージ」。
 
 
あ、あれ?あれあれ??
 
『そっち方向』の地味で攻めてきたってこと?
 
 
時代に逆行?
 
ノンノン!時代をリードしているんですね。。。(白目
 
 
 
それはそうと、弊社では来年から理由もなく渋谷出張を10/31に入れる社内規定を真剣に検討したいと思います。(ウソ
http://nlab.itmedia.co.jp/nl/articles/1710/31/news132.html

デザイナーとエンジニア間のデザインもろもろを助けてくれるツール「Zeplin」

こんにちは。デザイナーのKです。
最近アプリのUIデザインを手がけることが多いのですが、その際にエンジニアと「デザインのもろもろのやりとり」問題が生じることが多々あります。

 

完成したアプリを確認すると、

・画像の比率が違う
・余白がバラバラ
・フォントサイズがバラバラ
・思っていた画面遷移じゃなかった

などなど…

 

デザイナーが思っていたものと少し違ったデザインで、アプリが出来上がることがありました。
アプリにとってUIは非常に重要な要素であり、出来る限りアプリの完成形はデザイン通りに完成することが求められます。
何かアプリ側のデザインに間違いやズレなどがあったときに、その都度エンジニアにデザインの画像を送って見ながら調整するのは、とても手間がかかり工数も圧迫します。
そこで今回、私が担当しているアプリのUIデザインで導入しているツール「Zeplin」をご紹介します。

 

『Zeplin』とは?

『Zeplin』
https://zeplin.io/

『Zeplin』は一言で言うと、「デザイナーとエンジニアのUIコミュニケーションツール」です。
「UIコミュニケーション?」と思われる方もいるかと思いますが、要は『Zeplin』を使うことによって、デザイナーとエンジニアのUIの認識を共通化させることが可能になります。

『Zeplin』のインストールや使い方は、調べるとすぐに見つかりますのでここでは書きませんが、以下の画面のようなイメージで、

 

・オブジェクト間のマージン情報
・オブジェクトのサイズ、角丸のサイズ

などがクリック一つでわかるようになります。

 

特にエンジニアの方に役立つのは、「マージン情報」や「フォント情報、カラー情報」などではないでしょうか?
それらも『Zeplin』ならひと目で情報を瞬時に知ることができます。
また、Swift3のコードもクリック一つで自動生成され、使用することもできます。

 

 

他にも便利な機能として、「コメント機能」があります。
以下の画面のように、デザイン画像にコメントを残すことができ、さらにそのコメントに返信することができます。

各イメージ画像は弊社サービスの『Sportare』のデザインになります。

 

『Zeplin』を導入してみてわかったこと

現在進行中の弊社の案件でも、私とエンジニアとの間で『Zeplin』を導入してプロジェクトを進めています。

 

導入してみてデザイナー側から思ったことは、

・デザインの細かい数値がひと目で見えるのでエンジニアに伝えやすい
・コメントを付けて返信も見ることができるので、確認漏れが減った
・Sketchとの相性が良いので、最新のデザインをすぐにアップロードできて共有しやすい

など、非常にメリットが多いです。

 

コメントや履歴の検索ができないことがデメリットとしてありますが、今後改善されればと思います。
しかし、そういったデメリットを上回るメリットが『Zeplin』にはあるので、今後もバシバシ使っていこうと思います!

無料版は1プロジェクトまでしか対応していないので、実務で使うとなると厳しいですが、試しに使うには十分ですので、ぜひ一度使ってみてはいかがでしょうか?
 

さいごに

ということで、今回は「デザイナーとエンジニアのUIコミュニケーションツール Zeplin」のご紹介記事となってしまいましたが、弊社では業務効率化のために様々なツールを利用しています。
そんな弊社でツールを駆使して効率的にデザイン業務をしてみたい!という方は、ぜひこちらからお気軽にお問い合わせください^^

ドラムはじめました

顎関節症の疑いを抱えながら生きているマエダです。
 
超個人的なことなのですが、何を思ったかドラムをはじめました。

写真はレッスンで使用させていただいているドラムです。
 
バンドする予定も願望もありません。
ミッドライフ・クライシスでしょうか。
 
 
16年前にROCK IN JAPAN FESTIVALで聴いたSUPERCARのツインドラムが忘れられません。
ただただカッコよかった。
 
 
ドラム叩けるとモテそうなので頑張りたいと思います。爆