タグ

ブックマーク / coliss.com (3)

  • ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition

    日常的にVueを使用している開発者が、ReactVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 特に、Reactのフックについて具体的な使い方が解説されています。 I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 記事は以前翻訳した記事の2019年Editionで、Reactのフックが追加されています。以前の記事は下記をご覧ください。 ReactVueってどう違う?全く同じアプリをReactVueで作成してみて分かった相違点 隣の家の芝生は青く見える ReactVueで作成し

    ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition
  • 簡単すぎて驚いた!ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow

    Webサイトやスマホアプリのデザインで重要なのは、単一の画面ではなく、ユーザーがどのように遷移するか全体の流れを通して画面をデザインすること。 しかし、ユーザーフローやプロトタイプを作成するのは、なかなか面倒です。 Sketch(Photoshop, Adobe XDにも対応予定)ファイルからアートボードを自動同期し、ユーザーフローとプロトタイプを簡単に短時間で作成できるツールを紹介します。 現在はベータ版でmacOSのみですが、Windows版のリリースも予定されています。 Overflow Overflowの特徴 Overflowのダウンロード Overflowの使い方 Overflowの特徴 Overflowは、ユーザーフローとプロトタイプを簡単に作成することができるデスクトップ用のツールです。 オンラインツールではないので、安心して利用できると思います。 ユーザーフローの作成 Ov

    簡単すぎて驚いた!ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow
    macneko-ayu
    macneko-ayu 2018/11/20
    画面遷移図を作りたいときに良さそう
  • CSSのこのアイデアはすごすぎる!Webページのトラッキング・解析ができるスタイルシート -Crooked Style Sheets

    結果ページ どのリンクをいつクリックしたのか、いつホバーしたのか、指定エリアでどのくらいマウスを動かしたのか、フォームに特定の文言を入力したのか、チェックボックスをクリックしたのか、ブラウザは何か、解像度はいくつか、ディスプレイの向きはどっちなのか、などの情報が表示されました。 ※出力する際には、PHPが使用されています。 Crooked Style Sheetsの仕組み Crooked Style Sheetsは、外部CSS一つを加えるだけで、Webページのユーザーに関するさまざまな情報を取得できます。 基的な仕組み CSSではurl()関数を使用して、外部リソースを追加できます。url()関数の値は呼び出された時のみロードされるため、これをリンクがクリックされた時に利用します。 リンクを記述するHTMLは、要素を特定できるようにidを与えます。

    CSSのこのアイデアはすごすぎる!Webページのトラッキング・解析ができるスタイルシート -Crooked Style Sheets
    macneko-ayu
    macneko-ayu 2018/01/19
    こういうことができるのかーという驚きとともに、スタイルシートにスタイル以外の意味をもたせることに違和感を覚えるなぁ
  • 1