タグ

iPhoneとuiに関するnilabのブックマーク (22)

  • [ヅ] Swift で Twitter 投稿 UI を構築するサンプルコード (Storyboard を使わないお手軽コピペ版) (2016-01-21)

    iPhoneTwitter クライアントアプリの投稿画面をいくつか集めてみた。だいたい同じような UI をしている。 → iOS アプリの Twitter 投稿画面あれこれ (iOS_Twitter_Post_Screen - MemoWiki) これらの画面を参考にして、Twitter でツイートを投稿する画面のテンプレート的な UISwift で書いてみた。 Storyboard を使わずに、サンプルコードをコピペするだけで UI を構築できるようにしてある (ファイルの追加は必要)。 UI部分のみで、ツイート機能などの実装はしていない。そのへんの機能が必要な場合は、このへんを参照 → [ヅ] Swift で位置情報付きの Twitter 投稿するサンプルコード (Storyboard を使わないお手軽コピペ版) (2015-12-09) 今回の動作確認環境: Xcode

    [ヅ] Swift で Twitter 投稿 UI を構築するサンプルコード (Storyboard を使わないお手軽コピペ版) (2016-01-21)
    nilab
    nilab 2016/01/22
    Auto Layout の 制約 (Constraint) を利用して、ツイート画面の UI 部品を配置。
  • ソシオメディア | iPhone の当たり判定を検証した

    スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き

    ソシオメディア | iPhone の当たり判定を検証した
    nilab
    nilab 2013/06/05
    iOS の標準コンポーネントではボタン自体の大きさよりもかなり広い範囲がヒットエリアになっていたり。ヒットエリアを広げたければhittesを変更する。 / ソシオメディア | iPhone の当たり判定を検証した
  • 圏外でも利用可能! インクリメントP、地図内蔵のiPhone向けナビアプリ発表

    また、オンライン環境では、ルート案内や音声ガイドも利用可能。ルート案内には、「高速(有料)道路優先」「一般道優先」といった自動車用の案内機能だけでなく、「簡易歩行者」と呼ばれる自転車・歩行者向けの案内機能も用意されている。 加えて、同社がMapFan Webで提供しているサービス「テレビ de み~た」と連携する「TVスポット」機能も用意されており、過去にテレビで紹介された各地のお店や施設を地図上に表示させることもできる。インクリメントP サービスプラットフォーム事業部 第一技術部 第四技術グループ 今枝洋一氏によると、「お店・施設情報は1日3回程度更新されており、午前中にテレビで放送されたランチ情報も夕方には検索できるようになっている」という。 そのほか、ピンチイン/アウトでの縮尺変更が可能なうえ、地図上の文字はそのままに地図画像だけを1指でぐるぐると回転させられるなど、操作性にも配

    圏外でも利用可能! インクリメントP、地図内蔵のiPhone向けナビアプリ発表
    nilab
    nilab 2013/05/08
    MapFan for iPhone 「地図上の文字はそのままに地図画像だけを1本指でぐるぐると回転させられるなど、操作性にも配慮されている」圏外でも利用可能! インクリメントP、地図内蔵のiPhone向けナビアプリ発表
  • ICSのイケてる度を見るため比較してみた

    iOS5が世に出て、IceCream Sandwitch(ICS)も発表されたというのに、何の関連エントリも書けていないという、相変わらずスピード感のないブログだけど、重い腰を上げてちょっと書いてみる。 ICSに個人的に期待していたのは、新機能というよりも、iOSに比べるとかなり「イケてない」Androidの見た目がどれくらい改善されるかというところ。 WebOSのチームがUIを手がけているという噂もあったりして、今度こそは「イケてる」感じになるんじゃないかと。 で、早速ICSのエミュレーターで少し触ってみたのだけど、なかなかイイ感じではないかと! まぁHoneycombのUIを引き継いだ感じではあるので、実際のところそれほど新鮮ではなかったりするのだが、スマートフォンOSとしてのAndroidという意味ではGingerbread(GB)の次になるワケで、その進化度はなかなかのもの。 とい

    nilab
    nilab 2013/03/12
    ICSのイケてる度を見るため比較してみた | INITIAL M : Ice Cream Sandwich
  • [ヅ] イオンチラシアプリ(iPhone/Android) (2012-10-17)

    nilab
    nilab 2012/10/17
    イオンチラシアプリには、iPhone版とAndroid版が用意されていて、UIにはあまり違いが無いように見える。 / [ヅ] イオンチラシアプリ(iPhone/Android)
  • 様々な場面で参考になるオススメUIデザインキット45選 | バンクーバーのうぇぶ屋

    様々な場面で参考になるUIキットが世の中には当に沢山ありますが、UIキットと言っても、その種類はPCからiPhoneiPadなどのキャリア別、質感、色相や目的、当に様々なUIがありますよね。 そこで今回は僕がこれまでのWEB屋歴の中で見つけたUIキットを僕なりにタイプ別に分けてご紹介。 どういう時に使うのかは人それぞれですが、沢山の人が考えに考えぬいたUIキットであれば、そこから得られる物も当に多いと思うので、是非参考にしてみるのはいかがでしょう。 黒ベースなUIデザイン Black UI Kit Blaubarry UI Kit FREE Ui elements Set d’elements ui (PSD) スマートフォン/タブレットPCUIキット Android GUI PSD Vector Kit Mobility: A free set of mobile UI de

    nilab
    nilab 2012/10/07
    様々な場面で参考になるオススメUIデザインキット45選 | バンクーバーのうぇぶ屋
  • SmartPhoneアプリ開発勉強会

    All Rights Reserved, Copyright PFU LIMITED 2011 iOS and Android UIデザインセオリー PFUアプリケーションズ 第一システム事業部 応用システム部 大場知悟 2011.12.02 第1回「UX技術部会 & NDA部会 & キッフオフセミナー」 All Rights Reserved, Copyright PFU LIMITED 2011 自己紹介  大場知悟(Tomonori Ohba)  PFUアプリケーションズ(株)所属 SE  (株)PFU ScanSnap/KIOSK/HHKB  iOS/Android/WPF/SilverilghtなどのUIアプ リ設計/開発を担当  コミュニティー  新大阪IT勉強会 楽しいアプリ制作の会(代表) http://tanoapp.tworks.jp/  Windows

    nilab
    nilab 2012/10/03
    iOS and Android UIデザインセオリー PFUアプリケーションズ 第一システム事業部 応用システム部 大場知悟 2011.12.02 第1回「UX技術部会 & NDA部会 & キッフオフセミナー」
  • 日本語ドキュメント - Apple Developer

    語ドキュメント 日語に翻訳されたiOS/watchOS/tvOSのドキュメントです。 英語版の方が新しい場合がありますので、更新日を確認して下さい。 エンタープライズ環境での運用に関するドキュメントはこちらに移動しました。 App Store Connect ヘルプ タイトル 日付

    nilab
    nilab 2012/06/18
    iOS Developer Library : 日本語に翻訳されたiOSのドキュメント : iOS ヒューマンインターフェイス ガイドライン iOS Human Interface Guidelines など
  • フリック、ピンチイン……アップルが新しい操作の呼称を提案

    iPod touchの操作を紹介するアップルのWebサイト 米Appleが発売した携帯電話「iPhone」や音楽プレーヤー「iPod touch」に代表されるタッチパネルの操作について、アップルの日法人は、ワールドワイドでの表現に揃える形で操作の呼称を統一していくことを明らかにした。 iPhoneなどのタッチパネルの操作では、指を2使って押し広げるようにする操作など、これまでにない操作方法が採用されている。アップルは、米Appleが採用している「タップ」「ピンチ」といった呼称をそのままカタカナで表現し、今後は日のアップルのサイトでも採用していく方針を明らかにした。 具体例として明らかにされた呼称は以下の7つ。 タップ……指で軽く叩く操作。マウスのクリックに相当 ダブルタップ……2回叩く操作。ダブルクリックに相当 ドラッグ……写真を移動する時に指をずらす操作 フリック……リストをスクロ

    nilab
    nilab 2012/02/28
    フリック、ピンチイン……アップルが新しい操作の呼称を提案
  • 女の子の服、なぞって破る――「妄撮 for iPhone」が誕生するまで

    女の子の服、なぞって破る――「妄撮 for iPhone」が誕生するまで:iPhoneアプリビジネス最前線 画面を指でなぞって洋服を破き、オリジナルのグラビア写真を作れるアプリ「妄撮 for iPhone」。開発の背景には、「写真集を単にデジタル化するだけでは意味がない」という強い思いがあった。

    女の子の服、なぞって破る――「妄撮 for iPhone」が誕生するまで
    nilab
    nilab 2011/03/24
    「紙媒体では不可能な「自由なところを破る」」「破る気持ちよさは一番表現したかった部分。使ってくれている人がどれだけ気持ちよく破れるかが重要です」女の子の服、なぞって破る―「妄撮 for iPhone」が誕生するまで
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    nilab
    nilab 2010/12/23
    範囲シェイクすごいな!「範囲選択がうまくできないということはありませんか? そういう場合は範囲を大きく取って......シェイク!! 選択した範囲から単語を自動的に抽出します」iPhoneアプリYahoo! JAPANをバージョンアップ
  • iOSの分断化がよ〜くわかる写真 - masayang's diary

    Engadget: Android の分断化問題がよく分かる一枚の写真 (あほくさいので略) 開発者は別にして、一人で何台もAndroid携帯を保有する人はいないでしょ。なので、ボタン配置で悩むのってのは機種変更の時くらいではなかろうか。むしろ重視したいのは「同じハードの上で走るアプリケーションの操作一貫性」なわけでしょ。 で、iPhone/iPadでケチつけたいのはまさにそこなんよね。 YouTube →Shareボタンがあるので押してみる。 →メールでリンクを送る、ことしかできない。 Bloomberg →この矢印がついたアイコンを押すと... →メールでリンクを送る、ことしかできない。 Telegraph →共有機能はない。というか、見つけることができない。 Reuters News Pro →矢印アイコンを押すと... →メール、Twitter、Facebookで共有できるよ、とい

    iOSの分断化がよ〜くわかる写真 - masayang's diary
    nilab
    nilab 2010/12/13
    「一人で何台もAndroid端末持つ人は滅多にいないわけで。むしろ、一台の端末における操作の一貫性のほうがよっぽど重要でしょ。その点ではAndroid数歩先行ってるよ」iOSの分断化がよ~くわかる写真 - masayangの日記(クロス
  • Sketch-a-Searchとは - Yahoo! JAPAN

    地図をなぞってYahoo!グルメの店舗を探せる 口コミ評価を星の数★★★★★で表示、更にお店の特徴などで絞込みが簡単に出来る お店までの行き方を地図上にルート表示

    nilab
    nilab 2010/11/01
    Sketch-a-Searchとは - Yahoo! JAPAN : 「地図をなぞってYahoo!グルメの店舗を探せる」
  • 地図をなぞって検索、ヤフーのグルメアプリ「Sketch-a-Search」

    nilab
    nilab 2010/10/26
    地図をなぞって検索、ヤフーのグルメアプリ「Sketch-a-Search」 - ケータイ Watch : 「もともと「Sketch-a-Search」は米Yahooが開発したアプリで、今春から提供されていた」
  • Reimagining Mobile Search: Introducing Yahoo!® Sketch-a-Search™ and Yahoo! Search for the iPhone® | Y! Mobile Blog

    Reimagining Mobile Search: Introducing Yahoo!® Sketch-a-Search™ and Yahoo! Search for the iPhone® Posted March 23rd, 2010 at 6:18 am by Ginny Hung Categories: Product, Search Today at International CTIA Wireless 2010, we announced two new Yahoo! Search apps for iPhone and iPod touch that will change the way you use mobile search. We have stripped away all the complexity that search engines built

    nilab
    nilab 2010/06/24
    Reimagining Mobile Search: Introducing Yahoo!® Sketch-a-Search™ and Yahoo! Search for the iPhone® | Y! Mobile Blog
  • Our Boomerang Employees Share Why They Returned to... | Life @ Yahoo

    By Carolyn Clark, Corporate Communications We call them our boomerangs and we are incredibly proud of these former employees who have come back to work at the ‘Hoo. More than 10% of our workforce have “boomeranged” back to the company! We recently sat down with a few of them to find out why, and we were incredibly inspired by their responses. Yahoo’s transparency, scale, inclusive environment, sen

    Our Boomerang Employees Share Why They Returned to... | Life @ Yahoo
    nilab
    nilab 2010/06/24
    Yahoo!® Sketch-A-Search & Yahoo!® Search iPhone Apps: The New Era of Mobile Search | Yodel Anecdotal
  • マルチタッチ検索「Sketch-A-Search」 - everything might happen tomorrow - yhassy - builder by ZDNet Japan

    IT部門のDXはこれだ! IT運用管理新時代における最適な運用管理 の現場作り 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 オープンソース活用はあたりまえ! そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク ビジネスのためのデータ基盤構築 DX時代の企業成長はデータ活用が鍵 新たな展開を後押しするSQL Server活用 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 ライバル同士がタッグを組む理由 マイクロソフ

    nilab
    nilab 2010/06/24
    マルチタッチ検索「Sketch-A-Search」:「自分が検索したいと思う地域を地図上で手描きで選択」「丸、四角、ぐにゃぐにゃな線など、手描きで好きなように地域を選択」
  • Yahoo!、地図上を指でなぞって検索できるiPhoneアプリをリリース

    Yahoo!は米国時間2010年3月23日、米Appleの携帯電話「iPhone」と携帯型メディア・プレーヤ「iPod touch」に最適化した検索アプリケーション「Yahoo! Sketch-a-Search」と「Yahoo! Search」をリリースした。 このうちYahoo! Sketch-a-Searchでは、携帯電話のディスプレイに表示された地図上で、検索したいエリアを指先でなぞったり囲んだりするだけで、店舗などを探すことができる。住所や目印になる建物などをテキスト入力する必要はない。当初は米国内のレストランを対象にする。 検索結果では料理の種類や格付けを表示し、任意の店をクリックするとレビューの閲覧、画像表示、道順の確認、通話発信などが手軽に行える。新たに検索を行うには、デバイス体を振るか、Sketchアイコンをクリックする。 一方のYahoo! Searchは、モバイル検

    Yahoo!、地図上を指でなぞって検索できるiPhoneアプリをリリース
    nilab
    nilab 2010/03/24
    Yahoo!、地図上を指でなぞって検索できるiPhoneアプリをリリース:「Yahoo! Sketch-a-Searchでは携帯電話のディスプレイに表示された地図上で検索したいエリアを指先でなぞったり囲んだり」おもろいけど画面内検索で済むような。
  • 「UEはUIに勝る」――カプコンが考えるiPhoneゲームの味付け

    「バイオハザード」「魔界村」、そして「逆転裁判」――。家庭用ゲーム機で人気を博したゲームiPhone/iPod touch版を積極的に開発しているカプコン。同社が12月3日にアップルストア銀座で開催したイベント「Meet the App Developer」で、カプコン 開発統括部 MC開発部長 兼 プロジェクト企画室長の手塚武氏と、カプコン 開発統括部 MC開発部 プロジェクト企画室 プロデューサーの伊藤幸正氏が、iPhone/iPod touch向けアプリの開発でこだわったポイントや今後の展開について明かした。 祭の射的から携帯ゲームまで――ゲーム歴史 手塚氏はまず、「そもそもゲームとは何か」について言及。古くは祭の射的に始まり、もぐらたたきやUFOキャッチャーなどの“メカトロ”、そしてアーケードゲーム、家庭用ゲーム、オンラインゲーム、携帯向けゲームなど、ゲームはいくつもの形態

    「UEはUIに勝る」――カプコンが考えるiPhoneゲームの味付け
    nilab
    nilab 2009/12/27
    「UEはUIに勝る」――カプコンが考えるiPhoneゲームの味付け - ITmedia Gamez : 「ゲーム性の高さを示す“純ゲーム要素”と、それと相反する“コミュニケーション要素”に分布」「『昔やり込んだけど社会人になって時間がない
  • ふるふるブックマーク

    メニュー 閉じる トップページ 人気エントリー PCはてなブックマークを閲覧 カテゴリー 閉じる 総合 新着 人気 社会 新着 人気 政治・経済 新着 人気 生活・人生 新着 人気 スポーツ 芸能 音楽 新着 人気 科学・学問 新着 人気 コンピュータ・IT 新着 人気 ゲーム・アニメ 新着 人気 おもしろ 新着 人気 ニュース 新着 人気 設定 閉じる 一覧ページ 概要を非表示 タイトルクリックで直接ページを開く リンクを別ページで開く ページ下部で自動ページロード 新しいブックマークの方法、ふるふるブックマークが登場しました。 iPhone を90度傾けて、画面が変わったらもう一度90度傾けて元の位置に戻します。 すると、はてなブックマークへの追加画面が表示され、即座にブックマークすることが可能です。 もちろんこのページも対応しているので、ふるふるブックマークをお試しください。

    nilab
    nilab 2009/12/12
    ふるふるブックマーク : 「iPhone を90度傾けて、画面が変わったらもう一度90度傾けて元の位置に戻します。 すると、はてなブックマークへの追加画面が表示」あほらし……と思ったけど実は地味に便利だったりするの?