今週の土日はやっと重い腰をあげ、 「xcode」でネィティブアプリを書くワークショップに参加することにしました。 参加しているのはコレ http://everevo.com/event/7954 その時にxcodeのタブ設定(デフォルト)が気持ち悪かったので 変更しました。 その時の手順を書きます。 １・「preferences」を選択 ２・「Text Editing」を選択 ３・「Indentation」を選択し、「Tab width」と「Indent width」を変更 実際、触ってみるとxcodeは「おもちゃみたいな感覚」で面白いんだけど、 やっぱり「おまじない」の名前が長過ぎる。。。

Objective-Cで画像を使用し UITabBarをカスタマイズする方法を以下に記載します。 下記よりソースコードのダウンロードが行えます。 ダウンロード https://github.com/masakihirokawa/objc-ui-tab-bar-custom 必要な画像の寸法 (Retina用と標準解像度用の2種類必要) 背景画像: W640H98px (W320H49px) ※サンプル画像: tab_background@2x.png アイコン画像: W60H60px (W30H30px) ※サンプル画像: tab_icon1-o@2x.png 選択中のアイコン背景画像: W128H98px (W64H49px) ※サンプル画像: tab_selection_indicator@2x.png この画像はメニューの数に応じて横幅が変わります。例えばメニューが4個の場合は、W1

iPhoneのお話です。 デフォルトで作ることのできるタブバーについて簡単にまとめました。 タブバーとは 下図にあるとおり、アプリ内の下部にある「画面を切り替えるためのボタンが配置されている領域」です。 「App Store」や「ミュージック」などApple純正アプリでも使われていますよね。 今回はデフォルトで作ることのできるタブバーデザインの画像アイコンについて、いくつか実験をしてみました。 色違い 背景を透過している透過png、60px × 60px（Retinaサイズ）。 白、黒、赤、青、黄色の5種の家アイコン画像を用意しました。 それぞれのアイコンを取り込んで表示します。 全部一緒だ！ 色がどうってよりアルファで判断してるんですね。 というわけで色の違いではグラデや見え方の違いはありませんでした。 アルファいろいろ 色は白一色で、アルファにグラデーションをかけたものを3種類用意しま

iOS7がすっかりiPhoneユーザーにも慣れ親しんだものへと変わってきた今、あなたのアプリやウェブサイトもようやく重い腰をあげてリニューアルするときではないでしょうか？ そんなときに、本当に活躍する便利素材が本日ご紹介したいシリーズ「Tab Bar Icons」です。 Tab Bar Iconsはユーザーが慣れ親しんだiOS7のアイコンを完全再現しています！！ いわゆるタブバーに使用されている、あの１ピクセルの美しいピクトグラムのことです。 現在３つの素材がそれぞれ配布されていますよ！ Tab Bar Icons iOS 7 これが、本当に使えるんです！ まさかのaiファイル、epsファイル、psdファイルの３種全収録！！アプリ制作者様は本当に必須アイテムですよ！ タブバーのメニューとしてはもちろん、list-styleとしても使えると思いますね。 この細いピクトグラムをデザインに取り入

今月からようやくModern Objective-Cに着手(かなり今さらだけど・・) 記述がかなりシンプルだとは聞いていて、情報もたくさん挙がっていたのだけど、困惑したのでメモ。メンバー変数とか@synthesizeとか宣言不要でコードがスッキリして嬉しい。基本的には@propertyだけ宣言すれば良いみたい。また@properyもいままでヘッダファイルでのみ宣言していたけど、プライベートなものは実装ファイルの無名カテゴリ内に宣言すればよいみたい(パブリックプロパティは従来通りヘッダファイルに記述)。以下、プライベートプロパティを宣言する時の例。 一応、メンバー変数とか本当に定義されているのか確認。 もう"Legacy" Objective-Cでは書けないな。 参考サイト 参考にさせていただいたサイトです。 Objective-Cプログラミング言語 - プロパティの宣と実装 by Appl

コンパイラではエラーが出ず、ビルドしたときに return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); というところで止まってしまうことがあります。 どの部分でエラーが出ているのかはこちらのブログを参考にすればわかります。 もう RETURN UIAPPLICATIONMAIN で止まっても困らない! XCODEでのデバッグ方法 しかし、この方法を試してみてもブレークポイントが作成されずどこでエラーが出ているのかわからないときがあります。 試しにブレークポイントが出てこないアプリを作ってみます。 まずはMainStoryboardを開いてボタンを配置。 ボタンを右クリックしながら@endの上付近に持っていき、「test」という名前を付けます。 で、なんやかんや変更があったと想定し、先

iPhoneのプログラムを公開しますが、ソースコードも公開したい。 でも、はずかしくて、公開出来ない。 じゃあ、細切れにして、各機能を公開するというのはどうだろう。 子ねこClock をiPadに移植しようかと、検討に入りました。（宣伝宣伝^^;） 「ボタンを置くスペースが足りない！」ときに使うべきかは、要検討なのですが、 今回は検討を省いて(^^;)実装だけしてしまおうかと思います。 タイトルの通りなのですが、UIScrollViewにボタンを貼付けてしまいます。 ボタンにタグ番号を振っておくことで、同じ処理を書かなくて済むようにします。 このように、小さい表示領域にボタンを詰め込んで、スクロールで表示させて、タップする、という具合です。 スナップショットをとってなくて申し訳ないのですが、 「Xcode」で「New Project」。「iOS」の「Singe Viewなんちゃら」を選択、

Xcode4.2からStoryboadというものが使えるようになりました。いままで画面ごとにnibファイルを作ってプログラムで画面遷移することができましたが、Storyboardを使えば各画面の関係を1画面で見渡すことができます。また、単純な画面遷移ならプログラムを一切書かずに作ることができます。 最も簡単な画面遷移 ボタンを押したら次の画面に移動するだけの簡単な画面遷移を作ってみます。 まずはプロジェクトの作成から。 File –> New –> New Project でSingle View Applicationを選択します。 新規プロジェクトのプロジェクト名などを入力する画面で「Use Storyboard」のチェックを入れて、プロジェクトを作成します。 次に、Navigation Controllerを追加します。 Navigation Controllerをドラッグしてキャン

仕事でiPhoneアプリ開発をやるようになって半年が経ちました。面白いね！ その初期の頃に書いていたメモ書きが見つかったので、それを見返しながらまとめてみました。 新しく始める方のお役に立てれば！ iPhoneアプリ開発の基本 Q. やり方が分からない A. とりあえず公式読むのがおすすめ。量が多くて躊躇するけど正しい。 最初に読むなら、以下のリンクの「初めての iOS アプリケーション」。 日本語ドキュメント - Apple Developer それでも分からないって時は、困った時のドットインストール！これ以上に分かりやすいのはない！ iOSプログラミング入門 (全24回) - プログラミングならドットインストール Q. StoryBoardの使い方が分からない A. ちょっと前までは、これについて詳しく書かれている本や記事がなくて困りましたが、最近はありそう。 これもドットインストール

１年半ほどコツコツと書きためてきた iOS アプリ開発 / Objective-C 関連の Tips をカテゴリ別にまとめてみました。 数が多いので、オススメのものを太字にしてあります。 （更新情報 2012.8.11）ちゃんと数えてみたら88個しかなかったので、20個ほど追加しました。 （追記 2013.10.1） 本記事をきっかけに秀和システム社よりお声がけいただき、書籍を執筆 させていただきました。iOS開発に役立つTips集です。ぜひ下記ページより 目次を見ていただき、興味のある項目がありそうであれば ご購入いただけるととても嬉しいです。 『iOSアプリ開発 達人のレシピ100』という本を書きました ライブラリ／フレームワーク ゲームアプリ向け UI コンポーネントセット "UIKitForGame" ゲームアプリをつくる際に便利な UIKit のカテゴリ／サブクラスの詰め合わせラ

他人から引き継いだプロジェクトの大まかな全体設計を把握したい場合、規模の大きいライブラリの一部だけ取り出して使用したい場合、複雑になってしまったコードをリファクタリングしたい場合等、プロジェクト内のクラスの依存関係が一望できると有益な場面は多いのではないでしょうか。 objc_depというスクリプトを用いると、下記のように、Xcodeプロジェクト内のクラスの依存関係を示す図をコマンド一発で生成することができます。 このスクリプトの使い方、生成される図の見方等を紹介します。 スクリプトの実行方法 次のURLからダウンロードしてきて解凍すると、objc_dep.py というファイルが入っています。 https://github.com/nst/objc_dep そのスクリプトを適当な場所に置き、ターミナルから次のように実行します。 というコマンドになります。 依存関係図を表示 出力される.do

先週末に開催された『もくもく開発会＠鎌倉 #2 by Qiita』にて、 iOS 7 で新たに加えられたAPI の使い方等を勉強しつつ、簡単なサンプルを集めたアプリをつくってGitHubにアップしました。 https://github.com/shu223/iOS7-Sampler 今のところ21個のサンプルが入っています。何か調べた折に随時追加していきます。 以下サンプルのリストです。 Dynamic Behaviors iOS7では UIView サブクラスに簡単に物理演算を適用することができるようになりました。 本サンプルでは、UIDynamicAnimator, UIGravityBehavior, UICollisionBehavior, UIDynamicItemBehavior を用いて 重力と衝突をシミュレート しています。 関連：UIKit で物理演算エンジンを使用する