Googleが、ローカルベースのプロトタイピングツールPixateを買収した模様。以後、Pixateアプリは無料となり引き続き開発が続けられるようです。 2013年頃、Pixateに$600払ってた俺は泣いた。おめでとうございます。 Invisionを主流に百花繚乱の分断化で割と困っていたプロトタイピング業界。Googleがこの分野に手を出したことで変動は起きるのだろうか。 これがプロトタイピングツールの決定版になるとよいですね。高性能だし無料だし。クラウド版も$5だし。 日本でプロトタイピングサービスばパッとしない究極の問題は、サービスがオンラインのことなんですよね。SI系の人たちは「セキュリティ的な事情でオンラインの共有サービスを使えない」という事情がありました。Pixateはローカルアプリなので、その辺の心配をする必要がないのがポイントですね。そのうち大手SIとかでもこういうツールが
PixateはMac OSX用のソフトウェアです。 iOSアプリのデザインはXcodeを使って行うのが一般的です。しかしWebデザイナーや開発者にとっては思い通りにいかなくてやきもきするときがあるかも知れません。そこで注目したいのがPixateです。何とスタイルシートと同じ記述で画面を作成できます。増資し、フリーになりました。 ボタンのデザイン。確かにスタイルシート調です。 記述を変えればダイナミックに描画が変わるのも特徴です。 SVGの表示も行えます。 さらにタップすると線だけに。 こちらはプレイグラウンド。様々な表示例があります。 ラベル。テキストエリアの部分は変更できます。 こんな感じにダイナミックに文字サイズを変更できます。 地図のポインター部分の大きさを変更。 本当に数多くのデモがあります。 検索ボックス。 セクション付きのテーブルビュー。 様々なテキストビュー。 Pixateは
数日前に Pixate という iOS 向けミドルウェアがリリースされました。なんとiOSアプリの見た目を css で書けるという、全ウェブ開発者感涙のライブラリ。こりゃすげえ。ただし無料というわけにはいかず、18,000円くらいでこざいます。 2月9日 追記 トライアル版と、個人利用のための無料版が出たようです。 RubyMotion の teacupのように css チックな DSL で書ける、というものはありましたが Pixate はその辺とは次元が違ってて、普通に css ファイルに css を書くことができる。 button.blue { position: 60, 100; size: 200, 40; border-radius: 7px; font-family: 'Courier New'; font-size: 18pt; font-weight: bold; bord
Pixate
Saying farewell to Pixate. When we launched Pixate, our mission was to change the way mobile apps were prototyped. We joined Google just over a year ago to continue our mission, and to pursue a broader vision of changing the way products were designed and built. While a lot of the ideas we’ve been developing could work inside the Pixate framework, we believe we can have a larger impact if we move
モバイル向けのアプリやウェブサービスなどを作成する際、実際にスマートフォンの画面でアプリやサービスがどのように仕上がるのかを確かめることは重要です。また、複数人でアプリを作成したり、デザイナーとエンジニアが分業していたりする場合は、サービスがどのようなものになるのかをイメージできるプロトタイプを共有することで作業がよりはかどるようになります。そんなアプリやサービスのプロトタイプを簡単＆無料で作れるソフトウェアが「Pixate」で、どこにどんなパーツを配置するのかを目で見て指で操作しながら確かめることが可能です。 Pixate http://www.pixate.com/ ◆Pixateをインストール 上記リンクにアクセスして「Download Studio - it's free」をクリック。 「OK」をクリック。 ダウンロードした「PixateSetup.zip」をExplzhなどのツー
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
Bootstrap | Pixate
Pixate's mission is to reduce the complexity of creating apps and make that process accessible to anyone. Pixate Engine is our free dynamic user interface platform for mobile apps.'Pixate Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier mobile app development. Based on Twitter Bootstrap v2.3.1. Introduction Pixate Bootstrap is based on the popular Twitter Bootstra
国内でもモバイルプロトタイピングツールはグッドパッチが提供している「Prott」があり、こちらもかなり使い勝手が良く、デザインだけでなく「チームでのコミュニケーション」までも視野に入れた作りになっています。 大きな違いになるポイントは「Pixate」は無料で利用が可能であり、「Prott」は有料（無料ユーザーには機能制限あり）という点。試験的に導入してみるという時に有料/無料では大きなハードルになりそうです。 またPixateはオフラインで利用できるローカルアプリで、Prottはオンラインという点も企業によっては導入にあたってポイントになるかもしれません。ちなみに国内ではYahoo!やクックパッド、リクルート、GREE、DeNA、IDEOなど大手が「Prott」を導入しています。 Prott - Rapid prototyping tool. Now gets an app. 実際に「Pi
インタラクションのモックアップ ネイティブアプリを作っていて、いわゆるインタラクション・アニメーションの部分をモックアップできるツールの必要性を感じたので @hiloki さんに聞いたツールをいくつか試してみました。 The Next Generation of Mobile Interaction Design | Pixate Justinmind: Interactive wireframes for web and mobile Briefs 昔ながらに Flash を使うという選択肢もあった気はしますがせっかくなので、そういう用途に特化したツールを探したかった次第。（メンバーに Flash 使えるひとがいなかったという事情もある） Pixateがよかった The Next Generation of Mobile Interaction Design | Pixate 結果、一番
Pixateに変わるプロトタイピングツールとは？５つのツールを徹底比較！ | CyberAgent Developers Blog
みなさん、初めまして。AbemaTVデザイナーの竹原です。 AbemaTVは、無料で楽しめるインターネットテレビ局として、スマートフォンやPC、AppleTV、AndroidTVなど様々なデバイスで提供している動画サービスです。今回は開発現場でUIを制作する時に使用する【プロトタイピングツール】についてまとめます。 デザイナーの役割とプロトタイピングツールの必要性 ネイティブアプリの開発現場では、デザイナーは静的なデザインを作るだけでなく遷移や動きのイメージをエンジニアやプロデューサーと共有する事が求められています。プロトタイピングツールを使うことで、全体のストーリー設計を早い段階からメンバーと共有でき課題を洗い出せることで、制作の効率をあげることに繋がります。2010年Sketchが登場して以来、新しいプロトタイピングツールも次々と登場しています。ここ数年のプロトタイピングツールの変化と
amana tech night vol.2 『達人たちから学ぶ。実践！プロトタイピング』にて行ったワークショップの資料の補完版です。 http://amana.connpass.com/event/13663/
motion-pixate-observer という gem を作りました - Watson's Blog
いやー、Pixate は素晴らしいですね。CSS でデザインできることがこんなに楽だったのかと改めて痛感しております。 ただ使っているうちに CSS を変更するたびに rake を実行し rebuild してデザインを確認するのが面倒くさい、もっと楽にならんのかと欲がでてきてしまいました。 最初は https://gist.github.com/4573005 で、 HTTP サーバに CSS ファイルを置いて更新用のボタンなど押す HTTP サーバ から CSS をダウンロードしてデザインを更新 というフローでやっていたのですが、サーバが決め打ちで柔軟性を持たせようとすると iOS アプリ側でサーバのアドレスを変更できるようにしないといけなくて面倒、さらに更新用のボタンを押すことすら面倒かもと、面倒なことが多すぎ！！ ということで、RubyMotion もくもく会で motion-pix
ついにCSSだけでネイティブアプリUI開発が可能な時代がくるか, ネイティブiPhoneアプリUIをCSSで作れるPixateを試してみた
iPhoneアプリをHTML5で作れるTitaniumやPhoneGapといったライブラリがある事は多くの開発者がご存知かと思います。レーベではiPhoneアプリ開発を行う場合、このようなライブラリは使わずにネイティブアプリ(Objective-C)を開発します。 TitaniumやPhoneGapを採用しない理由は様々ありますが、最大の理由はネイティブアプリの方が高速に動作するからです。簡単に開発出来てもモッサリしたアプリでは困ります。(※iPhoneアプリ開発プロジェクトでは動作速度に非常にハイレベルな注文が入る事も多いです) しかしながら、最近のプロジェクトではスマホWebアプリ/iPhoneアプリ/Androidアプリを同時並行で進行するプロジェクトもあり、Webアプリ1本でよかった頃よりUI開発工数が増えているのは事実です。 もしそれぞれのUI開発をHTML/CSSに集約する事が
『「pixate」はじめの１歩。』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！ アメーバブログでデザインを担当している、中 隆理(ナカ タカミチ)と申します。 私は、pixateの紹介や操作方法、理解が難しいと感じた部分の説明などを2度に分けて行いたいと思います。 今回は、制作開始までに必要な準備とツールの使い方を、作業を円滑に進めるためのポイントなどを含め説明させていただきます。 「pixate」とは 簡単に言うと、 「細かい動きまで作り込める、ネイティブアプリ向けプロトタイピングツール」 です。 そして、pixateを使用するメリットとして 「アプリなどの操作に対応するアクション(パーツの動きや形、色の変化など
なかなか使い勝手のいいpixaeですがGetting Startedに リアルタイム更新のためのビデオチュートリアルがリンクされていました。 Pixate Real Time CSS - YouTube 注意 動画ではdelegateファイルに #import <PXEngine/PXStyleSheet.h>足して application:didFinishLaunchingWithOptionsに [PXStylesheet currentApplicationStylesheet].monitorChanges = YES;追加せよってなってますが、 Pixate Ver1.0.3では動きません。 Pixate Ver1.0.3でのやり方 headerファイルを漁って見ると PXEngine.hに + (PXStylesheet *)currentApplicationStylesh
Blog | Pixate
Pixate + Google Today, I am very proud to announce that Pixate has joined Google’s design team. Pixate was started three years ago with the goal to make designing and prototyping native mobile applications easy and more accessible. Our early adopters helped guide us along the path of making tools and services that best fit the needs of designers struggling to turn their ideas into reality. Today,
Pixate: Beautiful Native Mobile Apps (Canceled) by Pixate, Inc. — Kickstarter
Funding for this project was canceled by the project creator on Aug 14 2012
Note: This post is now also on Medium. And there are Chinese (+ another one) and Russian translations. I recreated the IF by IFTTT user onboarding in five different high-fidelity prototyping tools to get an idea of the differences between them: Proto.io, Pixate, Framer, Facebook’s Origami and RelativeWave’s Form. See how these five recreations behave compared to the real thing: Updated 22 July 201
メディアに掲載していただきました！わ〜い＾＾ 「テクニカルクリエイター.com」 http://technical-creator.com/ 妄想から完成形へ 誰しも、なんとなく「こういうモノがあったら流行るんじゃないか？」みたいなアイデアを思いつくことがあると思います。 でも、 「アイデアは検証しなければただの妄想です」 早く形にしてしまいましょう。 そんなわけで、今回はプロトタイピングツールの話 で、たくさんあるプロトタイピングツールですが、今回は『PIXATE』についてまとめたいと思います。 画面遷移図などが具体的に固まっていれば、早くて１日〜２日で完成形のイメージをそのまま作れます。 今回PIXATEで作るプロトタイプはこれ。 こんな感じで、アプリの完成系のイメージをサクッと作れる『PIXATE』ですが、Googleに買収されて（←なんかイヤな言い方ですがw）無料で使えるようになっ
Freestyle | Pixate
Pixate's mission is to reduce the complexity of creating apps and make that process accessible to anyone. Pixate Engine is our free dynamic user interface platform for mobile apps.Introducing Freestyle Freestyle is a simple, powerful way to define the look and feel of your app, via structured CSS and Sass. It’s iOS native, high-performance, and it helps keep developers and designers in sync. Oh, a
Five app prototyping tools compared: Proto.io, Pixate, Origami, Framer & Form
There are 🇺🇦 Ukrainian, 🇷🇺 Russian (+ another one) and 🇨🇳 Chinese (+ another one) translations of this article, and there’s a follow-up with Principle, Flinto for Mac & Tumult Hype. I recreated the IF by IFTTT user onboarding in five different high-fidelity prototyping tools to get an idea of the differences between them: Proto.io, Pixate, Framer, Facebook’s Origami and RelativeWave’s Form.
Pixate、380万ドルの資金調達を発表
Pixateのことを知らないのであれば、同新興企業には現在、徹底的に調べるべきさらに380万もの理由がある。 カリフォルニア州パロアルトに拠点を置き、Y Combinatorの支援を受けているPixateは米国時間7月2日午前、380万ドルの資金を調達したことを発表した。すぐ近くに拠点を置くベンチャーキャピタル企業のAccel Partnersが、その大半を出資したという。 Pixateの使命は、ネイティブモバイルアプリケーション向けに「動的なユーザーインターフェース」を開発することだ。同社の「Pixate Engine for iOS」は、ユーザーインターフェースの構築に必要なコードの量を削減するとうたう無料ツールだ。Pixate Engine for iOSはネイティブCSSおよびグラフィックスエンジンを搭載しており、開発者がAppleの「App Store」にアプリを再提出することな
PixateでTitaniumでもUIにドロップシャドー適用出来る - 40歳からのキャリアチェンジ
娘の幼稚園入園前のイベントがあって自分はtiTokyo参加してないこともあって、TouchTestとか何か面白い話題が出てみたいですがそんなことを気にせずpixateのことでも書こうかと思います Pixateとは？ iOSアプリのUI部分をcssで書けるライブラリ。詳しくはnaoyaさんのPixateのエントリが詳しいのでそちらをご覧いただくのがいいいかと思います Pixateを知った経緯 自分はTitanium中心に情報をチェックしてるのですが、Titanium Mobile開発やってる人にRubyMotionをオススメする理由というエントリを以前書いたように、Ruby Motionの情報も一応追ってます。 そっちの情報見てたら、Ruby Motion開発の開発チーム中の人から @h5y1m141 リリースノートに近いうちに Ti 用のライブラリを出すようなことが書かれてますね :) c
『「pixate」制作で悩む３つのところ。』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！ アメーバブログでデザインを担当している、中 隆理(ナカ タカミチ)と申します。 先日、1pixelでpixateの紹介や操作方法を説明させていただきました。 Ameba古着屋をダウンロードして実際に見ていただくか、pixateで制作したサンプルがあるので、pixateアプリのQRリーダーから読み取っていただくと、内容が把握しやすいと思います！ 今回の内容1. スクロールさせる 2. スクロールとアニメーションを組み合わせる 3. コンディション（if文）を使う pixateの制作で、クセがあり、つまづくポイントになりそうという理由でこれ
iOSのデザインをcss likeに書けるPixateよさそうだけど、 お値段が結構するなーと思って素通りしていたんですが Non-Commercial版が無料で出たので使ってみました。 Getting Started Getting Started これに沿ってやってみます。 準備 0.Pixateのダウンロード 1.新規プロジェクト作成(storyboardは無し、use ARC) 2.Round Rect Buttonを配置 titleを My Buttonに変更 3.xibのautolayoutのチェックをOFF Pixate自体はautolayoutはサポートしているけど、ここではとりあえずOFF。 4.ダウンロードしたPXEngine.frameworkをXcodeプロジェクトに追加 5.TargetのBuild Settingsを修正 Other Linker Flags：-
GitHub - Pixate/pixate-freestyle-ios: Pixate Freestyle for iOS
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - Pixate/RubyMotion-PixateFreestyle: Pixate gem for RubyMotion.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Saying farewell to Pixate (and looking to the future) When we launched Pixate over two years ago, our mission was to give designers the much-needed ability to create and experiment with complex animated interfaces. Since then, we’ve been fortunate enough to see Pixate improve the prototyping process for a wide range of teams, bringing life to creative ideas and going beyond what we thought was pos
GitHub - Pixate/Titanium-PixateFreestyle: Titanium Module for Pixate Framework
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
RubyMotion-Pixate : Pixate gem for RubyMotion.Pixate gem for RubyMotion. Requirements RubyMotion 1.0 or greater (see http://www.rubymotion.com). Setup Download the Pixate Framework package from http://www.pixate.com/ and copy the PXEngine.framework folder into vendor directory (or alternatively just create a symbolic link). Create the vendor directory if it does not exist. You should have somethin
Pixate Launches with RubyMotion Support - RubyMotion Blog
This is the official blog of RubyMotion, a toolchain for iOS development that lets do you do iPhone and iPad apps in Ruby. Follow us on Twitter or subscribe to our newsletter to stay tuned with everything that's happening in the community! Not a RubyMotion user yet? Purchase it today! Pixate is a framework for iOS that lets you easily create and style beautiful user interfaces using CSS. Pixate wa
App design is an evolving space and it seems a lot of publishers are recognising the importance of having a good design. The best part of the evolution is the companies that are springing up to make the journey to great app design easier. One of such companies that promises to make that journey easier is Pixate and I have been following their progress since the launch on Kickstarter a while back.
みなさんこんにちは、クリエイティブ部でデザインを担当しているさーやです。昨今、プロトタイピングはアプリ開発において重要なステップのひとつになっていますよね。 これに合わせてプロトタイピングツールも数多く登場し、さながら戦国時代の様相を呈しております。 そのひとつ、Pixate は高機能かつリッチなアニメーションが利用できるツールとして注目されています。 POP や prott と比較して機能が豊富な一方、複雑かつ設定できる項目が多いため、ややとっつき辛い印象を持っている方もいるのではないでしょうか？ 公式のユーザーガイドやチュートリアルも用意されていますが、いまのところ英語のみのようです。 英語ができる人なら問題ないと思いますが、私のように学生時代の英語の成績が目も当てられなかった人はツライ事この上ないですよね… そんな私ですが、「それでも Pixate 使いたい！」と思い立ち、その成果を
Video Tutorials | Pixate
Tutorial length - 1:33 minutesState Toggles Using Conditions
いろいろと新しいAPIが追加されている。 iOS 7 : NSHipster いくつか紹介する（ソースコードは元サイトから引用）。 NSData (NSDataBase64Encoding) NSString *string = @"Lorem ip...
GoogleがPixateを買収した。Pixateは、「iOS」および「Android」で動くモバイルプロトタイプの構築を支援するソフトウェアを開発する。 Googleがアプリのプロトタイプ作成を支援する企業を買収するのは今回で2度目。同社は2014年にも「Form」の開発元であるRelativeWaveを買収している。 Y Combinatorの出資を受けたPixateは2013年にiOSのみを対象とするUIデザインプラットフォームをリリースし、その後、資金調達ラウンドで得た資金を利用して、対象範囲をAndroidにも拡大した。当初は、ウェブの矢継ぎ早の更新をネイティブアプリケーションフォーマットにもたらし、「Adobe Photoshop」や「Xcode」で費やされる時間を短縮できることを売り文句にしていた。 Pixateは、GoogleでMaterial Designを担当するチーム
Pixate
Saying farewell to Pixate. When we launched Pixate, our mission was to change the way mobile apps were prototyped. We joined Google just over a year ago to continue our mission, and to pursue a broader vision of changing the way products were designed and built. While a lot of the ideas we’ve been developing could work inside the Pixate framework, we believe we can have a larger impact if we move
Documentation - Pixate
Pixate for iOS Documentation Here you will find all the documentation you need to start creating beautiful native mobile apps styled with CSS. Getting Started Styling Reference Dev Reference
さよなら Pixate, よろしくProtoPie
국내 유일 디자이너를 위한 프로토타이핑 툴 프로토파이🍪를 널리 전파하고픈 한 유저로써 무언가 큰 사명감을 갖고, 번역을 시도해 보았다. 앞으로도 종종 프로토파이의 서포터 역할을 자진해서 할 생각이다w それは残念なお知らせだった。Pixateがサービスを終了してしまった。それはまるでFlashがこの世界から消えたのと同じくらいの心持ちだった。PixateはFlashのように支配的でもなく、シンプルなプロトタイピングが好きな多くのユーザーたちにきっと受け入れられたと思う。Pixateはいいツールだった。そして我々はもうすぐPixateとお別れをしなければいけない。 先日、あるデザイナーにPixate似の、もしくはそれより少し優れているツールを見せてもらったことがある。（それにβ版…涙）彼が見せたそのツールの名は、「 Protopie 」。その出会いが私の心配を一瞬で吹
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoogleがプロトタイピングツールPixateを買収。無料化される。オススメ。 | fladdict
iOSアプリのデザインをスタイルシートで行う凄い技術·Pixate MOONGIFT
Pixate - naoyaのはてなダイアリー
無料でドラッグ＆ドロップしてアプリのプロトタイプをカンタンに作成できる「Pixate」
『After EffectsやPixateを使ったUIインタラクションデザインコンセプト』
Google モバイルプロトタイピングツール「Pixate」を買収、無料で利用可能に｜男子ハック
Pixateでアプリのインタラクションモックアップが捗りそう
amana tech night vol.2 『実践！Pixate』
pixateでリアルタイム更新 - rochefort's blog
Five app prototyping tools compared: Form, Framer, Origami, Pixate, and Proto.io
アプリの完成形を２日で作る『PIXATE』 - Qiita
pixateを使ってみる - rochefort's blog
Saying farewell to Pixate (and looking to the future)
RubyMotion-Pixate
Styling Your App Using Pixate
Pixateことはじめ | ギャップロ
CSSでデザインできるフレームワーク Pixate が正式リリース
グーグル、モバイル向けプロトタイピングツールのPixateを買収
Googleが買収したプロトタイピングサービス「Pixate」が「Pixate Studio 2.0」をリリース。動画やオーディオアセットをサポート。
