Cocoaの日々
モバイルファーストにしたので PCで見るとメニューが煩かったり、中身がスカスカなのはご愛嬌。以前にもアプリのサイトを HTMLで作ったことがありますが、WordPressで制作したのは初めて。 そこで今回 WordPressによるサイト作りで使用したテーマや、素材、AWSで組み立てたインフラなどの情報を共有して行こうと思います。 Wordpress 素材（写真とアイコン） インフラ（AWS） 期間と費用 個人開発者などでこれからランディングページなどを作る人の参考になれば。 WordPress 非デザイナが WordPressでホームページを作る際に一番重要だと思うのはテーマの選定。私はホームページデザイナでは無いし、一からCSSやHTMLを書くほどの根性もセンスも無い。そんな訳でまずはテーマを探した。 ネットで "wordpress theme" で探すと有料から無料まで様々なものがある
Cocoaの日々: [iOS] iOS5 から標準で UINavigationBar に複数のボタンを配置することができるようになった
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど UINavigationItem の API に iOS5 から rightBarButtonItems があることに気がついた。複数形ということは...？ 早速試してみた。こうすると。 UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(touched:)]; UIBarButtonItem *item2 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera tar
![Cocoaの日々: [iOS] iOS5 から標準で UINavigationBar に複数のボタンを配置することができるようになった](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfee2234fe59b8db7a7b8034a0bc48ee67035a1c/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-WZrag3YV1Tc%2FTwW1unWp2xI%2FAAAAAAAAH50%2F_iRJPKdYBFo%2Fs1600%2F120105-0013.png)
Cocoaの日々: UIScrollView - フリックで画像（ページ）をめくる
画像はここから拝借した。 夜景 - フリー写真素材（無料壁紙画像）Futta.NET 実装 まずスクロール対象のビューを用意する。これは前回のコード（ImageView）をそのまま流用して単純に８枚の画像を横にならべてみた (全体で 2560x460ピクセル)。 [前回] Cocoaの日々: UIScrollView - サムネイル画像を並べて指でスクロールさせる UIScrolViewの設定も基本的には前回と同じ。今回はこれに Paging設定を追加する。 self.scrollView.contentSize = imageView.bounds.size; // ビューのサイズを指定 [self.scrollView addSubview:imageView]; // ビューの追加 // new stuffs self.scrollView.pagingEnabled = YES;
Cocoaの日々: UIScrollView - サムネイル画像を並べて指でスクロールさせる
UIScrollView について直接使ったことが無いので調べてみた。 情報＆サンプル iPhone OS Reference Library に解説とサンプルがある。 UIScrollView解説 Scroll View Programming Guide for iPhone OS スクロールサンプル Scrolling ２種類の UIScrollView を使ったサンプルプログラム。 サンプルは基本的なところが押さえられているので参考になる。 ポイント UIScrollView を使うのは簡単で次の２つをやるだけでいい。 1. UIScrollView.contentSize にスクロール対象ビューの全体の大きさを設定する 2. スクロール対象ビューを UIScrollView へ追加する 検証 解説とサンプルを参考にして簡単なプログラムを組んでみた。複数の画像を横へ並べてスクロール
Cocoaの日々: 簡易スライドビューア [13] UIPageControl を追加
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど 追加自体は簡単で UIPageControl のインスタンスを作成し、表示したい UIViewに追加するだけ。 // setup page control CGRect pageControlFrame = CGRectMake( 0, self.bounds.size.height-DEFAULT_MARGIN_HEIGHT, self.bounds.size.width, DEFAULT_MARGIN_HEIGHT); self.pageControl = [[[UIPageControl alloc] initWithFrame:pageControlFrame] autorelease]; self.pageControl.autoresizingMask = UIViewAu
![Cocoaの日々: 簡易スライドビューア [13] UIPageControl を追加](https://cdn-ak-scissors.b.st-hatena.com/image/square/95b7c8ac2f11e788f0d3b70ca4b16743b0533b83/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F_ZoUhefzk0CI%2FTLVEJPWEA0I%2FAAAAAAAAFhc%2F7UssKp0-4FY%2Fs1600%2F101013-0004.png)
Cocoaの日々: 数字キーボードビュー（ライブラリ）を公開
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど CoreGraphicsの関数を使って全部自力で描いてます。 lakesoft/LKNumberPad - GitHub インストール 1. GitHubからプロジェクトをダウンロードした後 Xcode 4 で開く。 2. その中から LKNumberPadView.h と LKNumberPadView.m を自分のプロジェクトへコピーして追加する。 使い方 Xib を使う場合は次の通り。 1. 表示したいビューを開き、UIView を貼りつけた後、クラスを LKNumberPadView に変更する。 推奨サイズは 横 320 x 縦 54。 2. 背景色(Background)プロパティを設定する。 これだけで表示できるようになる。 次にボタンがタップされた時の動作を記述する。
Cocoaの日々: UIBarButtonItem にカスタム画像を表示する
initWithImage: を使うと白抜き表示になる？ UIBarButtonItem にはカスタム画像用に initWithImage:style:target:action: が用意されている。これを使えば簡単にカスタム画像をツールバーに表示できる、わけではなかった。 [[[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"Icon"] style:UIBarButtonItemStylePlain target:self action:@selector(openKarteList:)] autorelease]; 普通にこんな画像を用意して
Cocoaの日々: [Info] AFNetworking
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど 並列実行に NSOperation を使い Blocks を使った APIを提供している。 用意されているクラス、プロトコル、カテゴリの一覧 AFHTTPClient AFHTTPRequestOperation AFImageCache AFImageRequestOperation AFJSONRequestOperation AFNetworkActivityIndicatorManager AFPropertyListRequestOperation AFURLConnectionOperation AFXMLRequestOperation Protocol References AFMultipartFormData UIImageView(AFNetworking)基本と
![Cocoaの日々: [Info] AFNetworking](https://cdn-ak-scissors.b.st-hatena.com/image/square/22152e4a199bc09e42344b4762359dbdb4966c0c/height=288;version=1;width=512/http%3A%2F%2F2.bp.blogspot.com%2F-LWJTCn670vM%2FTsO2_YLQvtI%2FAAAAAAAAGpM%2FUtAfEeWSO8k%2Fs1600%2F111116-0006-32%252525.png)
Cocoaの日々: [iOS] バックグラウンド実行見本（Task Completion）
（2011-12-01 追記あり）UIApplicationDelegateの呼び出しが iOS5 から変わった件。 Task Completion を使った iOS4 でのバックグラウンド実行サンプルを作ってみた。 サンプル 実行するとキューにたまった 30個のデータが順番に処理されてテーブルから消えていく。 処理は GCD を使い別スレッドで実行される。右上の[+]ボタンを押すとキューへデータが追加されていく。途中でホームボタンを押してアプリを切り替えても Task Completion によって処理は停止すること無く実行され続ける。わかりやすいようにアプリのアイコンバッヂに残タスク数を表示してみた。 バッジの数字は時間と共にカウントダウンされていくので処理が行われていることが確認できる。 Task Completion とは？ Task Completion は、iOS4 から導入さ
![Cocoaの日々: [iOS] バックグラウンド実行見本（Task Completion）](https://cdn-ak-scissors.b.st-hatena.com/image/square/e7f8773a1959bda11abaf279189530590ce54718/height=288;version=1;width=512/http%3A%2F%2F1.bp.blogspot.com%2F-_6Ym8gNPGGo%2FTZ8SbeFIWqI%2FAAAAAAAAGH0%2F40agLVVxc60%2Fs1600%2F110408-0001-50%252525.png)
Cocoaの日々: Bezelボタンを作る［03］矩形の内側に影を落とす
こんな中を抜いた図形が作って描画すれば矩形の内側に影ができるだろう。 影ができればこの図形自体は不要なので（矩形の内側に）クリッピングして隠してしまえば良い。 コードはこんな感じ。 - (void)drawRect:(CGRect)rect { CGRect frame = CGRectInset([self bounds], INSET_SIZE, INSET_SIZE); CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSaveGState(context); // [1] clipping [self addRoundRectPath:context rect:frame]; CGContextClip(context); // [2] fill background in round rect [[UIC
Cocoaの日々: [iOS] UITableView でセルをスワイプするとスライドするユーザインタフェースを実装
スワイプの処理 RootViewController にUIGestureRecognier を左右両方向について登録しておく。 - (void)viewDidLoad { [super viewDidLoad]; : UISwipeGestureRecognizer* swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(didSwipeCell:)]; swipeGesture.direction = UISwipeGestureRecognizerDirectionRight; [self.tableView addGestureRecognizer:swipeGesture]; [swipeGesture release]; swipeGesture = [[UIS
![Cocoaの日々: [iOS] UITableView でセルをスワイプするとスライドするユーザインタフェースを実装](https://cdn-ak-scissors.b.st-hatena.com/image/square/c63ced423d1af6cde9bfa18ff38109590131a3f8/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-LlM0fJAObCI%2FTgnfd46wSzI%2FAAAAAAAAGL4%2F2Y7xbua5BkE%2Fs1600%2F110628-0010.jpg)
Cocoaの日々: [iOS] ネットワーク接続状況取得ライブラリを公開
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど ネットワークの接続状況を取得できるライブラリを公開しました。 dev5tec/FBNetworkReachability - GitHub 特徴 現在の接続状況（WiFi, 3Gなど）を取得することができる。 以下、使い方の例 FBNetworkReachability* network = [FBNetworkReachability networkReachabilityWithHostname:@"http://xcatsan.com/"]; FBNetworkReachabilityConnectionMode mode = network.connectionMode; switch (mode) { case FBNetworkReachableNon: // 未接続 br
![Cocoaの日々: [iOS] ネットワーク接続状況取得ライブラリを公開](https://cdn-ak-scissors.b.st-hatena.com/image/square/2041178013a1a776ca62e5feead0072b1792b4e4/height=288;version=1;width=512/http%3A%2F%2F1.bp.blogspot.com%2F-f8Qm6rAt8_o%2FTdybuyKKlzI%2FAAAAAAAAGJA%2F4VIVQWiU_jw%2Fs1600%2F110525-0015.png)
Cocoaの日々: [iOS] UIAlertView 上に UIProgressView を載せる
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど "START"ボタンを押すと UIAlertView がポップアップし、プログレスバーが進んでいく。 プログレスバーが 100% になると UIAlertView を閉じる。 実装 UIAlertView のサブビューとして UIProgressView を追加する。追加位置はプログラム内で決め打ちしている。 - (IBAction)start:(id)sender { UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Information" message: @"Please wait..." delegate: self cancelButtonTitle: nil otherButtonTitles: n
![Cocoaの日々: [iOS] UIAlertView 上に UIProgressView を載せる](https://cdn-ak-scissors.b.st-hatena.com/image/square/4c93d2695b9df2f70bbf3ba65937f331aa69dbca/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F_ZoUhefzk0CI%2FTRCpIk2G1qI%2FAAAAAAAAF9Q%2FoypurO-D8cQ%2Fs400%2F101221-0003-77%252525.png)
Cocoaの日々: 画像を横に並べたスクロールビューアの作成 [3] 循環スクロール（無限スクロール？）
左右の端がなくどちらの方向にも延々とスクロールすることができるので無限スクロールと言っていいかもしれない。 実装 前回までの実装をベースに循環スクロールを実装する。ポイントは次の２点。 1. スクロール対象のエリアを大きく取る 2. 画像を循環表示させる 1. は具体的には UIScrollView.contentSize で設定する。今回はこれを非常に大きな数（10,000 x 80ピクセル程度）に設定することで擬似的に無限スクロールできるようにした。 2. は、例えば８枚の画像がある場合、９枚目の表示には１枚目の画像を使うといった処理。 基本的に前回のコードへ上記実装を加えれば循環スクロールが実現できる。実装はここで説明するよりもソースコードを見てもらった方が（言葉よりも）分かりやすいと思うのでそちらを参照のこと。 サンプル 静止画では分かりづらいが、サンプルをビルドして実行すると延々
![Cocoaの日々: 画像を横に並べたスクロールビューアの作成 [3] 循環スクロール（無限スクロール？）](https://cdn-ak-scissors.b.st-hatena.com/image/square/3363f8f00308a5867b70f584c5d8b21f1161d422/height=288;version=1;width=512/http%3A%2F%2F3.bp.blogspot.com%2F_ZoUhefzk0CI%2FTGzWii-WiiI%2FAAAAAAAAFVo%2FS8bkXJ-cJbc%2Fs400%2F100819-0006.jpg)
Cocoaの日々: CALayer を使ってビューの内側に影を落とす
CALayer を使うと簡単にビューに影を落とすことができる。 CALayer* layer = self.imageView1.layer; layer.shadowOffset = CGSizeMake(2.5, 2.5); layer.shadowColor = [[UIColor blackColor] CGColor]; layer.shadowOpacity = 0.5; ただこの方法はビューの外側に影を落とせても、ビューの内部には影を落とせない。 どうするか。 CALayer のプロパティを眺めていていると shadowPath に気がついた。このプロパティには CGPathRef を渡すことができる。 @property CGPathRef shadowPath;もしかしてこれを使って任意の場所や形で影が落とせないか。 試しにこんな矩形のパスを作って渡してみた。 CALay
Cocoaの日々: CAGradientLayer を使ったグラデーション付きボタンの試作
基本の色は UIControl.backgroundColor で決める。 その上に CAGradientLayer をかぶせてグラデーションをかける。グラデーションは白色をアルファ値を変えて表現する。 self.gradientLayer = [CAGradientLayer layer]; self.gradientLayer.frame = self.bounds; self.gradientLayer.locations = [NSArray arrayWithObjects: [NSNumber numberWithFloat:0.0], [NSNumber numberWithFloat:0.5], [NSNumber numberWithFloat:0.5], [NSNumber numberWithFloat:1.0], nil] self.gradientLayer.co
Cocoaの日々: viewDidUnload は呼ばれない（メモリ不足時だけ呼ばれる）
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど UIViewControllerの画面を閉じる時に通常 viewDidUnloadが呼び出されることは無い。このメソッドが呼び出されるのはメモリ不足の時のみ。名前が viewDidLoad と対になっているが、動作は対になっていない。 UIViewController の各種メソッド呼び出しタイミング 通常の動作 viewDidLoad ｜ ｜閉じる ↓ dealloc メモリ不足発生時の動作 viewDidLoad ｜ ｜メモリ不足発生 ↓ didReceiveMemoryWarning ｜ viewDidUnload ｜ ： ↓ viewDidLoad ｜ ｜閉じる ↓ deallocてっきり通常 viewDidUnload が呼び出されると勘違いしていたがそうではない。 となると
Cocoaの日々: UIImage から縮小画像を生成する
iOS/iPhone/iPad/MacOSX プログラミング, Objective-C, Cocoaなど UIImage からサムネイル用途で使用する縮小画像を作る。 縮小処理 こんな感じ。 @implementation UIImage (extension) - (UIImage*)imageByShrinkingWithSize:(CGSize)size { CGFloat widthRatio = size.width / self.size.width; CGFloat heightRatio = size.height / self.size.height; CGFloat ratio = (widthRatio < heightRatio) ? widthRatio : heightRatio; if (ratio >= 1.0) { return self; } CGRec
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cocoaの日々: 簡易スライドビューア [19] 指定のページを表示する
Cocoaの日々: 顔検出のサンプルプログラム - SquareCam
