iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
新Google Mapsアプリ採用のフレームワーク NimbusKit がいい感じ | fladdict
iPhoneの新しいGoogle Mapsのアプリ、色々弄り倒してますがステキな感じ。 でこれひょっとして、「NimbusKit使ってない？」って思ったら、案の定で使ってた。 NimbusKitはiOS用のヘルパークラスと、コンポーネントと、デバッグツールの集合体。 以下のような機能がサクサクとつけられる。 CSSスキニング インターフェースの外見にCSSを適用できる。ビューのカスタマイズがラクチンに。 TextLabel iOSの微妙なTextLabelにリッチテキストやリンクがつけられるように。 バッジ 通知件数などのバッジを簡単に作成。 他アプリとの連動 他アプリ・・・マップ、ストア、電話、SMS、FB等の連携をラクチンに。 アプリ内ホーム画面 ホーム画面的なUIをアプリ内に簡単に追加できる。 キャッシュ／非同期通信つきのImageView 画像ローダー付きのImageView拡張。
ニュースまとめ読みアプリ、 News Storm をリリースしました | fladdict
新アプリ、News Stormをリリースしました。無料です。 はてぶ、Togetter、Naverまとめを、無理矢理1つで見れるようにすっか！！という、乱暴なコンセプトのニュースアプリ。その日のネットの流行が、まとめて確認できるアプリです。貴方もこれで今日からキュレーター。 その1: 閲覧がラクチン はてぶ、Toggeter、Naverまとめのニュースがガッチャンコ、１アプリで全部見れます。 画面左にカテゴリを設けたので、画面遷移なしに様々なジャンルのニュースを横断的に俯瞰できます。 その2: 投稿が無駄に充実 アホかとばかりに屹立するTweetボタン。 NewsStormは、自分の気に入ったニュースをネットに再投下する拡散マシーンでもあります。勢いでTwitterだけでなく、はてぶ、Facebook、Evernote、Read it Later、Tumblrなど無駄に大量の共有サービスを
Skala Previewは、iPhoneアプリ製作に必須かもしれない | fladdict
有名アプリなんでしょうかね、Skala Preview。いままで知りませんでした。 Skala Previewを使うと、Mac上の画像やPhotoshop画面やクリップボードの画像を、iPhone上でピクセルパーフェクトで表示できます。 Mac / iPhone 用アプリ。 使い方も簡単で、MacとiPhoneで両方立ち上げれば適当に同期してくれます。フォトショッパ—マジ感涙！ 昔はイラレ画像をDropboxとかメールで転送してたのですが、Skalaを使えば直接見れる。UIもシンプルで綺麗。まだiPhone5には対応してませんが、はやく対応して欲しいなぁ。これは便利！ ついでに、普段使ってるものをつらつら。大分定番ですが。 IconKit Store 大きいアイコンを作れば、自動でiPad用やiPhone用などすべてのアイコンをリサイズして準備してくれる。 ReSizer Store iP
アプリをiPhone5に対応する場合の地雷ポイント一覧 | fladdict
地雷キャッチャーとして定評のあるfladdictですが、今回も大量の地雷を踏み歩いております。 とりあえず、解決方法を知らないとハマるポイントを色々とピックアップ。自分では直ったけど一般化できてない現象もあるので、間違い勘違い等ありましたら、コメント欄でビシバシご指摘ください。 iPhone5対応すると、iOS4.3以前では動かなくなる 最新のXCodeがarmv6のコンパイルをしてくれないので、ご臨終となります。 公式じゃないほうほうで無理矢理バイナリをビルドすればhogehoge。 サードの静的ライブラリが入ってると、コンパイルできない場合が 最新XCodeからコンパイルに、armv7sという新アーキテクチャが必須となってますが、ビルド済み静的ライブラリにはむろん入っていないのでコンパイルできません。対策は2つあって、ひとつは対応ライブラリが出るまでリリースを見送ること、もう片方はXC
iPhoneアプリから、画像や音声データを取り出す方法 | fladdict
iPhoneアプリの中を開いて、ゲームの画像とかBGMとかステージデータとかぶっこ抜けることに気づいた。アプリのファイルが欠る不具合をデバッグしていたら、色々できたのでメモメモ。XCodeでビルドした自分アプリを開けるのは知ってたのですが、iTunesで買った他人のアプリを開けるのは知りませんでした。暗号化されてると思ってたのに。 特殊なツールなしに1分ぐらいできたり。 アプリ内データの取り出し方 アプリフォルダを開く iTunesのアプリを開き、左メニューからAppを選択してアプリ一覧をだす。 アプリを右クリックし「Finderで表示」を選ぶ アプリの解凍 アプリを選択して右クリックからコピー（安全のために）。 アプリの拡張子を.ipaから.zipにリネームします。 変更時にポプアップで確認がでるので「.zipを使用」を選択 リネームした.zipファイルを解凍 データのサルベージ 解凍フ
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
ライブ編集可能なScaladoというカメラがキモイ件 | fladdict
Scaladoというカメラアプリがキモイ。まずはビデオを見て欲しい、説明はいらないと思う。 撮った人の顔のアングルを後から変更する。 通行人を消す機能 原理的には、写真を撮った瞬間に過去X秒のデータを保持してるっぽい。ユーザーの操作にあわせて、過去の映像から同じ位置の画像を抜き出してきて合成しているようだ。
iPhoneから家電を楽々リモートコントロールできてヤバい | fladdict
家中の照明や音響やプロジェクターを、iPhoneから一括コントロールできるようにしてみた。 予想以上にやばい。超便利すぎて死ねる。 どうやるん？ Glamo iRemocon と Unity Remote、Griffin Beacon という3つのチョイスがある。 実L5Remoteというもう１つのチョイスもあったのだけど、これはわが家では動かなかったので割愛。 Glamo iRemocon 価格：26880円 純粋スペックなら神いわゆるゴッド。高いが神。 iPhoneとWIFI通信し、ほぼすべての赤外線リモコンを学習可能。スキンもカスタマイズ可能もでき、そのうえ自宅外からの遠隔制御までできる。家への帰り道でエアコンをオンできるのが強力。マクロ機能やタイマーもサポート。エアコンが動くのが素敵。弱点は本体をケーブルで無線ルーターにつなげなければならないこと、あとUIカスタマイズがPCのWeb
iPhoneでオシャレなミニチュア風写真を撮る方法 | fladdict
ミニチュア（ジオラマ）風写真を簡単に撮れるようになるチュートリアル。 わりと質問が多いので作ってみた。 必要なもの アプリはTiltShift Generator (85円) を使います。 また補助ツールにinstagram等のフィルター系アプリを１つ用意します。 ロケーション ミニチュア風写真では「どこから撮るか」がとても大事です。まずは高い所に行きます。 初心者へのお勧めは、歩道橋や高層レストラン街。 高さの目安は、撮りたいものによって決まります。 ・2〜5階： 人 ・5〜10階： 家や工事現場など ・10〜20階： 野球場等の大きめの施設 ・20〜40階： 町並み ・40階〜： ビル群や東京タワー、巨大ランドマーク 下記は「5階以上で気軽にミニチュア写真を撮れる自作マップ」。大きく表示 より大きな地図で ミニチュア写真ロケハン を表示 渋谷Qfront2階、スターバッックス。 渋谷駅
スマホUI考3 ～ ジェスチャ入力について | fladdict
スマホUI考１ 〜 ボタンについて スマホUI考２ 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ
スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
読書日記 – iOS開発におけるパターンによるオートマティズム | fladdict
「iOS開発におけるパターンによるオートマティズム」は、HMDTの木下さんによる、2/9日発売のiOS開発本。 超オススメ。 本来なら、僕がレビューするのもおこがましいですが、BNNさんから献本を頂いたので役者不足ながら。 実はこの本、タイトルに反して「デザインパターン」や「自動化」の話でない。ここがちょっとややこしい。この本では、スニペットとコーディングガイドラインを組み合わせたような、開発の作法のテンプレ化を「パターン」、そしてそのパターンに従いながら車輪の再発明を避けつつ効率よく組み上げて行くことを「オートマティズム」と呼んでいる。 ようは空手の型とか将棋の定石の、iPhoneアプリ版といっていい。 RSSリーダーの開発を例題にし、MVCの構成、Retainの考え方、DB制御、シングルトンの書き方。。。といったアプリ開発に必要な様々なものの設計、記述作法を扱い。パターンの考え方とその
fladdict » iPhoneアプリ審査での111の禁止項目（意訳）
ついに明らかになった、iPhoneアプリのリジェクト基準条項。 Engadetが公開したPDFをベースに、リアルタイムに更新中。 とりあえずリアルタイムに翻訳を作成中。 おもいっきり意訳なので、間違いの指摘や突っ込みはコメント欄かTwitterでお願いします。 ＜このリストは、2010年9月10日現在のものです。また意訳なので、気になる条文は原典をチェックすること。＞ 2. 機能 2.1: クラッシュするアプリはリジェクト。 2.2: バグのあるアプリはリジェクト。 2.3: 開発者の申請したものと違うアプリはリジェクト。 2.4: アプリの紹介文にない隠し機能を持つアプリはリジェクト。 2.5: 非公開のAPIを用いたアプリはリジェクト。 2.6: サンドボックス外のデータを読み書きするアプリはリジェクト 2.7: 実行コードを外部からダウンロードするアプリはリジェクト 2.8: 他の実
無料版10日で20万ダウンロード、広告料$200 | fladdict
勢いきってリリースした TIltShift Generator for free, 10日で20万ダウンロードを突破しました。 ところが問題は、その勢いにみあわない広告費。 20万本ダウンロードされて、広告料はたったの$200でございます。 本来20万本販売していれば、1600万円分の売り上げだったわけですが、1598万円ちかい機会損失という結末に。ついでに有料版のランキングも22位から40位以下に大幅ダウンとあいなりました。大半は機会損失なので別に痛くはありませんが。（とらぬ狸という説もありますが、有料版を見る限りインストール後のTSGの生存率は90%を超えたり、20万本落として★４つキープできてるので、おそらく将来の市場を焼いている感じです) もともとクリス・アンダーソンのフリーミアムに対しては一貫して否定的でしたが、実際やってみるとやはりフリー戦略は色々とコントロールがムズイ。 非常
fladdict » 年俸1円で新しい出版社のプロデューサーとして雇われました
講談社100%出資の新しい出版社、星海社にヘッドハントされました。Webを基盤にガンガン攻めまくる、新しいタイプの出版社です。 インタラクティブ・プロデューサーという謎の役職ですが、平たく言えばデジタル戦略のご意見番。なんと、ブラック企業もビックリの年俸1円契約です。もちろん株も貰ってません。 僕のお仕事は、ウェブデザインというよりは、「右クリック禁止にしようぜ！」とか、「DRMつけようぜ」といった大人の事情あふれるご意見を、体をはって食い止めることです。 直近の活動は以下の通り。 ・右クリック禁止を禁止 ←通った ・DRM無くそうぜ！ ← 通った ・小説Webに載っけて、全文コピペ可能にしようぜ！ ←通った ・○○○を全面解禁しましょうよ ←通った ・○○を××して、こっちから書籍をWinnyに放流しようぜ ←保留状態 アナログメディアの電子化にありがちな、誰もハッピーになら
iPhoneを挿す絵本、phonebook 5/25 発売 | fladdict
お手伝いさせていただいていた Phonebook プロジェクトが、いよいよ5/25に公開されます。TiltShift Generatorを一緒につくった森さんと二人で参加させていただきました。 iPhoneを本に挿し込んで遊ぶ、新しいタイプの子供向けの絵本です。 差し込む為の本はAmazonで絶賛予約受付中です。アプリのリリース後は品薄になる可能性があるので、ご予約はお早めに。あと25日発売のアプリは無料です！重要なことなので二回いいますがアプリは無料です。 元々、モバイル表現研究所さんが作った「こんなのできたらいいな」ビデオがありました。じゃあ、それをどうやって実アプリに落とし込むか？というパートでお話をいただいて、僕と森さんが、お手伝いをさせていただきました。 実現可能なアイデアと不可能なアイデアの仕分けとか、提案とか、Flashを用いたプロトタイピングとか、実装とか。その辺です。凶悪
Appleの弱点と、対抗プレイヤーの取るべき戦略メモ | fladdict
Appleの全ての戦略は、iTunesを起点とした囲い込みをコアとする。この囲い込み戦略については5年前の予測エントリが、現状をあらわしていると思う。 この領域にて先行者利益を得ているAppleに対し、対抗プレイヤーが純粋に端末や、囲い込み戦略のコピーで戦うことは難しい。 Appleの土俵で勝負をするな よって対抗プレイヤーがすべきことは、Appleの土俵上にて同じルールで戦うことではない。 Appleの戦略がアドバンテージを失うように、市場のルールとトレンドを変更することだ。 その為にはどうすべきか？ ー Appleの戦略の起点がiTunesである以上、iTunesがイノベーションのジレンマにそのものになるよう、ルールを変更することができれば、Appleの支配体制は崩壊する。 商品を模倣するのではなく、攻め方を模倣する 実は、これはAppleがいままでやってきたアプローチそのものである。
セカイカメラがAppStoreから消滅な件の雑感 | fladdict
エロアプリに続き、クウジットのPlaceEngine他を搭載したwifiによる位置情報取得系アプリが、ストアから大殺戮されている模様。そういうわけでセカイカメラ他が、みなアボーン状態。 とりあえず現状分析。 なお、クウジットによると、5日時点でPlaceEngineを利用し、ダウンロードできなくなっているアプリはWGConnect、Yahoo!地図、セカイカメラ、大江戸妖怪集、DaMoNo。すでにダウンロードされているアプリは利用できるとのことだ。 いまTwitterやブログ等で公知となっている情報から、考えられるシナリオは以下の３つ。 ■１： SDK違反 ぱっと見PlaceEngineは、普通にiPhone SDKでは実装できない。なので、プライベートAPIやローレベルの何かをゴニャゴニャして、Appleの怒りに触れた可能性が１つ。 この場合、iPadや6月に予想されるiPhone OS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
