4月に「開局」したばかりながら、すでに600万ダウンロードを超えるヒットアプリとなっている「AbemaTV（アベマティーヴィー）」。24時間無料で豊富なコンテンツが見られるサービスの魅力もさることながら、チャンネルをサクサク切り替えながらザッピングできる、気持ちのいいUIも評判となっている。YouTubeやNetflixなどの海外発のオンデマンド型ストリーミングとは異なる、「テレビ的な体験」がウケているのだ。 そんなヒットアプリのUIはどのようにデザインされたのか？ 8月3日に東京・渋谷で開催されたサイバーエージェント主催のイベント「UX生トーク vol.4 」では、AbemaTV デザイナーの内田達也さんが舞台裏を明かした。 モックアップに4カ月、Pixateのファイルは200以上 AbemaTVの開発チームは総勢30〜40名。デザイナーはうち4名で、Android、iOS、ブラウザーと

デザインとエンジニアリングの垣根を超えて活躍する人材を「テクニカルクリエイター」と定義したサイバーエージェント。今年4月にスタートした「Abema TV」の開発でもテクニカルクリエイターが活躍するなど、デザイナーの新たなキャリアパスとして注目されています。 テクニカルクリエイターとはどんな仕事なのか？　サイバーエージェントでチーフ・クリエイティブディレクターを務める佐藤洋介さんに話を聞きました。 テクニカルクリエイターは「役職」ではなく「役割」 ——「テクニカルクリエイター」職の新設を発表したのが昨年12月（日経新聞）。現在、求人中とのことですが、反響はどうでしょうか？ 最近では結構、応募があります。「もともとFlashをやっていたけど最近仕事がない」とか「デザイナー出身でフロントエンドにもこだわりたい」とか…キャリアに悩むクリエイターの駆け込み寺みたいになっていますね（笑）。 厳密には「

About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)

2016年に使った&来年使いそうな JavaScript 関連のもの 以下のカテゴリでなんとなく書いてみます。去年と比べて大きく変わらないかんじです。動きの早かった 2, 3年前から、年々、動きはゆっくりになってきているというのが個人的な印象。 トランスパイラ ビューライブラリ/フレームワーク モジュールバンドラ タスクランナー パッケージマネージャ テスティング トランスパイラ 2016年に使った: Babel。各ブラウザの JavaScript エンジンで ES2015~ES2017 の実装が進んでいるので、関わっている案件のブラウザのシェア次第なところもありますが、ES2015~ES2017 の仕様だけトランスパイルしたいのであれば、再来年あたりから要らなくなるんじゃないかな、という気持ち。 来年使いそう: 静的型付けがメインで、ES20XX から ES5 へのトランパイルは副次的で

界隈の雑な会話です。注意点として、フロントエンドガチ勢寄りの方面なので、一般的な感覚とは乖離してる可能性があります。 基本的には http://www.s-arcana.co.jp/blog/2016/12/12/3438 や kikuchi1201.hateblo.jp を念頭に。 動き早いって言われるフロントエンド界隈、この1年何も進んでないからな— 現場の声 (@mizchi) 2016年12月14日 今年のフロントエンドの統括、es2016でしょぼかったので皆es2015+ みたいなノリが抜けなかったのと、redux以外のfluxが脱落したのと、angular2+今年も出なかったねというのと、たぶん eslint の採用が増えてそう(肌感)のと、flowの採用が増えたぐらい— 現場の声 (@mizchi) 2016年12月14日 実際browserify/webpackは先行実装だ

Qiitaを開発しているIncrementsで、フロントエンドをやっていってる @morishitter です。入社して4ヶ月が経ち、会社にも少しずつ慣れてきました。 CSS Advent Calendar 2016 の1日目の記事として、Qiita及びQiita:TeamでのCSSの構成について書きます。 脱Sprockets Qiita / Qiita:Teamでは、サーバーサイドのアプリケーションフレームワークとしてRuby on Railsを採用しています。そのため、これまでは Sprockets というRailsにbundleされているassetビルドツールを使ってSassをCSSにコンパイルしていました。しかし今では、全てのCSS, JSのビルドをNode.jsで行っています。 CSSでの移行手順はざっと以下の通りです。 まず、Sprocketsで使われているRuby製のSas

この記事は Retty Advent Calendar 15日目です。 昨日はsakuパイセンのXcodeでJavascriptをテストする話でした。 こんにちは！ Rettyでフロントエンドエンジニアやってます渡辺です。 盛り上がりを見せ続けるReact.jsやRiot.jsの影響もあって コンポーネント化というワードをデザイナーの皆さんも耳にすることが増えてきたのではないでしょうか。 今回は「まだコンポーネントってよくわらない」「実は理解していない」というデザイナーを対象に デザイナーにおけるコンポーネント化についてフロントエンド的な視点も交えつつざっくりとまとめてみました。 そもそもコンポーネント化とはなんじゃい 「何らかの機能を持ったプログラムの部品を作ること」 エンジニア的にはこのような認識になるのですが、デザイナー的には 「部品の持つ役割を視覚的に定義すること」 になるのかなと

jser.md はじめに JavaScript を使っていると「JavaScript出来るの？ jQuery / AngularJS / Node.js etc... で困ってるんだけどさー」みたいな話を振られることがあります。 そういった時に、自分は一般的なライブラリの使い方やフレームワークに対して大した知見も興味もないので、わざわざ説明するのも面倒なのでこうして文章にしておきます。(本当に届いて欲しい人に限って、こういう文章が届かないのはわかっていますが、文章を書くこと自体が気晴らしだと思って諦めます。) 「フロントエンドエンジニア」という言葉の汎用性 先ほどのような話は自分に限ったことではなく、たぶん経験のある人も多いでしょう。 振られた話が自分の分かる範囲、あるいは興味のあるものならばまだ良いのですが、そうでないことがあまりに多すぎます。 話を振られるだけならともかく「JavaSc