Photoshopを使ってアプリのUIをデザインするコツを学ぶ本連載。第2回以降は架空のiPhoneアプリを例に、実際にUIをデザインしていきます。 作成するのは、現在の空模様の写真を撮影し、位置情報とコメントとともにシェアする「お天気投稿アプリ」です。
Loose Leaf is more about photos and imports than it is about drawing or sketching, and I wanted to make sure it was easy not only to cut and create new scraps, but also to manipulate and duplicate existing scraps. To make a copy of a photo or scrap, I thought through numerous gesture options, menus, long press popups, buttons, and more, and in the end I settled on a simple pull-it-apart gesture. S
最新版のSketchプラグインは、こちらからダウンロードしてください。 こんにちは、いつもProttをお使いいただき誠にありがとうございます!この度ProttにSketch連携機能が追加されましたのでおしらせします。 Sketchとは? Sketchは最近話題のWebとモバイルUIデザインに特化しているデザインツールです。Prottを開発するグッドパッチではデザイナーは全員Sketchを使用しています。 先日、Prott Androidデザイナーが受けた、Sketch 3を使う3つの理由と10の魅力というインタビューも公開されたので是非ご覧ください。 Sketch連携するとできること Sketchと連携することで、Sketchでデザインしたものをクリックひとつで自動的に同期することができるようになりました。スクリーンのデザイン変更もスムーズに反映が可能となりました。 まずはプラグインをイン
ざっくり見て行きましょう。 ローカルファイルの読み込みがやっと可能に iOS 8ではwebViewへ表示できるコンテンツはネット上のもの、もしくはインラインのHTMLのみでした。 iOS 9になりようやくローカルのファイルを読むことが可能になりました。 - (nullable WKNavigation *)loadFileURL:(NSURL *)URL allowingReadAccessToURL:(NSURL *)readAccessURL; // WKWebView.h:101 データとしても読み込めます。 - (nullable WKNavigation *)loadData:(NSData *)data MIMEType:(NSString *)MIMEType characterEncodingName:(NSString *)characterEncodingName ba
鈴木さんの記事を読みましてAMPの仕組みについて読んでみました。以下抜粋して日本語メモを。 モバイルウェブが爆速に! GoogleがAMP (Accelerated Mobile Pages) を立ち上げ | 海外SEO情報ブログ 追記:ざっくり言うと、主にニュースとか静的コンテンツを想定し、HTML+CSSでJSは原則禁止、広告とかで使いたい場合iframeを用意するのでその中だけ。iframeや画像は事前にサイズを固定し変更不可にすることでlazyloadしてもレンダリング時にガタガタしないよね。というAMP HTMLフレームワークを策定したお話です。 原文:https://www.ampproject.org/how-it-works/ モバイルのための仕組み (※見出しは筆者による) Web performance is not unexplored territory for t
IOS9,IOS10,IOS11 からは、 Lag(コマ飛び現象)発生 犯人はAVAudioPlayerでした。(in SpriteKit)Objective-CXcodeavfoundationSpriteKitiOS9 ios8.3 SpriteKitで、音を再生すると、画像のコマ飛びが発生する場合があって、怪しいなと思いつつ放っておいたのですが、IOS9で、画像のコマ飛びがビシッと安定して発生するので、深追いする事にしました。 発生条件 1.音源の再生は、AVAudioPlayerです。 2.update()内で音源の再生する。 3.音源の再生が終了後に数秒待ってから音を再生する。 確認プログラム iOS Apprication>Game Game Technology:SpriteKit update()内で周期的に音源を再生することで周期に対するplay処理時間計測 ・INTER
おはようございます, @the_theorierです. Twitterがアップデートし, ユニバーサルリンクをサポートするなどの変更があります. Safariで開くのではなく, Twitterアプリで直接開くユニバーサルリンクをサポート 設定からミュート・ブロックしたアカウントにアクセス 下半分は前回のアップデートであるバージョン6.37の内容そのものですので省略です. ユニバーサルリンクとは 上で簡単に書いた通りですが, 通常リンクをタップすると基本はSafariで開くようになっていますが, 特定のリンク(今回であれば例えばTwitterのあるユーザーのツイートリンクなど)であればTwitterアプリからそのリンクにアクセスできます. 対象のアプリがデバイスにない場合は通常通り, Safariからそのリンクを表示します. これまでは例えばカスタムURLスキームを利用してディープリンクとし
[レベル: 上級] Googleは、Accelerated Mobile Pages (アクセラレイティッド・モバイル・ページ)という、モバイル端末でのウェブページの表示を高速化するためのプロジェクトを公開しました。 略して、AMP(アンプ)と呼びます。 AMPで策定された仕様に従ってモバイルサイトを構成すると、モバイル検索結果からリンク先ページがまさに“一瞬”で表示されます。 AMPをデモで体験 AMPを使ったページがどのようにモバイル検索から表示されるのかを見てみましょう。 Inside Searchの公式アナウンスに動画があります。 まずこれを見て、何となくでいいので雰囲気をつかんでください。 ただ、見てもどんなだか十分にはわかりませんでしたよね。 実際に試したほうが理解できます。 AMPを体験できるサンプルのリンクもアナウンスに出ていますが、日本からでは機能しないので少し細工を加え
はじめに こんにちは、モバイルアプリサービス部の荒川です。 この記事では、Xcode 7 から追加されたUIコンポーネントの1つ Storyboard Reference について紹介します。 iOS アプリ開発で UI の作成に Storyboard を使用している方を、主な対象読者とします。 Storyboard・Segue と聞いて何かわからないと言う方は、 [iOS]これからiOSアプリを作る方向け Storyboardで画面遷移を作る を参考にして下さい。 iPhone アプリ開発では、使用する言語(Objective-C・Swift)に関わらず、一般的なUIコンポーネントであれば Storyboard で作成することが可能です。コードでも UI を作成することはもちろん可能ですが、ViewController クラスが肥大化し、冗長なコードとなりやすいので、Storyboard
昨日、クラスメソッドさん主催の勉強会『iOS 9 週連続 Bootcamp!2週目』にて登壇させていただきました。 Core Image Tips & Tricks in iOS 9 from Shuichi Tsutsumi タイトルにある "Tips&Tricks" はWWDCのセッション名でもたびたび使われている用語で、Tricksというのは「コツ」とか「うまいやり方」みたいな意味らしいです。 こういうタイトルにしたのは、(資料冒頭にもある通り、)新しく追加されたフィルタを紹介したところで *1、カメラアプリとかつくってる人でもないとあまり使う機会がないわけで、定員150名という大きい勉強会で話す内容じゃないよなぁ。。と悩み、なるべく多くのアプリ開発において普遍的に役立つような内容を、とアレコレ考えた結果、次のような切り口で話すことにした次第です。 Apple も UI で多用する「
はじめに iPhone の登場から日本でも次第にアプリや Web における UI, UX というものが重視されるようになりましたが、昨今はプロトタイピング・ツールが盛り上がりつつあるようです。毎年いろいろなツールが登場してきているので、ここでは特に気になったプロダクト(一応モバイル方面、特に iOS/Mac に近い所)を自身のメモも兼ねて挙げていきたいと思います。 プロトタイピング・ツール / サービス Prott 用途:ワイヤーフレーム設計、ペーパープロトタイプの取り込み、画面遷移設計、共有 Goodpatch が開発したプロトタイピングツール。エディターでワイヤーフレームを描くこともできれば、Sketch からデータを読み込むこともできる。リンクをつないで Web やモバイル端末でプレビューすることも可能。 Sketch プラグイン https://blog.prottapp.com/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く