ブログ移行しました。

こちらに移行しています。
http://yuichi-dev.blogspot.jp/

Thank you for watching

　　

Getting started with the SplitViewController on the iPad

O'ReillyのElisabeth RobsonさんによるiPad,splitViewcontroller
を使った簡単なRSSアプリのちゅーとりある

■要約
・ArticlesクラスにXMLフィードの解析、記事のカウントなど
・MasterViewControllerクラスにArticleクラスでとってきた記事タイトルをtableに表示
・DetailViewControllerクラスにwebViewに選択した記事の表示


※MasterViewController.mでMasterViewControllerからDetailViewControllerに
アクセスできるようにインスタンス変数、プロパティを用意し、実装で下記を
わすれずに

- (void)viewDidLoad
{
　[super viewDidLoad];

    self.detailViewController = 
    (DetailViewController *)
    [[self.splitViewController.viewControllers lastObject] topViewController];
    
    /*splitViewControllerはmasterとdetailプロパティをもち、
     lastObjectはふたつめのdetailを取得,topViewController
     （現在表示中の画面）プロパティを参照することでdetailViewControllerに
     masterはdetailにアクセスできる状態になる
     */
}

このようなチュートリアルがyoutubeで見れるなんて本当にありがたいです。
Thanks a lot!!

　　

Tips for Xcode 1.0 リリースのお知らせ

ついにAppストアに初アプリが掲載されました。
XcodeのTipsを集めたリファレンスアプリです。

リンクはこちら↓

http://bit.ly/eHtXif

以下Description


Tips for Xcode is xcode reference for iPhone.
It would be greatly appreciated if it could be useful for all iOS App Developers.
No internet connection is needed.

now adjusted for 3.2.5 Xcode


Contact:
@mansony_jp

　　

BloggerでSexyBookmark導入

Sexy Social Bookmark

ソーシャル系のサービスを使っている海外の人なら知っている有名なアイコンたち。
deliciousは廃止されるので、かなりの今更感は否めませんが、、
あとAddThisとかぶりますが動きがいいのでよしとしましょう。
digg,technorati,reddit,designfloatあたりは使ったことありません。
とにかく動きがセクシーでいいです。


今回はBloggerでの導入方法を書いていきます。

＊参考にしたリンク

• Sexy Social Bookmark
• WordPressにSBMボタンを加えるプラグイン、SexyBookmarksの日本Ver.をリリースしました(WordPressユーザ用）

HTMLの編集でウィジェットのテンプレートを展開にチェックを入れ、
以下を探す。

]]></b:skin>

]]></b:skin>以下にCSSコードを挿入

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://YOUR-IMAGE-HOSTING/sharingsexy.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://YOUR-IMAGE-HOSTING/sharingsexy.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://YOUR-IMAGE-HOSTING/sexysprite.png') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>

上記のYOUR-IMAGE-HOSTING/sexysprite.pngのところをあなたのホスト先に変えてください。

次に以下を探す。

<data:post.body/>

<data:post.body/>以下にHTMLコードを挿入

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

最後にYOUR-FEEDBURNER-IDの所を変える。
これで完成です！

　　

BloggerでSyntaxHighlighter導入

blogでソースコードを貼りつけたい時に
分かりやすくハイライトしてくれる
SyntaxHighlighterを導入しました。


参考させていただいたリンク
・BloggerにおけるSyntaxHighlighterの使い方
・「SyntaxHighlighter」各要素ごとの設定項目
・Blogger に SyntaxHighlighter 2 をインストールする


まずbloggerのHTMLの編集で<head>内にSyntaxHighlighterのコアjsファイルを導入。

<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"/>

次にハイライトしたい言語を選択し挿入。

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCoreDjango.css' rel='stylesheet' type='text/css'/>

最後にSyntaxHighlighterを有効にする処理を挿入。

<script type="text/javascript">
// Bloggerへの埋め込みなら以下の一行は必須です。
SyntaxHighlighter.config.bloggerMode = true;
// クリップボードSWFもホスティングしてもらいましょう。
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
// 論理改行は無効にしておきます。
SyntaxHighlighter.defaults['wrap-lines'] = false;
// 最後にSyntaxHighlighterを有効にします。
SyntaxHighlighter.all();
</script>

これでソースコードをハイライトする準備が終了。
使い方は

<pre class="brush: javascript;">
alert('Hello World!!');
</pre>

このようにpreタグで囲み、
class属性で使用したいbrushを選択するだけ。

html-script
htmlやxmlもハイライトしてくれる。

<pre class="brush: javascript;html-script: true">
SampleCode
</pre>

gutter: false;
行番号の表示、非表示

<pre class="brush: javascript;gutter: false;">
サンプルコード
</pre>

ページ上のハイライトされた要素をデフォルト隠す。
クリックすると開く。↓

<pre class="brush: javascript;collapse: true'">
123456789
</pre>

最後にCSSのテーマ
Defaultだとこれ

最終的にblogのテーマに合わせると

Djangoが一番あってました。

他は

• Eclipse
• Emacs
• FadeToGray
• Midnight
• RDark

などがあります。

ぜひお試しあれ♪

　　

iPhoneアプリ申請の流れ

おおまかな流れをまとめます。

key chain access で何度も証明書要求をし、同じkeyを作り、

uploadできない、もしくはupできてもInvalid Binary

だからダメと言われたりで散々だったので、簡単にまとめます。

開発したiPhoneアプリを実機にインストールしてdeviceでアプリを動かすためにprovisioning profileを取得します。

1, Keychain access で証明書発行するためのcertificateを取得

iOS provisioning portalの左の欄のCertificatesからdevelopmentを選択

→Key Chain Accessで取得したcertificateファイルを選択
→submit

→download 
→Key Chain Accessで証明書を確認。
　※WWDR intermediate certificateも忘れずに！

2,Provisioning Profileの作成

(※deviceの登録、AppIDの作成は割愛。)

iOS provisioning portalのProvisioning

→developmentを選択

→new profileを選択
＊Certificates

＊App ID

＊select an App ID

＊Devices

それぞれを選択、入力。

downloadしたprovisioningを
xcode organizerの自分のiPhoneのところに追加。

これで実行する時にcode signを作成したprovisioningを選べばOK!!

 3, アプリを申請する際の流れ

iOS provisioning portalの

CertificatesのDistributionを選択

→上記のcertificateファイルをsubmit
　(※ここで注意すべきは,はじめの証明書要求と同じファイルを選択すること。
　　CertificateSigningRequest.certSigningRequestという名前のファイル。)

→download 

iOS provisioning portalの

ProvisioningのDistributionを選択

→上記同様

→download

→追加


4,Application LoaderでUp
この前にiTunes Connectにログインして
manage your appsでアプリ登録のその他諸々を設定。
http://gihyo.jp/dev/serial/01/iphone/0010
↑申請する時、この記事('09年3月27日)を読み進めながら
やっていたもんだからApplication Loader??な状態だった。


Finderで/Developer/Application/UtilitiesにApplication Loader発見！
でUpする前にXcodeのcode signでDistributionのを選択。
→buildファイルの削除。
→clean all
→build
→buildファイルのDistribution-iphoneosに.appができているので圧縮。
→.app.zipをApplication Loaderでup。
→これで問題なければ完了。reviewを待ちです。


Finish!!


とその前にManage Your Apps でCurrent Statusを確認。
Invalid Binary状態だとメールが来て、ちゃんとしたファイルを
送りなおさないといけません。waiting for reviewだとかIn reviewは大丈夫。














＊最後に
注意すべきポイントを上げます。
device用provisioningを取得する時
証明書を要求のため、自分の名前でkeyを作成しますが、
これをDistributionの時も同じものを使う所です。


今はreview待ちなんですが、これいつまで待たされるんでしょう。
とにかく自分が作ったアプリがApp Storeに載るのが楽しみですね。

　　

iPhone アプリ申請時に気をつけるべきこと

丸一日かかってiPhoneアプリ申請が完了。
現在、申請したアプリはWating For Review 状態。
今回はiPhoneアプリを申請する際につまづいたエラーなどをまとめていきます。


＊証明書取得の際のsubmitができない
まず実機で動作確認するためにprovisioning profileを取得し
iOS Provisioning Portalで証明書を発行しようとしたが、
ファイルを選択→submitしても画面がかわらず失敗。
『Create iOS Development Certificate can't submit』などと検索して
Generate /Submit a CSR - iPhone Dev SDK Forum見つけました。

解決法：
ブラウザをchromeからsafariに変えたらすんなりsubmitできた。これだけ。
provisioning取得で参考にしたページ:第9回デバイスでアプリを動かす:目指せ！iPhoneアプリ開発エキスパートgihyou.jp

＊iTunes Connect　ログイン失敗。

実機での動きの確認を完了し、

iTunes Connectにログインしようとすると

『Apple ID does not have permission to access iTunes Connect』

正確なIDとパスワードを入力してもダメ。
どうやってもiTunes Connectにログインできない。

解決法:

サポートに連絡。以下内容。

すると半日もしない内に連絡がきて、

ログイン可能に。

Inquiry from  regarding iOS Developer Provisioning Portal
Region: Japan

Hi.

I cant sign in iTunes connect.
Error message is this.

 Apple ID does not have permission to access iTunes Connect.

Please support me.

Apple ID : (あなたのID)
Person ID : (数字何桁かの数字)

＊Invalid Signature - Make sure you have signed your application with a distribution certificate, not an ad hoc certificate or a development certificate. Verify that the code signing settings in Xcode are correct at the target level (which override any values at the project level). Additionally, make sure the bundle you are uploading was built using a Release target in Xcode, not a Simulator target. If you are certain your code signing settings are correct, choose "Clean All" in Xcode, delete the "build" directory in the Finder, and rebuild your release target.

Info.plistでBundle identifierを正確に入力、

code署名IDもDistribution用のprovisioningを選択し、

Application Loaderでuploadが成功したが後にAppleから

上記のような連絡がきた。

そして、distribution用のprovisioningを発行し直し、

buildをファイルを削除、buildのクリーン→buildをすると

下のようなエラーが

＊Command /usr/bin/codesign failed with exit code 1

＊CodeSign error: Certificate identity 'iPhone Distribution: (自分の名前) ' appears more than once in the keychain. The codesign tool requires there only be one.

証明書のIDが重複しているということ。

つまりひとつの証明書に二つのkeyがあるので問題になる。

何度もprovisioningを発行してる内に、keyを作りまくっていたw

秘密鍵と正確ではない証明書を同じ名前で作っているとこのように言われる。

解決法:

一番古いkey以外を削除するとコンパイルが通り完了。

※CertificateSigningRequest.certSigningRequestという要求ファイルを作るのは一回でいい。

それでdistribution用provisioningもsubmitすれば,keyの重複にはならない。

エラー解決に参考にしたページ:

iTunes Connectへ入れない « 寺子屋サルでき

第10回App Storeでアプリを公開 gihyou.jp

http://token.sakura.ne.jp/wp/?p=191

Invalid iPhone Application Binary:stackoverflow

　　

Chrome Web Storeで便利な無料アプリ5選

 Chrome Web Storeの紹介です。
Chromeユーザーなら、かなり便利。現時点ではweb storeの日本語化がされていない、課金アプリはダウンロードできない、アプリ数が少ないですがGoogleDocuments,Gmail,Books,Reader,News,Calendarなどはすぐに開けることが可能になりEvernote,TweetDeckなどわざわざデスクップアプリを使わなくてもブラウザだけで済むようになります。また単なるWebページへのショートカットという意味でのアプリも多いですが、News系のアプリのインターフェースはシンプルですばらしいものが多いです。




∇Seesmic

Twitter,Facebook,Linkedin,Foursquareなどのタイムラインを一括で見ることができます。⇒Downloadページへ



∇GrooveShark

オンラインの無料音楽配信サービス。聞きたい音楽を検索するだけで楽々Listen to Music。Play Listの作成、radioもあり。⇒Downloadページへ




∇Wikihood World Browser

まるで旅をしながら世界の歴史や文化を体感できる。Location機能で現在地付近のwikipediaのデータと地図、写真を合わせた旅行ガイドとしても使えます。ただ日本語化はされていないので、英語学習にはぴったりかも。⇒Downloadページへ

iPhone,iPadアプリはこちら⇒ Wikihood for iPad - iPad  Wikihood - iPhone App



∇Write Space

単なるText Editorですが地味に役に立ちますよこれは。なにかアイデアが浮かんだ時、メモしなくちゃならない時、さっとChromeで新しいタブを開き、write spaceに書くだけで勝手に保存してくれます。設定でフォント指定、背景指定、ファイルのインポートなどが行えます。⇒ダウンロードページへ

もっと保存容量が欲しいって方はこちら⇒Quick Note
UIがiPhone,iPadのメモとそっくりです。




∇NPR for Chrome 

NYTimesのユーザインターフェースもシンプルで見やすいのですが、NPRは最新のニュースをリスニングできる点がいいです。気に入ったtopicsがあれば自分だけのplaylistの作成もできます。英語学習にも是非。
⇒ダウンロードページへ
拡張機能はこちら⇒NPR: News, Music and Books




NYTimesのUI。