Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が

ホーム インタビュー チート対策をするには何をすべきなのか？セキュリティソリューション開発会社DNPハイパーテックにチートの実態と性質を訊く（後編）

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

今回は久々のiPadの使用感のレビュー記事です。 Google検索でこのサイトに来てくださっている方はiPadは液タブとして使えるのかというところを気にして検索して来てくださっているようなので一年経った今回、改めて一年使ってみた使用感を書きます。自分でプロと名乗るのは少し恥ずかしいですがイラストの仕事して5年、フリーのイラストレーターとしては1年経ったのでいいかなと主にポジティブな感想になります。所々挟まる絵はiPadで描いたものです。 3年前の記事にもかかわらず、検索でこちらの記事を見てくださっている方が多いのでこちらでもアナウンスさせて頂きます。この3年間でiPad proは飛躍的に進化しているので最新の記事も合わせてご覧ください。こちらの記事で書いているiPa自体の魅力の部分は変わらないので是非読んでください。

はじめに この記事はiOS Advent Calendar 2015 - Qiita 19日目の記事です。 昨日はhachinobuさんのMVVMっぽい構成のデモアプリを公開してみるでした。 本日はイースターエッグについて。 イースターエッグとは簡単にいうと隠し機能のことです。余裕のある開発者が仕込んだ粋なお遊びですね。 発見したときはついつい友達に教えたくなります。イースターエッグが仕込まれているアプリおよび実装例について紹介しますね。 イースターエッグの例 まず、イースターエッグが仕込まれているアプリをいくつか紹介しますね。 Google検索 「Google」という名前のGoogle検索アプリです。ロゴ部分をタップすると…！ ちなみにロゴが新しくなる前は、なぞるとロゴがバラバラになりました。 www.youtube.com スーモ 「スーモ」アプリには複数のイースターエッグが仕込まれて

この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では

Free video editorUse Vimeo’s online video editor to crop, trim, and cut to make a polished video in seconds. Add text, soundtracks, and other effects — right in your browser. See plansJoin for free Quickly customize videosOur drag-and-drop interface makes it easy to create and edit high-quality videos, no matter how much video editing experience you might have. Upload your clips to begin editing i

Introducing Sessions: the latest product from Waldo!

こんにちは！おおはしりきたけです。前回は、iPhoneアプリ開発見積もり時の8つのポイント Part1を書かせていただきました。Part1では、端末やOSなど外部的なポイントでしたが、今回のPart2では、内部的な4つのポイントを書かせていただきます。 5.デザイン デザインそのものが最初から決まっていることは少ないと思います。見積もり時のポイントは以下の点になります。 誰がデザインするのか？ 全て自社でやるのか、デザイン会社さんと一緒にやるのか、クライアントさんがやるのか、などデザイン作業を誰が行うかによって気をつけておくべきポイントはいくつかあります。 どのツールでデザインするか Illustrator、Photoshop、Sketch 3などどのツールで作成するのか。ツールは必ず合わせておきましょう。 パーツの切り出しは誰がやるのか デザイナーがやる？開発者がやる？作業効率の良い方法

［CEDEC 2016］「デレステ」のグラフィックスは多種多様なスマホで60fpsの実現を目指した。開発陣のこだわりが見えた講演レポート ライター：米田 聡 CEDEC 2016では，アイドルマスターシリーズに関するセッションがいくつか行われた。ネット配信が行われたものなどは，多くのファンが試聴したそうで，人気シリーズらしい関心の高さが窺える。 本稿ではシリーズ関連セッションから，最終日の2016年8月26日に行われた「アイドルマスター シンデレラガールズ スターライトステージ」（iOS / Android，以下 デレステ）の技術に関するセッションである，「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・テクニカル編　− 多種多様なスマートフォンで5人のアイドルが躍動するライブの舞台裏 （60fpsリズムゲームの開発手法） −」の概要をレポートしよう。 タイトルどおり，

サクッと遊べるお気軽マリオ「リミックス10」 「リミックス10」は、10種類のショートコースをテンポよく遊ぶモード。10コース走り抜けた後の「ボーナスゲーム」では王国に配置できる特別なアイテムを手に入れることができます。 9種類の特別コース「ワールド★」 「ワールド★(スター)」は、全9コース。コースごとに決められたミッションを達成すると「森」、「コインのせんかん」、「お化け屋敷の外」など新たなコースが遊べるようになります。 2段ジャンプでコースを攻略!「デイジー」が登場! 「リミックス10」で迷子になったデイジーを見つけると仲間になります。「2段ジャンプ」を使って、これまでのキャラと違う操作感でコースを楽しめます。

アプリケーションを起動した時に表示される画面をスプラッシュ（Splash）画面、またはローンチスクリーン（Launch Screen）と呼びます。アプリケーションにおいては、ユーザーが操作することのできない数少ない画面でもあります。 iOSではこのスプラッシュ画面はストア申請時に必須であり、使用するアプリケーションの向きや、対応デバイスのサイズに適しているものを提供する必要があります。個人的感覚ではありますが、いつもアプリケーションのビジュアルデザインや、アイコンのデザインが完了した後に即興で作られるということが多いのではないでしょうか。しかし、適当にスプラッシュ画面を作成するのではなく、サービスの性質や通信の有無などを考慮してデザインする必要があります。 ここで一旦、AppleのHuman Interface Guidelineを見てみましょう。 起動画像は、アプリケーションが起動するま

iPhone 6とiPhone 6 plusが発表されましたが、アプリのデザインを担当している私がもっとも気になるのが「今のアプリのデザインをどう変える必要があるのか？」。 実際、Appleは謎の解像度にしてしまったため、単純に拡大すれば良いってわけじゃなさそうなので、私なりに調べたこと・わかったことを随時更新していこうと思います！ 最終的には、こうしたら上手くいった！リデザインはこうしたら良い！までもっていけたらと思ってます。 目次 1、画面解像度について 2、画像サイズやデザイン作業について その他 1、画面解像度について 解像度などを比較するインフォグラフィックス ↓ 2014/09/16 up 海外でこんなサイトが公開されていました！ iPhone 6 Screens Demystified – PaintCode 解像度がわかりやすく紹介されています。 iPhone6 plusは

推奨バッジ アプリを宣伝するマーケティングコミュニケーションでは、黒い推奨バッジを使用してください。黒いバッジの周囲にあるグレイのボーダーはバッジのアートワークの一部であり、変更は許可されていません。同じ場所で他のアプリプラットフォームのバッジを併用する場合は、黒い推奨バッジを使用してください。その際は、App Storeのバッジを最初に配置してください。 代替バッジ 多様なデザインに柔軟に対応できるよう、白い代替バッジも用意されています。黒い推奨バッジではレイアウトの見た目が重くなってしまう場合に使用することができます。白い代替バッジは、同じ場所でバッジを1つだけ使用し、かつレイアウト内で使用される他の色を補う場合に適しています。マーケティングコミュニケーションで他のアプリプラットフォームのバッジも表示する場合は、黒い推奨バッジを使用し、白い代替バッジは使用しないようにしてください。 ロ