コーディング不要、“手書きデザイン”をそのままモバイルアプリに変換 | Techable(テッカブル)
現代のビジネスでは、自社商品やサービスの利用を促進するために、専用のアプリを開発して、ユーザーがより利用しやすい環境を作ることが1つのキーポイントになっている。昨今では、特に携帯電話やスマートフォン、タブレット端末を使う人が増加したため、より“モバイル”に力を入れるのは必然なことだろう。 とはいえ、コーディングの知識がない人にとって、いきなりモバイルサイトを構築しようとするのは敷居が高いもの。そこで活躍しそうなプラットフォームが「AppSeed」である。これは、何クリックかするだけの手間だけで、手書きで描いたデザインをそのまま電子データに変換し、モバイルアプリのプロトタイプを作成できる画期的なツール。 「AppSeed」を使って、手書きデザインを写真に撮影すると、スケッチの画像データを認識して、それぞれの部分を“個別の要素”として認識する。それらの抽出された“個別の要素”は、クリックして選
ダブルMVCの意味するところ [GoGaRuCo 2013] - ワザノバ | wazanova.jp
[Video] http://www.youtube.com/watch?v=s1dhXamEAKQ TildのYehuda KatzのGolden Gate Ruby Conference 2013での講演。 Ruby on RailsのクリエーターであるDavid Heinemeier Hanssonが、「JavaScript勢はダブルMVCで苦しんでいる。サーバとクライアント両方にMVCが必要で複雑すぎる。」とTwitterで発言したのに対して、Yehudaは、それでは誤解を与えると危惧し、GUIプログラミングが歴史的にどのようにMVCに発展してきたかを紹介することで、ダブルMVCが本当に意味するところを解説しています。 DHHの発言は、盛り上がってきたMeteor / Node.js勢に対する単なる批判っぽいですが、それに対してYehudaはロジカルに話をまとめてます。 スライドを
お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
Node.jsをサーバサイドのUIレイヤに限定するのか？ - ワザノバ | wazanova.jp
http://www.nczonline.net/blog/2013/10/07/node-js-and-the-new-web-front-end/ Nicholas ZakasはYahoo出身で現在Boxに勤めるフロントエンジニアで、JavaScriptに関する複数のオライリー本の著者でもあります。彼が自身のブログで、Node.jsをサーバサイドUIレイヤのみで活用することを提言してます。 JavaScriptエンジニアはフロントエンドのコントロールはできるが、サーバサイドのUIレイヤはバックエンドエンジニアの領域で、それがフロント（JavaScript）エンジニアとバックエンドエンジニア双方のストレスであった。（参照図１） Node.jsの登場で、サーバサイドのUIレイヤをサーバサイドのビジネスロジックから分離し、フロントエンジニアはブラウザ & サーバのUIレイヤ、バックエンドエン
コード書けないWebディレクターが個人サービスを久々に作ってみた感想 : けんすう日記
ハロー nanapiという会社をやりはじめて4年以上たっているのですが、元々プログラマーでもデザイナーでもない、Webディレクター的なポジションの人なので、コードを書いたりデザインをしたりHTMLを書いたりすることはなかったのですね。 で、最近、仕事で「離乳食の基本 」というサイトをやろうとしてですね、自分でサイトを作ってたら楽しくなってしまったので、余暇を使って新しくサイトを作ってみました。 憧れの暗号で投稿できるサービス - Crypt(クリプト) 普通に文章を投稿をするとですね、暗号になるという便利サービスです。単なる暗号だとかわいくないので、Web Fontを使ってかわいくしてみました。 暗号を解くには投稿時に設定したキーワードがいります。それがあると中身が見えます。 楽しいですよね！ なぜ作ったのか 自分１人でサービスを作ると、サービスと脳が直結するのですね。 言葉にする必要がな
JavaScriptでLeapMotionアプリを作る方法
こんにちは。クレイの浅海です。 いま話題のLeapMotionとJavascriptを使って、空中でピアノを演奏できるアプリを作りました。 まだLeapMotionを初めて数日なので勘違いしている部分もあるかもしれませんが、JavaScriptでLeapMotion対応アプリをどのように作るのかについて、気づいたことを紹介します。 目次 デモ leap.jsの用意 イベントループ Frameオブジェクト frame.fingers frame.hands frame.gestures circle swipe keyTap screenTap 感想 デモのコード デモ まずは実際に動かしている動画を御覧ください。 空中に手をかざすだけで、ピアノを演奏することができます。 音の再生にはMIDI.jsを使用しています。 ※ 手を3Dで表示している部分は、LeapMotion標準のビジュアライザ
LEAP Motion とブラウザを WebSocket で接続する - latest log
既に LEAP Motion を手に入れている人にはお馴染みかと思いますが、 JavaScript だけで、LEAP Motion を使いブラウザを操作することが可能です。 実際にChrome拡張で実装してみました (ε・◇・)з o O ( 未来キタ
ソーシャルゲーム開発の実体験記 #1 ポチポチゲー開発実体験談 : 驚異の趣味人
6/21追記 ほ、ホッテントリ入りしてしまった…！？ ちょっと補足なども書いてみました→ソーシャルゲーム開発体験談のホッテントリ入りを受けて はじめに ソーシャルゲーム開発会社で仕事していた時のアレコレ話 裏側って程でもないけど、まぁこんな感じだよってな具合で ソーシャルゲーム開発の実体験記 #1 ポチポチゲー開発実体験談 ソーシャルゲーム開発の実体験記 #2 全く売れない こんなオシゴトがあった。 ちょうど1年くらい前だが、ソーシャルゲーム開発現場に業務委託として関わっていたので その時あった事でも書き連ねて見ようと思った。 2年くらい前からソーシャルゲー開発には関わっており、現場もいくつか経験してはいるのだけど 所謂「ポチポチゲー」に初めて関わったのがこの時なので、色々と新しく得るものが多かったかな？ 良くも悪くも（苦笑） 開発会社・そのメンバー ちなみにこの時居たのは、業務システムや
iOS 7: ここ10年で最大の悪夢 | Ticking Point
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
ルールを再構築してより良いものを作ろう ~Wunderlistはどのようにして作られたか~ | Goodpatch Blog
みなさんWunderlistというアプリをご存知でしょうか？iPhone, iPad, Android, Windows, Mac, Webで使えるいいデザインのtodoリスト管理アプリです（無料）。とても素晴らしいアプリなので使っている方も多いかと思います。 先日このアプリを作っている会社6Wunderkinderのブログを読んでいたら、Wunderlistがどのようにして新しいデザインを作ってきたかが書かれた興味深い記事がありましたので翻訳（意訳）しました。 [以下Break Rules To design better productsの翻訳（意訳）] 私たちは一日のうちに、スマートフォンやタブレット、ノートパソコンといった様々なデバイスを使い分けています。それぞれに独自のガイドライン、インタラクションの種類、そしてもちろん異なったインターフェースがあり、私たちはデザイナーやエンジニ
ポートフォリオサービスのJAYPEGで出会える凄い日本人クリエイター 20
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
【後編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 | DevelopersIO
※この記事はBackbone.jsでつくるMVPなUIパターン【スクロールスパイ】前編からの続きの後編です。 ContentView 継承 ContentViewは文章を表示し、自身の管轄しているスクロール範囲を知っているコンポーネントです。Backbone.Viewを継承して実装します。 var ContentView = Backbone.View.extend({}); テンプレート UI表示用のテンプレート関数をNavViewと同じように定義しておきます。 <script type="text/template" id="ui-scroll-spy-content-template"> <div class="scroll-spy-content"> <%= content %> </div> </script> var ContentView = Backbone.View.ex
フロントエンドJavaScriptにおける設計とテスト
今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
【第2回】仕事情報検索サイト【ジョブセンス】スマホユーザーテスト結果まとめ｜U-NOTE【ユーノート】-イベントまとめプラットフォーム
前回の【第１回】yahoo!天気とウェザーニュースタッチユーザテストの評判が良かったので、第二弾を実施致しました。 週一回実施を目標に頑張っていきます！ さて、今回も弊社のUIscopeというユーザーテストが早く・安く・簡単にできるサービスを利用して、お仕事情報検索サイト『アルバイト/求人情報【ジョブセンス】』のテストを勝手に実施しました。 サイト名：アルバイト/求人情報【ジョブセンス】 URL：http://j-sen.jp/ TOPページは下記のようなデザインです。 必要最低限の情報量にすっきりまとまっており、使いやすさが見て取れるシンプルなレイアウトになっています。明るい水色でキャラクターがいる事により、男女問わず親しみやすいデザインです。 ページ全体画面 全体的にもボタンのサイズも余裕がある為、誤打が少ないよう作られています。 一発検索とエリアから段階的に探す２通りの検索方法が
これはもはや魔法！ HTML5, JavaScriptで実装されたリッチなアプリケーション5選 | らふらく ^^
最近、話題になっているJavaScriptですごいものを 実装している方々がいたので紹介したいと思います。 これだけできるなんて正直驚きました。 ①3Dゲームのような画面を再現 Minecraft4kJS こちらは、画面上でダンジョンを進んでいくような間隔を味わえるアプリケーションです。 こんな猛者がいるなんて.. ②めちゃくちゃかっこいい時計 orked from: パーティクル時計 クリックするたびに、画面がはじけるような演出がかっこいい！ JSだけでこんなにリッチな作品がつくれる！ ③洗練されまくってるToDoアプリ soda todo これは、ぜひ、実際に使ってみてほしいです。 タスクを追加したときの演出が格好よすぎて、 めちゃくちゃ気持ちいいです。 こんなTodoがあったら、仕事のモチベーションも上がるのではないでしょうか？ ④チャット形式の登録フォーム
＠ITイベントカレンダー
平素よりイベントカレンダー＋ログをご利用いただき、誠にありがとうございます。 イベントカレンダー＋ログは「IT・製造業・ビジネス関係のイベント（セミナー・展示会・勉強会・コンテスト・Webイベントなど）を開催する企業・コミュニティが登録したイベント情報のポータルサイト」として約7年間運営をしてきました。これまでサービスを続けることができたのは、イベントカレンダー＋ログのコンセプトに共感をいただき、適切なイベント情報をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、イベント情報の入手方法の多様化やイベント紹介サービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年6月30日（火）15:00をもちましてイベントカレンダー＋ログのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知ら
トレンドに振り回されない。デザインの考え方を等身大にまとめた本を書きました。
東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。 1月29日に「スマートフォンデザインでラクするためには」という本を技術評論社さんにて書かせていただきました。 表紙カッコイイ！！！ いつも書いているブログ記事の豪華版 このブログではよく作ったアイコンやロゴ、Webサイトの製作過程を紹介しています。 なぜそれをするのかというとデザインでは「何を考え、どう決断し、どう表現したか」が大切だからです。 「スマートフォンデザインでラクするために」はその「何を考え、どう決断し、どう表現したか」をより掘り下げて232ページ、6万文字弱使って書いています。 いやー豪華ですねー。死ぬかと思った！ 画面に向かうな 「画面に向かうな」とはわたしがよく行うデザインの模索方法です。これ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
台風26号で生まれた名アナウンス : 市況かぶ全力２階建
関数プログラミングが教えてくれる規律
触れる空中ディスプレイ「DisplAir」、量産へ
