タグ

ブックマーク / uxmilk.jp (3)

  • これからReactを勉強する人が最初に見るべきスライド7選

    React.js(以下、React)は、Facebookが作ったJavaScriptのビュー・ライブラリです。最近よく耳にするけどあまり理解していないという人も多いのではないでしょうか。 そこで今回は、 「Reactって最近よく聞くけど一体何?」 「jQueryと何が違うの?」 といった疑問にこたえてくれる初心者向けのスライドを厳選して紹介します。JavaScriptは苦手だけど概念だけは理解したいといった人のために、なるべくわかりやすいものを選んでいます。 *もし、「このスライドもおすすめ」というものがあったら教えてください。 Reactとは? なぜ人は必死でjQueryを捨てようとしているのか なぜjQueryを捨て、Reactを採用しようとするのかについて説明してくれるスライドです。ページ遷移のないシングルページアプリケーション(SPA)への需要が増えてきているといった最近のトレンド

    これからReactを勉強する人が最初に見るべきスライド7選
  • Facebookのプロトタイピングツール、Origami Studio発表

    UX MILK編集長。株式会社メンバーズ LXグループ所属。LX(ラーニングエスペリエンス)にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 近年アプリ制作者の間では、UIだけでなくアプリのUXを検証すべく、プロトタイピングツールの需要が年々高まっています。国内ではPrott、国外ではInvisionやPixate、Flintoなどがありますが、最近だとAdobeもAdobe XDというツールを発表するなど、大手も積極的に業界に参戦しています。 そんな中、Facebookの開発者向けイベント「F8」にてFacebookのプロトタイピングツール「Origami Studio」についてのプレゼンテーションがありました。FacebookやFacebook Messengerのみならず、Instagramやその関連アプリなど、多数

    Facebookのプロトタイピングツール、Origami Studio発表
  • Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選

    みなさんはChrome拡張機能を活用していますか? 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChrome拡張機能を紹介します。 1. FireShot ダウンロードURL:FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL:PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ

    Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
  • 1