この記事は 第2のドワンゴ Advent Calendar 2017 7日目の記事です。 昨日の記事は@yue82さんでRTL設計スタイルガイドのアンチパターンをやってみたでした こんにちは。ニコニコ静画でフロントエンド開発を行っているnagisioです。 今年も冬コミに落ちてしまいました 去年の記事はRe:ゼロから始めるElectron開発生活でした。Electronに関して、残念ながら最近はあまり書いてないのですが、Reactは既に趣味でも仕事でも必須なフレームワークとなりました。 本記事ではそんなReactを用いたプロダクト開発について、どのように開発を進めていくのかを追っていきます。 はじめに（宣伝枠） ニコニコ静画チームにおいて、フロントエンドでの新規開発は基本的に少人数（１〜２人程度）で行っています。比較的小規模な開発が多く、例えば直近でリリースしたのがニコニコ漫画@C93です

仕事の効率化を進めなければ、と言われる。部下や後輩にもそのように指導するひとが多いだろう。 だが実際に「仕事を効率化するにはどうすればいいですか？」と無邪気にも後輩に聞かれて、何を伝えればよいのだろうか、と考えるとこれは結構難しい。 それは「効率化」というキーワードの意味をよくわかっていないからではないだろうか。 私はあるシステム会社で、「効率化とは何か」について教えていたマネジャーの話を聞き、そのことを学んだ。 まず効率化とは何か。 誤解が多い領域だが、これは、同じ仕事を「早くできるようになる」ではない。 早くできるようになるのは、効率化の一つの現れではあるが、効率化そのものではない。速さを目的とすると、動作が雑になるなど、効率化がうまくいかないことがある。 そうではなく、本質的には効率化とは、「考えなくてもできるようにすること」である。 上記のマネジャーは、プログラミングの効率化は、「

If you like Calltoidea, let's trythe first community for link lovers.

こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh

写真に写っている人物を切り抜いて合成する仕事は、世の中にたくさんあります。 特に代表的なのは女性ファッション誌で、モデルの頭から足まで綺麗にトリミングし、すこし角度を傾けてキラキラをつけるなどして、可愛く合成されています。 しかしよく見ると、髪の毛を細かくトリミングされていない事例もみかけます。読者はそこまで見ていないでしょうが、クオリティも大事だと思います。 Photoshopで髪の毛を切り抜く技は、色々なブログで紹介されておりますが、ここでは、切り抜くのが難しい女性の画像を選定しましたので、ぜひご参考にしてください。

こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？　と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう

プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。 弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。 今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。 では実際にバナーデザインを例に紹介します。 1.構成要素を全部置く まずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。

Online diagramming tool for collaborating on wireframes, flowcharts, and more

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

こんにちは。デザイナーの高口です。 デザイナーの皆さんは、デザインを開発者に伝える時、どのようにしていますか？ 口頭で伝える、印刷したデザインに書き込む、指示書を作る…様々な手法があると思いますが、どれも時間がかかりますよね。 そこで今回は、伝える手間を少しでも減らすべく、PSD からテキスト情報を抽出するスクリプトをご紹介いたします。 1.スクリプトをダウンロード まず、下記のリンクからスクリプトをダウンロードして下さい。 (ご利用に際しては、自己責任にてお願いいたします。) ダウンロード ： TextExportToCSV ダウンロードしたファイルを解凍すると「TextExportToCSV.jsx」というファイルがありますので、下記のフォルダにコピーして Photoshop を再起動して下さい。 Windows – C:\Program Files\Adobe\Adobe Photo

これはありがたい！と思えるSass/Compassに関するスライドが2つほどSlideshareにアップされていたので、このブログでも紹介させていただきます。去年行われたHTML5 Conference 2012でNHN Japanのマークアップエンジニアの方から発表されたもので、すでにSassを使ってCSS運用を始めている方からの貴重な情報です。 前編、後編とあるので、それぞれに対して自分なりに重要だと思ったこと、また、それらに対する考察をまとめてみました。自分が管理・運営しているウェブサイトのCSS管理も、Sass/Compassを使ってやりたいなぁと思う今日このごろです。時間的な初期投資は必要だけど、長期的に考えたらメリットも多く時間の節約にもなりそうです。 今回の投稿では、まずは前編から。 前編で気になったところのまとめ 「実践Sass 前編 — HTML5 Conference

Eli Rubel氏は画期的なドキュメント管理ソフトウェアを開発する新興企業Glider社の共同設立者及びCEOです。Glider社は「TechStars」の起業支援プログラムを修了し、「Portland Seed Fund」からも支援を受けました。TechStarsは優れたアイデアを持つ新興企業を3ヶ月間のプログラムで支援する名門ビジネスアクセラレーターです。今回は、そんなスタートアップの最前線で活躍するRubel氏が「失敗しない会議の進め方」を教えてくれました。 私はつい2年前まで「会議なんて単純なもの」と思っていました。とにかくいつも出席して、賢そうなことを言う...それだけで「自分は仕事ができる人間だ」と思い込んでいたのです。今にして思えば、「会議の進め方」が全くわかっていませんでした。おそらく、このようなことは遅かれ早かれ誰でも気づきます。もし、あなたが今この状態でも心配しないで

長時間Macで作業をしていると、いつの間にか動作がもっさりしてくることがありますよね。その原因のひとつにメモリの空き容量が不足してきたことが考えられますが、一番確実な解消法はメモリを増設すること。でも予算の関係上難しい場合もありますよね...。そんな時、元手を掛けず手っ取り早く解消するのにオススメなのが『Memory Clean』というアプリ。ワンクリックでメモリを開放でき、さらにメモリの残量が少なくなったら自動的にメモリを開放して、メモリの空き容量を増やしてくれる便利なアプリなんです。起動すると、メニューバーに現在の空きメモリー容量が表示されます。 メニューバーのメモリ容量をクリックすると詳しいメモリの使用状況が開きます。 "Clean Memory"をワンクリックするだけでメモリを開放してくれます。開放の進捗状況が％表示されますので、おおよその待ち時間がわかり、むやみにいらいらしません

毎日朝からすっきりと元気よく仕事を効率的に取り組むにはどうしたらいいでしょうか。 たったひとつのことに気をつけるだけで、仕事の処理速度が変わってきます。それは、快眠です。 ぐっすりと満足できる睡眠が得られるだけで、朝の気分の爽快感が違ってきます。朝から脳の働き方も違ってきます。 快眠度チェック ぐっすりと眠ることができていますか。まずは快眠度をチェックしてみましょう。次の中であてはまるものは何個ありますか。 朝起きても疲れが取れていない 朝起きたときに首や肩がこっている 毎日決まった時間に起きられない ふとんに入ってから眠りに落ちるまでの時間が長い 日曜日の夜は寝つきが悪い 自分でもいびきや歯ぎしりをしているのがわかる 金しばりにあう 悪夢をみる 以上にチェックが多いほど、眠りに問題ありです。チェックがひとつもない状態が快眠できている状態といってよいでしょう。 生活習慣チェック 快眠を目指

部下がいるにもかかわらず、自分で全てやってしまった方が早く終わるし、煩雑さがなくなる……そんなことをしてはいませんか？　仕事ができる30代の新人リーダーに多いこの状態。もはや「自分でやった方が早い病」です。そこで今回は「自分でやった方が早い病」の治し方をご紹介します。 ■「自分でやった方が早い病」はなぜ病なのか？仕事をする上で、「自分でやった方が早い」という考えに陥ってしまう、この病は結局、他人に仕事を押し付けないためと言っておきながら、自分の利益しか考えていません。仕事を部下に回すことは部下の成長にもつながるにもかかわらず、全て自分一人でやってしまうのは、周囲の人間とともに成長する姿勢を持っていないということなのです。 病状が悪化してしまうと、「孤独な成功者」になってしまいます。仕事を私生活に抱え込むことも多く、いつまでたっても優秀な部下を育てることが出来ず、誰も信頼できなくなります。す

The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc