タグ

prototypeに関するkasahiのブックマーク (10)

  • VASILYデザイナーが選ぶ、アプリデザイン効率化のためのツール7選 | 株式会社VASILY(ヴァシリー)

    VASILYデザイナーチームが、アプリデザインを行う際に使用しているアプリやツールをご紹介しますプロダクト開発においてスピードも重視するVASILYでは、効率的・効果的にデザインを行えるよう様々なツールを活用しています。 今回は、これまで使ってきた中でオススメのアプリやサービスをいくつかご紹介したいと思います。 プロトタイピングをつくる アプリ制作は、 - どこからどこへ遷移するのか - どのようなアクション・アニメーションで遷移するのか など、実際に動いているものを検討してみないとわからないケースが多いものです。 実装後、「やっぱこれって変じゃない?」とならないためにも、VASILYではプロトタイピングでの確認・検討を必ず行うようにしています。  POP https://popapp.in/jp/ [iPhone / Android]※2015年3月12日現在 POP(

    VASILYデザイナーが選ぶ、アプリデザイン効率化のためのツール7選 | 株式会社VASILY(ヴァシリー)
  • 【祝入賞!】Yahoo!のUXを競う「プロトタイプコンテスト」に参加して学べたこと - クリームソーダ浴びたい

    Yahoo!さんのプロコン'14に応募しました 「モヤモヤをワクワクに変えるアプリ」というテーマで、プロトタイプを募集するコンテストを見つけたのは昨年の12月頭でした。 プロコン'14 -Prototype Contest- 締め切りまであと1ヶ月!とYahoo!の松さんがFacebook上で投稿していたのです。応募要項は、プロトタイプURLとランディングページのデザインを1/11までに送ること。こういった企画コンテストには応募したことがなかったのですが、同僚に共有したら応募してみよう!と誘われました。ハミガコ!という歯磨きを楽しくするアプリを企画し、予選を通過し、1月22日に決勝プレゼンを行いました。結果は、UI賞と準グランプリのタブル受賞という嬉しいものでした。 アプリスクショ ランディングページデザイン 今回は同じ会社だけどプロジェクトの違うエンジニアと、会社も違って初対面、同僚の

    【祝入賞!】Yahoo!のUXを競う「プロトタイプコンテスト」に参加して学べたこと - クリームソーダ浴びたい
  • 開発前に欠かせない超ハイレベルな無料プロトタイプ制作アプリ5選|グロースハックジャパン|Growth Hack Japan

    dited by Ryutaro Mori growth hack japan official Twitter account growth hack japan official Facebook account 過度に強調することが出来ないほど重要なプロトタイプ制作。 その重要性は、グロースハックジャパンの記事「グロースハックの大前提 「MVP」の種類と実例 5選」でもお伝えした通りです。 ではどんなツールを使ってプロトタイプを制作すれば良いのか。 ここは多いに迷うところですが、「はやい、やすい、うまい」に越したことはありませんよね? そこで日は、吉野家もびっくりの超ハイレベルな無料プロトタイプ制作アプリを、5つまとめてご紹介致します! 数あるアプリの中でも、使いやすさや完成品のクオリティに焦点をあてて厳選した5つの無料アプリですので、必ずお気に入りが見つかること間違いないでしょう

    開発前に欠かせない超ハイレベルな無料プロトタイプ制作アプリ5選|グロースハックジャパン|Growth Hack Japan
  • ペーパープロトタイピング入門 – 第0回 | fladdict

    先日リリースした、スマホアプリのペーパープロトタイピング用ノート。 商品として販売した以上、お客様のフォローアップは必須。ということで、ペーパープロトタイピング講座をはじめようかと。 全体構成は以下のような感じで、5回ほどにわけて解説していければと思います。 第1回、どうして紙でプロトを作るのか? 紙で行うプロトタイピングの利点や特徴。ワイヤーフレームとの違いについて。 第2回、ペーパープロトタイピングに使う道具 自分でやってみるのに最低限必要な道具や、あると便利な小物などを紹介。 第3回、ペーパープロトタイピングの仕方 実際に紙をつかって、アプリケーションのプロトタイピングを行ってみる。 第4回、見やすいペーパープロトの描き方 チーム共有やプレゼン用に、見栄えのいいペーパープロトを手早く描く方法。 第5回、ペーパープロトから動作モックアップを作る POPなどのアプリを使って、紙のプロトタ

    ペーパープロトタイピング入門 – 第0回 | fladdict
  • prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog

    どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な

    prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog
  • prototype.js vs jquery vs mootools vs YUI vs Dojo

    prototype.js、jquery 、mootools、YUI 、DojoAdobeSpry、Dojo、 MicrosoftAjax、YUI、Rico、MochiKit、Ext、Alfax、script.aclo.us… 実際使ってるのから名前は聞いたことある程度のものまで、色々と出てきて便利なのはいいんだけど、 正直どれ使えばいいのか分からない…(´д`)という時もある。自分は大抵mootoolsだけどw 選ぶ時の参考になるかもしれないAjaxフレームワークのベンチマーク記事の紹介。 まずPeter Velichkov’s Blogの MooTools vs JQuery vs Prototype vs YUI vs Dojo Comparison Revisedでは タイトルに挙げたprototype.js、jquery、mootools、YUI、Dojoのベンチマークをグラフにし

    prototype.js vs jquery vs mootools vs YUI vs Dojo
    kasahi
    kasahi 2010/04/30
    迷ったらjQueryかmootools。速さに拘るならDojo一択。prototype.jsとYUIはAjaxフル活用する大規模サイト向け。
  • [JS]PrototypeとjQueryの比較

    JavaScriptのライブラリ、prototypeとjQueryのさまざまな面から比較したスライドショーの紹介です。 Prototype & jQuery

    [JS]PrototypeとjQueryの比較
    kasahi
    kasahi 2010/04/30
    PrototypeとjQueryの比較
  • 激論: Prototype vs. jQuery

    Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。このでは、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

    激論: Prototype vs. jQuery
    kasahi
    kasahi 2010/04/30
    jsライブラリの比較
  • web newbie - Javascript初心者からみたprototype

    http://d.hatena.ne.jp/amachang/20070413/1176421425 勉強会のあと、そしてこの記事の後、 もう一度自分の中でprototypeについてまとめてみた。 下の実行結果を見て、首をかしげた人は是非とも読んでいただければと思う。 (って、首をかしげるのは僕だけか?!) var Box = function(size){ this.size = size; }; Box.prototype = { color: "red" }; var box = new Box(10); alert(box.color); // red Box.prototype = { color: "blue" }; alert(box.color); // red var box2 = new Box(11); alert(box2.color); // blue Box.p

    web newbie - Javascript初心者からみたprototype
  • prototype.jsを10KBにする方法

    2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました(「何者か」 = 酒……)。 prototype.jsを10KBにする方法の続き(.htaccessをスマートに使う) : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する 正真正銘、Prototype(“prototype-1.4.0.js”)を10キロバイト(10,453 bytes)に圧縮して、しかも(当たり前ながら)動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。 しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした(他は

    prototype.jsを10KBにする方法
  • 1