1行で導入するback gestureの話とUINavigationBarを拡張した話 - blog.ishkawa.org
一昨日、conferenceWithDevelopersのLTで、1行で導入するback gestureの話をしてきました。 LTの内容と、やろうとして間に合わなかったことの紹介を書きます。 1行で導入するback gesture iPhone 5が発売されて、UINavigationBarのbackButtonItemに指が届きにくくなったので、 スワイプして戻るという動作を実装するアプリが増えてきたように思います。 これを実装するにはUIGestureRecognizerを使ってあれこれするのですが、 毎回これを書くのはだるいので、UIViewControllerを拡張して 1行で導入できるようにしたライブラリを書きました。 ISBackGesture 使い方 UIViewControllerにbackGestureEnabledというプロパティが追加されているので、 これの値をY
iOSの足枷、それはかつてアップルがiOSに課した使命だった
iOSの足枷、それはかつてアップルがiOSに課した使命だった2013.02.23 09:00 そうこ iOSは何を引きずって歩いているのでしょう。 米Gizmodoに、The Tech Blockから寄稿がありました。The Tech Blockは、様々なテック関連の記事を編集部が紹介する一方、読者からも広く意見を求めて掲載しているブログメディア。今回は、そこでマシュー・ハウエル（Matthew Howell）記者が、iOSについて語っているので、紹介します。 2007年にアップルはiPhoneをリリースすると共に、iPhone OS（後のiOS）を発表した。端末とオペレーティングシステム、それは互いを必要とする関係にある。共にこの世に生まれ共に同じ舞台にあがる、そういう関係にあるのだ。 当時、iPhoneという新端末におけるアップルのインダストリアルデザインは、他の端末と大きく離れた実に
【iPhone】UIデザイン向上をサポートをするOSS 5つ - enator's blog
2013-02-16 【iPhone】UIデザイン向上をサポートをするOSS 5つ iOSオープンソースライブラリ徹底活用作者: 菊田剛出版社/メーカー: 秀和システム発売日: 2012/12メディア: 単行本 クリック: 6回この商品を含むブログ (1件) を見る書き終えて、なんとなくタイトルに少し違和感が。。。日々色々なアプリがリリースされていますが、様々なアプリUIを提供してくれます。 中には、ClearやPathのような奇抜(というと言い過ぎ？)なUIなものもあれば、標準UIコンポーネントから構築されたアプリまで、様々です。ただ、ある著名なアプリや、これは便利！というようなUIというのは自然と広まり スタンダードになっていく傾向もあります。例えば、下にぐいっとひっぱって更新。 元々どのアプリで実装されたものかわかりませんが、TwitterやFacebookなどでも実装され
iOSアプリのユーザビリティテストに。操作を動画として保存·ScreenRecorder MOONGIFT
ScreenRecorderはiOSアプリの操作ログを動画として保存するソフトウェアです。 iPhoneアプリのユーザビリティテストはWebに比べると大変です。しかしその操作ログがあれば改善すべきポイントが見つかりやすそうです。そのためのソフトウェアがScreenRecorderです。 実際に使ってみたデモです。 操作は動画として記録されます。 タップしたところは赤い丸で表示されます。 ScreenRecorderは既存のiOSアプリに仕込んで利用します。操作は逐次動画として保存されます。FPSは設定で変更可能です。さらに自動でファイルに保存し、ローテーションも行います。App Storeへの提出にも対応しています。 ScreenRecorderはiOS用、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る ユーザビリティテストを行う手法は幾つかあります
アプリの雰囲気がグッと高まる！TabBarの背景や、アイコンを好きなようにカスタム！ | PLUS
今回はアプリではよく使うTabBarのカスタマイズ方法についてです。iOS5よりappearanceが使えるようになり、カスタマイズが容易になりました。アプリ毎に設定すると、より雰囲気が伝わるでしょう。 具体的にはTabbarの背景画像を設定したり、アイコンを設定していきます。そうすると、こんな感じに独自の設定を反映することができます。 1. 背景画像・アイコン画像を準備する タブバー背景画像のサイズは、320×49(Retina 640×98)pxで作ります。 アイコンは30×30(Retina 60×60)pxの正方形の中に入るようにして、書き出します。ボタンを選択・非選択している時の2バージョン作ります。 ボタンが選択されているときの背景画像を作ります。この背景画像サイズはタブの数によって変わります。(320/タブの数)×49pxで作ってください。今回はタブが4つなので、160
たった1行でWebサービスと連携！UIActivity のまとめリポジトリをつくりました - その後のその後
UIActivityとは？ 地味だからかあまり話題になってない気がするのですが、iOS 6 の便利な新機能の1つに UIActivity というのがあります。これは、 こんな感じでメールとか写真アプリとかFacebook/Twitterとかに写真やテキストを渡すためのUIです。（超ざっくり） 実装も超簡単！ 投稿も写真アルバムへの保存もこれ一つでOKかつ実装も超簡単なので、もうTwitter.frameworkとか、Social.frameworkとか、MessageUI.frameworkとかは使わなくなってしまいました。（※UIActivityViewControllerが内部的には使ってると思います） UIActivity (UIActivityViewController) の実装コードはこんな感じです。 - (IBAction)pressBtn { NSString *text
Apache2 Ubuntu Default Page: It works
This is the default welcome page used to test the correct operation of the Apache2 server after installation on Ubuntu systems. It is based on the equivalent page on Debian, from which the Ubuntu Apache packaging is derived. If you can read this page, it means that the Apache HTTP server installed at this site is working properly. You should replace this file (located at /var/www/html/index.html)
楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
iOS6, Android5のスマフォやタブレットに早くも対応したUI用のフレームワーク -ChocolateChip-UI ver2.0
iPad, iPhoneのiOS6, iOS5、AndroidのJelly Bean, Ice Cream Sandwichなど、最新のスマートフォンやタブレットデバイスに対応したUI用のフレームワークを紹介します。 ChocolateChip-UI ver2.0 ChocolateChip-UI -GitHub ChocolateChip-UIはWAMLと呼ばれるマークアップ言語を使い、簡単にさまざまなUIエレメントを実装できます。 制作時は、Webkit系ブラウザ（Chrome, Safari）などのデスクトップ環境でもテストできます。 下記に、ChocolateChip-UIのデフォルトで用意されているUIエレメントをいくつか紹介します。 もちろん、デザインはカスタマイズできます。
Interface BuilderでAlertViewに自由を | Excite Smartphone Engineer's Blog
スマートフォン推進室で主にiOSアプリの開発を担当しています、富家です。 今回はiOSのアラートビューのカスタマイズの話をしたいと思います。 具体的にはIBを使ってアラートビューをカスタマイズします。 実際に弊社アプリ「そらのあるばむ」にて使用していますので 取り急ぎ見たい方はこちらを参照していただければと思います。 ANA 「そらのあるばむ」http://itunes.apple.com/jp/app/ana-soranoarubamu/id549770824?mt=8 アラートビューで表示すると表示するためのアニメーション等が勝手に挿入されたり、背景のビューの操作を一時的に抑えることができるので便利なのですが、UIAlertViewにはよく使うにもかかわらずあまりカスタマイズ出来る余地がありません。 そこでUIAlertViewのサブクラスを作り更にNIBファイルから読み込んでIBで自
iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
46 Fabulous iOS Icon Designs - DesignM.ag
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
UIWebViewでスクレイピングするライブラリの試作版を作った - laiso - iPhoneアプリ開発グループ
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
iOSアプリ『Readability』がアップデート！同期速度が最大8倍高速化、UIの改善など | ライフハッカー・ジャパン
以前にもご紹介したオススメの「後で読む」アプリ『Readability』がアップデートされました！ 大幅にスピードアップして、UIも改善、興味深い記事を探す新しいツールも追加されています。 iOSのバージョンによっては、同期速度が以前より8倍速くなっています。また、ページ内をダブルタップすると、そこが画面の一番上にくるようにスルッとスクロール。連続タップでページ送りしていけば、その記事が何ページくらいあるのかすぐに確認できます。すばらしい！ 今度のReadabilityでは記事を探す方法が2つあります。「Top Reads」セクションは、たくさんのユーザーが保存した人気記事の一覧です。「Longform Picks」はウェブ上にある様々なテーマの長文記事を検索できます。詳しくは冒頭の動画や下のリンクを参照してください。 Faster, Smarter Readability Apps fo
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
講演動画：https://youtu.be/EwTd1Olg1jc 2019年10月6日に行われた「UNREAL FEST EAST 2019」における「UE4における大規模レベル実装ワークフローとブループリント活用事例」の登壇資料です。 ●公式サイト https://unrealengine.jp/unrealfest/ === 今回講演をさせて頂くプロジェクトではブループリントを広い範囲で活用していました。レベル実装においても例外ではなくブループリントによる仕掛けの実装やゲーム進行制御を行っています。本講演ではレベル実装のワークフローとレベルブループリントの活用方法などのご紹介を通して、ブループリントと上手く付き合うための知見の共有や意見交換の場にできればと思います。
Heatmaps for your iOS app - Heatma.ps
Heatma.ps - Heatmaps for mobile applicationsAmazing visual UX feedback for your iOS appLearn from your users. They are the source of your success.Heatma.ps is a lightweight iOS framework that tracks how users interact with your application. You can view heat maps to see where users touch your app, learn what gestures they make and discover common device interaction preferences. Heatma.ps is perfec
iOSアプリでツリーマップを表示·TreemapKit MOONGIFT
TreemapKitはiOSにおいてツリーマップ表示を行うライブラリです。 データをビジュアル化する手法は幾つかありますが、その一つにツリーマップがあります。HDD内容を表示するといった際にも良く使われています。そんなツリーマップ表示をiOS上で実現するのがTreemapKitです。 デモアプリです。色分けされたツリーマップが表示されます。 タップするとその場所のサイズが大きくなります。それによって他のブロックが影響を受けて配置が変わります。 どんどん大きくしていくこともできます。 デモ動画です。タップするたびにブロックが移動しているのが分かります。 ツリービュー表示は利用できるケースを選びますが、ぴたりと当てはまるケースもあるでしょう。覚えておくと使える場面がありそうです。 TreemapKitはObjective-C製、iOS向けのオープンソース・ソフトウェア（MIT License）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
IDEA * IDEA
Core Graphicsでつくる自作UIコンポーネント入門
