相次ぐモダンなフレームワークの登場、脱jQueryの動き、ECMAScriptの進化など、SitePointの常連ライターが2016年のJavaScript事情を振り返ります。 2016年は、見方によっては歴史的であり、奇妙でもあり、楽しくもあり、恐怖でもあった年でした。JavaScriptだけに絞ると、ほかの大きな出来事に比べれば取るに足りない変化に見えますが、開発者にとっては重大な出来事でしょ…

Loading...

package.json互換のJavaScriptパッケージマネージャー「Yarn」を知っていますか? なぜYarnなのか? npmと比べてどこがいいのか? 使うべきなのか? 解説します。 YarnはFacebook、Google、Exponent、Tildeによって開発された新しいJavaScriptパッケージマネージャーです。公式発表に記載されているように、Yarn開発者が直面したnpmの問題…

Loading...

LESSONS

「炎上」を恐れては大胆なデジタルマーケティングはできません。そこで大切なのが「ORM(Online Reputation Management:オンライン評判管理)」。ブランドを守り、高めるためにデジタルマーケターが実践できる方法を紹介します。 Webの本質はここ数年で大きく変化しました。Webサイトを訪れる人によって消費されるだけという、受動的なWebページの時代は終わりました。いまは能動的なイ…

Loading...

Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをチュートリアルを通じて特徴をまとめました。2017年、新しく学び始めるきっかけにどうぞ。 2016年9月、人気のJavaScriptフレームワークVue.jsがv2をリリースしました。それ以来ぜひ使ってみたい、どのようなものか知りたいと思っていました。Angul…

Loading...

SitePointのデザイナーであり、デザイン&UX分野の編集者でもあるAlexが振り返る、2016年のデザインツール事情。たくさんのツールが登場した中でもFigmaは特にお気に入りのようです。 2016年ももう終わりですので(日本版編注:この記事のオリジナルは昨年12月に執筆された)、この1年でワークフローがどう変わったかを振り返るのはおもしろいと思います。この1年で多くのツールや手法が大きく変…

Loading...

iOSのすりガラスのような効果をWebでデザインで導入したい。そんなときに便利なbackdrop-filterプロパティを知っていますか? ブラウザーの実装はまだイマイチですが、おもしろい使い方ができそうですよ。 W3CのFilter Effects Module Level 2で導入された、CSSのbackdrop-filterプロパティについて解説します。特に構文、ブラウザーの対応、応用方法を…

Loading...

「コードを書くこと」にフォーカスしたWeb/UI, UXデザイナー向けのイベント「WPJ Conference Vol.1 DESIGN meets CODE」(主催=WPJ編集部)を2017年2月4日に開催します。 第一線のデザイナーが語るデザインとコードの関係 スマートフォンの普及や、フラットデザイン・ミニマルデザインのトレンドなどを反映して、UIやアニメーションの実装までを担う「テクニカルク…

Loading...

今回は動画広告市場について紹介します。 今まで動画元年と何度も言われてきたものの、なかなか肌で実感する事は少なかったと思います。ところが昨年2016年は、動画広告が広告代理店やマーケッターの人にも、実感があったのではないでしょうか。今回はどのような媒体が市場成長に繋がったか、まとめます。 動画広告市場の概況―インターネット広告市場規模推計調査より 実際に、近年でも2016年の動画広告市場規模は急成…

Loading...

JavaScriptの変数の使い方と、ECMAScript 2015(ES6)で変わった点をコンパクトにおさらい。 JavaScriptを学ぶ基本の1つに、変数の使い方があります。変数は、number(数値)、string(文字列)、array(配列)など、あらゆる型(データ型を参照)を含む入れ物です。変数は、あとでアプリケーション内で使用する(たとえば、値の参照)ために名前が付けられます。 本記…

Loading...

スマホアプリやスマホサイトではおなじみになった「マイクロインタラクション」。なぜUIに動きをつける必要があるのでしょうか? どんな意味があるのでしょうか。 今週、私はカレンダー機能用のマイクロインタラクションをデザインしていました。「ビジュアルデザイン」はだいぶ前に完成したのですが、モーションをコードに埋め込んで正しく動作させるのは、ビジュアルデザインよりも大変でした。 浮き上がる、折りたたむとい…

Loading...