三人称視点ゲームでの「弓矢」にはかなり工夫が必要と開発者らが明かす。『The Last of Us Part II』や『ティアキン』における“射線ズレ”防止策 - AUTOMATON
三人称視点のゲームでは、エイム時にプレイヤーキャラの表示位置が横にズレることが多い。『The Last of Us Part II』などさまざまなゲームにおいて、このズレによって「弓」を射る際に生じる違和感や遊びにくさをなくすための工夫がほどこされているという。 三人称視点のゲームの弓にまつわる工夫が明かされるきっかけになったのは、開発者のWalaberことTimothy FitzRandolph氏の投稿だ。同氏はゼリー状の車が主役の2Dアクション『JellyCar』シリーズを手がける人物。同氏は7月16日、『ゼルダの伝説 ティアーズ オブ ザ キングダム』におけるカメラ視点について独自に分析し、ツイートにて紹介した。同氏いわく、『ゼルダの伝説 ティアーズ オブ ザ キングダム』では弓でエイムする際に特徴的なカメラ視点が採用されているそうだ。 Did a quick TOTK camera
UIの名称まとめ 〜よく見かけるけどあれなんていう名前？〜｜Nviveto
コンポーネントを作るときや開発チーム、クライアントと話をするときに名称が一致していないと何の話をしているんだか、、？となってしまします。 忘れっぽい自分は毎回名前をうろ覚えでつけてしまっていますが、戒めとして記事を書くことでしっかり覚えていきたいと思います。 ※色んなところから引っ張ってきているので正式名称ではない（複数呼び名がある）ものがあるかもしれませんが、ご了承ください。 UIパーツ見づらくてすみませんが、エクセルのシートを画像にしたものを貼り付けていきます Onscreen keyboards画面上にキーボードの図形や文字を表示し、マウスあるいはペンなどのポインティングデバイスや、指先によるタッチ、あるいは十字キーなどで各キーを指定して文字入力を行うもの Onscreen keyboards (iOS) SegmentedControliOS独自のUIで水平方向に配置された複数のボ
夜も安心、目に優しい UI を作ろう - Qiita
TL;DR 夜などの暗闇でスマートフォンを使うときには、目に優しい色使いをしましょう これ is 何 夜な夜なスマートフォンの画面を注視していると、画面の明るさに目が馴染んでしまって、くらいところで周りが見えなくなった体験は無いでしょうか。あるいは、夜車を運転している時にスマートフォンの画面をつけていると、その光がチラチラと視界に入ってきて鬱陶しく感じることはないでしょうか。 この記事では、画面の輝度を変更する方法ではない、暗所でもユーザの目に負担とならないような UI の作り方を見ていきます。 目に優しい色 色の属性 色にも明るさがあります。 HSVモデルやHSL色空間、HSB色空間といったモデルで表される色のプロパティには、V(Value)やL(Lightness)、B(Brightness)といった、明度や輝度と呼ばれる明るさを示すスケールがあります。この値が高いほど色は明るく見え、
拡張性は無限大！Android の新コンポーネント RecyclerView の真価を探る
こんにちは。共同開発部の北川です。 Fenrir Advent Calendar 2014 20日目です。 今年、もっともグッときた出来事といえば Android 5.0 Lollipop のリリースですよね！ Lollipop では Material Design が採用され、色と重なりでアプリの世界観を表すようになりました。これまでの Android とは異なり、アニメーションやインタラクションを重視するデザインへと進化しています。 見た目の変化もさることながら、Lollipop では機能面も数多く強化されています。 その中の一つ、RecyclerView は非常に柔軟で表現力の高い UI コンポーネントです。 RecyclerView を使った新しい表現に挑戦してみました。 RecyclerView とは Android ではデータコレクション表現のために ListView と Ad
Facebook: iOSアプリのアーキテクチャ - ワザノバ | wazanova
https://www.youtube.com/watch?v=XhXC4SKOGfQ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 39分前 FacebookのiOSチーム、Adam ErnstとAri Grantによる@Sacle 2014での講演。データモデルとビューレイヤの改善の取組みについて紹介してくれてます。 1) データモデル 背景 2年前からHTML5からネイティブに切り替えて一旦大きく改善したが、その後機能を追加するたびにアプリのパフォーマンスが悪化。 ネイティブに移行後、オブジェクトのキャッシュレイヤとしてiOSのCore Dataを使ったのが失敗であった。 Core Dataの役割は「整合性を含むオブジェクトグラフ管理」 Facebook iOSアプリの場合、サーバ側を正のデータとするが、
【書評】中級者向けのUIKit解説本『UIKit徹底解説』 - その後のその後
インプレスジャパン様より *1 献本いただきました。 UIKit徹底解説 iOSユーザーインターフェイスの開発posted with amazlet at 14.06.21西方 夏子 インプレスジャパン 売り上げランキング: 8,651 Amazon.co.jpで詳細を見る 著者の西方夏子さんは、『上を目指すプログラマーのためのiPhoneアプリ開発テクニック iOS 7編』の Chapter02：「画面遷移」 Chapter03：「UIKit Dynamics」 等々を執筆されていた方で、僕も iOS 7 から入った「カスタム画面遷移」「インタラクティブ画面遷移」はこの書籍のサンプルで勉強させていただきました。*2 ブログの記事も書籍のように詳しくわかりやすく、いつも参考にさせていただいています。 で、今回の『UIKit徹底解説』ですが、中級者向けUIKit専門書とのこと。UIKitはi
Android開発を始めたばかりの僕が読みたかった本 - Rejasupoem
最近、スマートフォンアプリ開発をやる人増えてきてオススメの本ある？って聞かれること多くなってきたのですが、その人のバックグラウンドによるところも大きいと思うので、自分がAndroidアプリ開発を始めたときに読んでて役に立った、あるいは読んでおきたかったという目線で、良かった本をいくつか挙げようと思います。 Effective Java Java界隈では多くの人が読んでいると思いますが、AndroidからJavaに入った人だと読んだことがない人もいると思います。 Javaを書く上でのエッセンスが詰め込まれているので、まだ読んでいない方は読むことをおすすめします。 JUnit実践入門 Androidだとテストが書かれないことが多いです。しかし、書いた方がデバッグの時間が短くなる上に保守もしやすくなりますし、テストを書きやすい構造を意識するようになって、上達が早くなりますし、設計も綺麗になります
ダブル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はロジカルに話をまとめてます。 スライドを
Androidで「Path」のメニューっぽいものを実装してみる
お久しぶりです。アライドのザックこと高畑です。 以前からかっこいいなぁと思っていたPathの「ヒュン！ヒュン！ヒュン！」って飛び出るのメニュー部分をAndroidで実装してみたいと思っていたので、今回このブログを書くにあたって 良い機会なので、それっぽく動くように頑張って実装してみました。 とりあえず、完成系はこんな感じになりました。 Pathっぽいメニューのレイアウトを用意 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_gravity="center_vertical" android:layout_width="match_parent" android:layout_height=
Android : Navigation Drawer を使う
画面の左側にオーバーレイでアプリの主なオプションを表示するパネル。 通常は隠れていて、画面の左端からスワイプするか、トップレベルにいるならアクションバーのアイコンをタップすることで表示される。 http://developer.android.com/design/patterns/navigation-drawer.html より Navigation Drawer を使う前に、Navigation Drawer デザインガイドにあるこのパターンのユースケースとデザイン原則をきちんと理解すること。 Drawer Layout を作成する support package にある DrawerLayout を利用する。 DrawerLayout をルートビューとし、その中にメインのコンンテンツを表示するビューと、NavigationDrawer として利用するビューを入れる。 <androi
雑把の UI アーキテクチャー史(MVCからMVVMへ) | プログラマーズ雑記帳
Web の場合は View と Controller の違いははっきりしてます。 View は html ページとその作成を担当します。 CGI は アドレスとパラメーター(アドレスの ? の後など)を受け取り、処理を行います。 その受け取り部分が Controller です。 Model と View ではなく、なぜ MVC としたのでしょうか ? 『 GoF 本』 では Controller を分ける利点をいくつか挙げられています。 キーボードの応答を変えたり、メニューからの呼び出しに変更するとき、表示方法を変更しなくていい。 入力イベントを無視するといったことをコントローラーのインスタンスの入れ替えで可能。 その他にも "View を入れ替えれば、 PC アプリ、 Web アプリでも使えるように" という理由もあります。 ちょっと無理そうな話ですが、例えば、 PC アプリが次のような
Android SeekBar のトラックとつまみの位置を合わせる
SeekBar でつまみやトラック部分をオリジナルの画像にしたら、バーの進み具合がつまみの中心に合わない、という状況になったことがあると思います。 実は style の設定で合うようにすることができます。 以下では、つまみ部分に星型の画像を、トラック部分に 9patch の画像を用意しています。 つまみ res/values/style.xml で次のように定義し <resources> <style name="AppTheme" parent="android:Theme.Light"> <item name="android:seekBarStyle">@style/MySeekBar</item> </style> <style name="MySeekBar" parent="@android:style/Widget.SeekBar"> <item name="android:
AndroidでFacebookのようなサイドメニューの実装 - duyojiぶろぐ
実装した物(動画) ソースコード githubにソースコードを置いた。 https://github.com/duyoji/SideMenuSample MainActivity.java import java.util.ArrayList; import side.menu.scroll.MenuAdapter; import side.menu.scroll.ScrollerLinearLayout; import android.os.Bundle; import android.app.Activity; import android.view.View; import android.view.View.OnClickListener; import android.widget.AdapterView; import android.widget.AdapterView.On
Android Quick Action の Android ライブラリプロジェクトを作ってみた
Google I/O の UI design pattern で紹介されていた、Quick Action (twitter アプリや Gmail アプリで使われている) は標準の SDK の中にはありません。 # Quick Action については以前のエントリ「Android UI Design Tips」でも簡単にかきました。 leibun さんのブログのエントリがわかりやすいです。 QuickActionの使い方 - leibunのテクニカルブログ - leibun さんのブログでも紹介されてますが、 ・http://code.google.com/p/simple-quickactions/ ・http://www.londatiga.net/it/how-to-create-quickaction-dialog-in-android/ とかでソースが公開されています。 http
Android shapeタグを使ってボタンの背景色をグラデーションにする方法 | TechBooster
shapeタグを使うと下の図のように、ボタンの背景色をグラデーションにしたり、角を丸くしたりすることが可能です。 ※shapeは「形状」という意味です。 これにより、画像を使わなくても見た目を工夫したアプリケーションを簡単に作ることができるようになります。 単純なグラデーションでも画像ファイルだと高解像度になる場合などはファイルサイズが大きくなってしまいがちですが、 shapeタグを使うことでこうした問題を解決することができます。 詳しい解説は続きからどうぞ。 形状を変える グラデーションをかけたり、ボタンの形を変えたりするにはXMLファイルにボタンの形状について定義し、 その定義内容をボタンに反映させる必要があります。 ボタンの形状を変えるには主に以下のタグを設定します。 shapeタグ android:shapeで形状を指定します。 設定できるのは以下の属性値です。 [table “2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お前自分ちのページャUIが本当に速いと思ってんの？
%E7%AC%AC3%E5%9B%9E%E5%90%8D%E5%8F%A4%E5%B1%8Bandroid%E5%8B%89%E5%BC%B7%E4%BC%9A%20Fragment%E5%9F%BA%E7%A4
Fragment の利用パターン
Fragment を使ってみよう
Android:アプリ起動の高速化 ViewTreeObserver