こんにちは、技術部モバイル基盤グループの茂呂(@slightair)です。 モバイル基盤グループでは、クックパッドの iOS/Android アプリに関する様々な仕事をしています。 不具合を抑え、品質を保ちながら安定してリリースサイクルを回せる環境づくり アプリの開発者がサービス開発に専念できるように、コードリファクタリングやライブラリの整備 OSやライブラリ、開発ツールのバージョンアップに伴う調査・検証・対応 この記事にはiOS9がリリースされた結果、クックパッドのサービスに何が起き、どういう対応をしてきたかをまとめます。 Universal Links iOS9 で Universal Links という機能が入りました。これは、Safari で開いた Web ページ中のリンクに対応したアプリが端末にインストールされていれば、アプリでリンク先のコンテンツを表示できるというものです。 う

アプリマーケティング研究所 > 広告・マネタイズ > 「半月で3,000万円稼いだ」スマホアプリ「今日、彼女が死んだ」のNagisaが語る「放置ゲーム」で稼ぐためのゲームバランス3要素。 今回は「今日、彼女が死んだ」というアプリが好調の、Nagisaさんにお話を伺いました。「放置ゲーム」のつくり方、狙うべきジャンル、マネタイズのコツとは？ ※株式会社Nagisa 執行役 井上大紀さん、吉丸奈那さん。 「今日、彼女が死んだ」について 「今日、彼女が死んだ」について教えてください。 井上： タイムマシンで過去にもどって「死んでしまった彼女の未来を変える」というストーリーの放置ゲームです。 「ゲームを進める順番」は全部で243通りあって、彼女の容姿などもそれに応じて変わったり、マルチエンディングにも対応しています。 ダウンロード数でいうと、いまどのくらいですか？ 井上： リリースから20日間で約

新卒エンジニア向け：Macにインストールすべきアプリ達2014年新卒エンジニア向けに、最初から知っておくと便利になるであろうアプリなどを紹介する機会があったので、ついでにブログ記事としてまとめておく。Boxenとかもあるけど、正直手軽さにかける印象なので、普通にHomeBrewと手作業。 下記で説明しているHomeBrew Caskを使えば、ほぼ一発で必要なアプリケーションが手に入るのでオススメ。 正直、iOS/Androidエンジニア向けのものは、あんまりない…。すまそん。 前提 Mac OSX 10.9〜（多少、古くても出来ると思うけど） Webエンジニア（PHPメイン）／iOS,Androidエンジニア対象 なにがなんでも最初に入れるべきアプリ Xcode HomeBrew HomeBrewを通じてインストールすべきもの Brew Cask zsh vim jq | JSONパーサー

こんにちは！ 最近Goodpatchでアプリの制作依頼をいただくようになったので、この機会にアプリを作る際に必要なアプリのアイコンサイズを一通り調べてみました！ 調べたのは以下の6種類です。調べた限りこれらがまとまっている記事がなかったのでMEMOPATCHで記事にしました。（サイズは全てピクセルです） ◯PC ・Mac OS ・Windows XP ・Windows 8 ◯モバイル ・iOS ・Android ・Windows Phone 7 16 x 16（icon_16x16 .png） 32 x 32（icon_16x16@2x .png） 32 x 32（icon_32x32 .png） 64 x 64（icon_32x32@2x .png） 128 x 128（icon_128x128 .png） 256 x 256（icon_128x128@2x .png） 256 x 25

高齢者へのiPad導入を阻んだiOSのUI/UXの話 先月（2013年11月）、徳島県南部局と美波町が共催する「ITふるさと村」の講座で、iPadを使ったタブレット講座を開催しました。その成功と失敗の体験について書こうと思います。 Facetimeビデオ通話のデモで会場を一気に盛り上げたものの、参加者に実際に体験してもらう段階で「大失敗」。AppleIDの取得とそのためのiCloudメールの登録をしてもらってから、と進めたのですが、30名ほどの参加者のうち時間内にゴール出来たのは、たったの１名。好きなアプリをダウンロードしてもらい、タブレットの楽しさを感じてもらう目標が、そのスタート地点にも立てず(;_;) 企画や運営、インストラクターとしては完全に落第点でした。それを棚に上げると、高齢者とITに関する課題が大量に見えたという点では、ある意味「大成功」だったとも言えるでしょう。 【講座内容

私はデザイナなのですが、Xcode使うーと言うと驚かれることがけっこうあり、その事実にむしろ私のほうが驚いている。 Xcode無しでどうやってデザインするんだろう。アプリには実際に動かしてみないとわからないことがたくさんある。タップしないでタップ色を決めるとか難しすぎる。 エンジニアがうまくデザインの意図を汲み取ってくれていい感じに実装してくれているのか、デザイナの想像力と経験がすごいのか、UIにあまり重きを置いていないのか。 人々が実際どうやってるんだろというのはずっと謎に思っている。 私は、外部のエンジニアさんと組むときは、私が下手にコードさわらないほうが良い場合が多いと思うので、コミットはしないけれども、手元では最新のソース落としてXcode上でデザイン調整している。画像差し替えたり、色、位置、サイズなど変えながら実機で動かしてみて、凝視したり、遠目に見たり、歩きながらとか、外で使っ

初めてのiPhoneアプリを7日間で開発しました。 ウェブサイトの企画・制作が本業の僕にとって、アプリの制作はまったくの未経験。そのくせApp storeでリリースするところまで達成できたのは、 アプリ作成に挑む前の「気持ちの作り方」 技術不足を補ってくれるツール この2つのおかげだと思っています。 アプリの制作に挑戦し、途中で挫折してしまう失敗の原因に多いのは、身の丈に合わない難しすぎるアプリを作ろうとしてしまうことです。 僕の場合は、とにかくアプリを完成させることをゴールとして設定。開発期間を短縮してくれそうなツールがあれば利用することをアリとしました。 その結果、わずか1週間で初めてのアプリの制作を終えられたのです。 アプリをApp Storeからリリースしたことが「ある」と「ない」の差は自分にとっては大きく、ゼロから1にできたことへの達成感は今でも心に残っています。（この記事はアプ

2013.08.18 GunosyのUIを徹底的に分析してリデザインしてみた この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/redesign-of-gunosy-ui/

先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は

※追記 2013/06/15 これはだいぶ前の記事だけど、結局、Auto-Renewing Subscriptionsは今まで通りの気配。。最近、アップルの課金関係のエバンジェリストにメールで聞いたら、「最終的に決めるのはReveiw Teamだからわからないけど、基本的に機能にたいしてはAuto-Renewableは使えないよ。」みたいな返信をもらった。残念すぎる。 どこまでが機能で、どこまでがMediaと認識されるかという線引きはよくわからないけど、特に今までとルール適用の方針は変わらないのだろうか。 ——　ここから以前の記事 知り合いに教えてもらったんだけど、ちょっと前にApp Store Review Guidelinesが変更されてたみたい。これ読む限りでは新聞とか雑誌系のアプリ以外でも自動継続課金(auto-renewable subscriptions)が使えるようになったの

Clear Clear 皆さんご存知のタスク管理アプリ、Clear。 アプリの魅力である動きと音を、ユーザーが使用している姿を映すことによって上手に伝えています。自宅にいるときはMacから、外出時はiPhoneで同期させて使っている姿を見ると、思わず両方欲しくなってしまいますよね。 Couple Couple その名の通りカップル向けアプリのCouple。恋人同士がCoupleを使っている映像から、どんな機能を持ったアプリなのかがよくわかるようになっています。また映像自体がショートドラマのようにストーリーを持ったものなので、気軽に楽しく見られるのがいいですね。 Wunderlist Wunderlist こちらは無料のタスク管理アプリのWunderlist。テンポの良い音楽と共に、Wunderlistの操作画面が次々と映し出されていきます。動きの滑らかさやシンプルなデザインの魅力が伝わって

数あるアプリの中でも、UI（ユーザーインターフェース）が美しかったり、斬新だったりするアプリは、ユーザーに驚きや感動を与えます。 また、UIが優れたアプリというのは、アプリ制作は勿論のこと、スマートフォンサイト等におけるUIデザインの参考になります。 今回は、そんな「UIが特に斬新で優れたアプリ」をiOS限定ではありますが、いくつか紹介したいと思います。 Google Maps グーグル公式のマップアプリ。 デフォルトアプリがAppleの公式マップアプリに変わり、一度はiOS上から消え去りましたが、ストアで復活し、大いにユーザーを喜ばせました。 新しくなったgoogle mapsは以前のもに比べ、格段にUIが進化しました。 片手での操作が容易になったのが特徴で、ズームイン・ズームアウトも指一本で操作できるのは本当に便利です。 また地図の立体表示機能もスワイプで簡単にできますし、経路検索など

はじめまして。GIRLS UPでデザイナーをしています、アビン(GUPDesinger)です。 今回はGIRLS UPのデザインを元に、かわいい女性向けアプリのデザインの要素と作り方をお勉強しましょう！センスに自信が無い人でも、「かわいい」のロジックさえわかっていれば、簡単にかわいいアプリを作ることができると思います。そのロジックをぜひ参考にしてみてください！ まずはたくさんのキーワードを用意する。 よく「かわいいデザイン」って聞きますが、「かわいい」という言葉を聞いてイメージするものが、全ての人にとって全く同じとは限りません。 「かわいくて〇〇」をキーワードで表現する自分が持っている「かわいい」というイメージを表現するには、たくさんのキーワードで表現するとわかりやすくなります。 まずは、「20代の美を追求する人たちが使うアプリ」というテーマから連想する、〇〇に入りそうな言葉をたくさん並べ