tag:blogger.com,1999:blog-42220768888418100012023-11-15T23:22:21.152-08:00OBJECTIVE-C で歩いてみよう。Anonymoushttp://www.blogger.com/profile/10960311219075566627noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-4222076888841810001.post-66484305875277381542014-11-24T19:19:00.001-08:002014-11-24T19:19:42.893-08:00WebViewオブジェクトを使ってみよう - 004<br />
おはようございます、ひろしです。<br />
今回はプロトコルについて話したいと思います。<br />
<br />
<a href="http://myobjectiveclearning.blogspot.jp/2014/11/webview-001.html">WebViewオブジェクトを使ってみよう - 001</a><br />
<a href="http://myobjectiveclearning.blogspot.jp/2014/11/webview-002.html">WebViewオブジェクトを使ってみよう - 002</a><br />
<a href="http://myobjectiveclearning.blogspot.jp/2014/11/webview-003.html">WebViewオブジェクトを使ってみよう - 003</a><br />
<br />
いままでやっていたことは、WEBVIEWとかBAR BUTTONとかを色々設定し、プログラミングしてウェブを開くことができます。ですが、プログラミングはどうやって以下のことがわかるでしょうか?<br />
<br />
<ol>
<li>このウェブは本当にLOADINGされましたか?</li>
<li>このウェブりんくはなんですか?</li>
<li>このウェブはいつロード完成しましたか?</li>
</ol>
<div>
ここで、Delegateという便利な方法ががあります。Delegate1つのオブジェクトとして別のオブジェクトとコミュニケーションことができ、色々なタスクができます。</div>
<div>
<br /></div>
<div>
Delegateしたいなら、簡単といえばこの3つのステップがあります:</div>
<div>
<ol>
<li>カスタムクラスでDelegateのプロトコルを受けます。</li>
<li>プロトコルのMETHODを実装します。</li>
<li>DelegateのOutletとあなたのDelegateオブジェクトを繋がります。</li>
</ol>
<div>
ステップ1:</div>
</div>
<div>
まずなんのオブジェクトはどんなDelegateするのは決めます。</div>
<div>
ここで、カスタムクラスで、UIWebViewDelegateを使いたいと思います。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjthrXUVl99FS5zXt1HH2PwtfQ6w013Jw1LSfZFJFwAr_PGvNVDf85mSFf0NSFwqT4f1sU4qcIvHLT0F1Fb-3KckyD-RfWJw77FzwHxYAsO_wU1Q8zhxal9QnGRE0vL7DGJEdGvCmWK1WtI/s1600/Screen+Shot+2014-11-25+at+10.19.47+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjthrXUVl99FS5zXt1HH2PwtfQ6w013Jw1LSfZFJFwAr_PGvNVDf85mSFf0NSFwqT4f1sU4qcIvHLT0F1Fb-3KckyD-RfWJw77FzwHxYAsO_wU1Q8zhxal9QnGRE0vL7DGJEdGvCmWK1WtI/s1600/Screen+Shot+2014-11-25+at+10.19.47+AM.png" height="131" width="640" /></a></div>
<div>
ステップ2:</div>
<div>
XCODEー>HELPー>Documentation and API Referenceで、UIWebViewDelegateはどんなMETHODがあるのか見てみましょう。<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div>
ステップ3:</div>
<div>
Documentationをみて、下の4つのMETHODが見つかるはずです。</div>
<ul>
<li>- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType; </li>
<ul>
<li><span style="color: #6aa84f;">ユーザーがリンクの上でTAPする時、Delegateへメーセージを送ります。</span></li>
</ul>
<li>- (void)webViewDidStartLoad:(UIWebView *)webView; </li>
<ul>
<li><span style="color: #6aa84f;">もしウェブはロード始まりの時Delegateへメーセージを送ります。</span></li>
</ul>
<li>- (void)webViewDidFinishLoad:(UIWebView *)webView;</li>
<ul>
<li><span style="color: #6aa84f;">もしウェブはロード完成したのDelegateへメーセージを送ります。</span></li>
</ul>
<li>- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error; </li>
<ul>
<li><span style="color: #6aa84f;">もしウェブはロードできない時Delegateへメーセージを送ります。</span></li>
</ul>
</ul>
<div>
今度は2番めから4番目までのMETHODを利用します。</div>
<div>
<br /></div>
<div>
ステップ4:</div>
<div>
カスタムクラスの.m(Implementation)フェイルで以下のコートを書きましょう。</div>
<div>
<ul>
<li>- (void)webViewDidStartLoad:(UIWebView *)webView; </li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb3Rysu2wUwrcW-TsDtm96a54c4P2pWBrodFTYIElEbpesoIBN54zurZuPNLjF4GPo2qYMY8qEWjfIDZiBImTbrD281HsDWV7uR9Ve32nfLoPXn_Pey13T1K_62Ne_eXqy1jtIaD-yCK4d/s1600/Screen+Shot+2014-11-25+at+10.49.00+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb3Rysu2wUwrcW-TsDtm96a54c4P2pWBrodFTYIElEbpesoIBN54zurZuPNLjF4GPo2qYMY8qEWjfIDZiBImTbrD281HsDWV7uR9Ve32nfLoPXn_Pey13T1K_62Ne_eXqy1jtIaD-yCK4d/s1600/Screen+Shot+2014-11-25+at+10.49.00+AM.png" height="98" width="640" /></a></div>
<div>
<ul>
<li>- (void)webViewDidFinishLoad:(UIWebView *)webView;</li>
</ul>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFMcwGS6cZvV2vaw-7c3oFV-5Prm617nPWuOQ7mgyI5xzb5HBmUlXX86A70RLMXk0JeLnrucT-Mx2ueB7NFZSXvby2Lbvb-SgzB3Vsep_RDceZylkDv0SphPcArhiRKwIWq7DJzglH0z_9/s1600/Screen+Shot+2014-11-25+at+10.49.21+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFMcwGS6cZvV2vaw-7c3oFV-5Prm617nPWuOQ7mgyI5xzb5HBmUlXX86A70RLMXk0JeLnrucT-Mx2ueB7NFZSXvby2Lbvb-SgzB3Vsep_RDceZylkDv0SphPcArhiRKwIWq7DJzglH0z_9/s1600/Screen+Shot+2014-11-25+at+10.49.21+AM.png" height="108" width="640" /></a></div>
<div>
<ul>
<li>- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error; </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzTkgYRjVugyQi56FKljfKeSY6O-aiYJDxRY_nKPAgmyoKCZ0dknkGKqAO0ZsNUNUs0wSGTigl7Zs41Xv6XOg3l8RQ4hEciG7Qal91_XS4JfoX7HdvhONIPtw7OgcDfj91luXWMNzukAma/s1600/Screen+Shot+2014-11-25+at+10.49.31+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzTkgYRjVugyQi56FKljfKeSY6O-aiYJDxRY_nKPAgmyoKCZ0dknkGKqAO0ZsNUNUs0wSGTigl7Zs41Xv6XOg3l8RQ4hEciG7Qal91_XS4JfoX7HdvhONIPtw7OgcDfj91luXWMNzukAma/s1600/Screen+Shot+2014-11-25+at+10.49.31+AM.png" height="198" width="640" /></a></div>
<div>
<br /></div>
<div>
ステップ5:</div>
<div>
DelegateしたWebViewとViewControllerを繋がりましょう。</div>
<div>
WEBVIEWを選択し、CONTROL+引いてViewControllerを繋がりましょう。</div>
<div>
黒メニューが出て、Delegateを選択してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBLSldDWjEXfBTBWAczbB5QW-FTzBBKcid17TlWCaUC1hyrSQ3UTHZL0wPKwbKl1ox-mg2LCXbFh_AMNHrfH82RC7xRALBd1I6aSZWZh_egX1cax30TiOBs_SeU2VWlLyPNhUY1fZWVNGT/s1600/Screen+Shot+2014-11-25+at+10.50.56+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBLSldDWjEXfBTBWAczbB5QW-FTzBBKcid17TlWCaUC1hyrSQ3UTHZL0wPKwbKl1ox-mg2LCXbFh_AMNHrfH82RC7xRALBd1I6aSZWZh_egX1cax30TiOBs_SeU2VWlLyPNhUY1fZWVNGT/s1600/Screen+Shot+2014-11-25+at+10.50.56+AM.png" height="400" width="640" /></a></div>
<div>
<br /></div>
<div>
ステップ6:</div>
<div>
最後はこんな感じですね。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNaf2AH26pTzYfwwSkySsVBOLXGIK1xqn5Qyw8mxxAaS9tELSpimXwx9G6m5vGc0Bk3wyazOSjyrnOof-QgijyC3hskOCbtZJGRE_XC1BchSAV0gvvhiHJhUT6Y2vfTafKPKZG1UmCTyP/s1600/Screen+Shot+2014-11-25+at+10.51.03+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNaf2AH26pTzYfwwSkySsVBOLXGIK1xqn5Qyw8mxxAaS9tELSpimXwx9G6m5vGc0Bk3wyazOSjyrnOof-QgijyC3hskOCbtZJGRE_XC1BchSAV0gvvhiHJhUT6Y2vfTafKPKZG1UmCTyP/s1600/Screen+Shot+2014-11-25+at+10.51.03+AM.png" height="400" width="640" /></a></div>
<div>
<br /></div>
<div>
ステップ7:</div>
<div>
テストしてみましょう!</div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQwsNLTjkXE7ZB_7sEQah0bnXaqxr9Pl4-87a6rV9MziPrqmssnfTpDARiFxLM9vWOLwTJUBQ7WvvNpVTgRo4QnUEHFYG7ayN180jK4ENA3MpYIr8yVpXzLTDTkIqtudVXRJICjFCts93U/s1600/Screen+Shot+2014-11-25+at+10.57.36+AM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQwsNLTjkXE7ZB_7sEQah0bnXaqxr9Pl4-87a6rV9MziPrqmssnfTpDARiFxLM9vWOLwTJUBQ7WvvNpVTgRo4QnUEHFYG7ayN180jK4ENA3MpYIr8yVpXzLTDTkIqtudVXRJICjFCts93U/s1600/Screen+Shot+2014-11-25+at+10.57.36+AM.png" height="320" width="170" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Mr41h80-bKCRZYp4G6-PuImXQvCbmZ2EeSz1v2z0L7wLC4CfP-gsMfuiCHCSoFFBOQTAWTHHgRZ3235HL2HVJXPldY7gBdUkyY-hHgGr56pfKV_uXLAlhQDO-JHvlZVLHWWzOzlOZbPV/s1600/Screen+Shot+2014-11-25+at+10.58.55+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Mr41h80-bKCRZYp4G6-PuImXQvCbmZ2EeSz1v2z0L7wLC4CfP-gsMfuiCHCSoFFBOQTAWTHHgRZ3235HL2HVJXPldY7gBdUkyY-hHgGr56pfKV_uXLAlhQDO-JHvlZVLHWWzOzlOZbPV/s1600/Screen+Shot+2014-11-25+at+10.58.55+AM.png" height="320" width="173" /></a></div>
<div>
<br /></div>
<div>
ウェブがロードできない時は…</div>
<div>
<ul>
<li>エラーメッセージができてきます。</li>
<li>Shorten Buttonが押せません。</li>
</ul>
<div>
ウェブがロード完成した時は…</div>
</div>
<div>
<ul>
<li>リンクのところはちゃんと今みているのウェブのリンクが表示されています。</li>
<li>Shorten Buttonが押せます!</li>
</ul>
<div>
<br /></div>
</div>
<div>
今回もお疲れ様でした。</div>
<div>
次はこのリンクを短くする方法を紹介したい思います。</div>
<div>
じゃーね。</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/10960311219075566627noreply@blogger.com0tag:blogger.com,1999:blog-4222076888841810001.post-52335239153753260412014-11-20T06:07:00.000-08:002014-11-20T06:07:04.604-08:00WebViewオブジェクトを使ってみよう - 003こんばんわ、ひろしです。<br />
<div>
今回はBAR BUTTON ITEMのプログラミングをやります。</div>
<div>
<br /></div>
<div>
前回:</div>
<div>
<br /></div>
<div>
<a href="http://myobjectiveclearning.blogspot.jp/2014/11/webview-001.html">WebViewオブジェクトを使ってみよう - 001</a></div>
<div>
<a href="http://myobjectiveclearning.blogspot.jp/2014/11/webview-002.html">WebViewオブジェクトを使ってみよう - 002</a></div>
<div>
<br /></div>
<div>
<br />
ステップ1:<br />
WEBVIEWの大きさを調整してくだい。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-usP-Y2LywJnSnKaNU0aKaVSWYt8BemeS6NPZRVfSXK6XDlqvGW9Rg3ZBdIBV4EgO7bfuY780hUBweKCnQ3VIS1WnsuAcmblkY2UDkHLSlRRBLpqC1Va1WrmkzF_o1Rq_RlvHnxo3SDDl/s1600/Screen+Shot+2014-11-20+at+9.54.00+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-usP-Y2LywJnSnKaNU0aKaVSWYt8BemeS6NPZRVfSXK6XDlqvGW9Rg3ZBdIBV4EgO7bfuY780hUBweKCnQ3VIS1WnsuAcmblkY2UDkHLSlRRBLpqC1Va1WrmkzF_o1Rq_RlvHnxo3SDDl/s1600/Screen+Shot+2014-11-20+at+9.54.00+PM.png" height="400" width="640" /></a></div>
<br />
<br /></div>
<div>
ステップ2:<br />
オブジェクトライブラリでTOOLBARを選択し、先で調整してたの余白に引いてください。<br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgygfUkGaqKEEZHDf-xiz8jQvmJRPOGCK28Uek_iDQ5KSKW5KGKB-SP32wjDtL5TVZt8sjCSBrknMSzOUiYMYm4IbJ-M3osdkU7FGgCbb3VAXoZu3VrcFYpPoREjdlpTQu65tit9KPjMxaH/s1600/Screen+Shot+2014-11-20+at+7.47.17+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgygfUkGaqKEEZHDf-xiz8jQvmJRPOGCK28Uek_iDQ5KSKW5KGKB-SP32wjDtL5TVZt8sjCSBrknMSzOUiYMYm4IbJ-M3osdkU7FGgCbb3VAXoZu3VrcFYpPoREjdlpTQu65tit9KPjMxaH/s1600/Screen+Shot+2014-11-20+at+7.47.17+PM.png" height="246" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ3:</div>
<div class="separator" style="clear: both; text-align: left;">
オブジェクトライブラリでBAR BUTTON ITEMを選択し、もっと2つのBUTTONを同じのところで引いてください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7SNmFF_UAueLsDtswX9-jjKPlAF36Vl7dlZslkFvs2vz_hWPSHnl1ohJE84bz8MpcJS-Oei4l5nqJJjpxYs61qyeSSVQ_2OI8cY8aSsMQs2kkgA0VSMBpqY6XA-PIcIc7Ny-Dv4kA3G8o/s1600/Screen+Shot+2014-11-20+at+7.50.55+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7SNmFF_UAueLsDtswX9-jjKPlAF36Vl7dlZslkFvs2vz_hWPSHnl1ohJE84bz8MpcJS-Oei4l5nqJJjpxYs61qyeSSVQ_2OI8cY8aSsMQs2kkgA0VSMBpqY6XA-PIcIc7Ny-Dv4kA3G8o/s1600/Screen+Shot+2014-11-20+at+7.50.55+PM.png" height="242" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ4:</div>
<div class="separator" style="clear: both; text-align: left;">
BAR Button Item1を選択し、</div>
<div class="separator" style="clear: both; text-align: left;">
STYLEをPLAYに選択しでください。</div>
<div class="separator" style="clear: both; text-align: left;">
EDITABLEをUNCHECKしてください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbjkdq0UtMRKPhVK6WsYqoGo9wXbAmu7NL5d2tELJsa5j9TXvrtRJ1Rc6LDwO4xVwWl4p7gfPm6gEUxU4lEuSUrT-T0e7X30XlQYV2BxYjTNP4QMjX8L2cA4b2jmPPxjiC7Qf2alOQi2ui/s1600/Screen+Shot+2014-11-20+at+7.51.32+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbjkdq0UtMRKPhVK6WsYqoGo9wXbAmu7NL5d2tELJsa5j9TXvrtRJ1Rc6LDwO4xVwWl4p7gfPm6gEUxU4lEuSUrT-T0e7X30XlQYV2BxYjTNP4QMjX8L2cA4b2jmPPxjiC7Qf2alOQi2ui/s1600/Screen+Shot+2014-11-20+at+7.51.32+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ5:</div>
<div class="separator" style="clear: both; text-align: left;">
BAR Button Item2を選択し、</div>
<div class="separator" style="clear: both; text-align: left;">
STYLEをPlain選択してください。</div>
<div class="separator" style="clear: both; text-align: left;">
TITLEは”Tap ”Tap arrow to shorten”に入力してください。</div>
<div class="separator" style="clear: both; text-align: left;">
Tintはブラックを選択してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin0w9aZf0F5rFo81czy0XX6gIwifE_zhUXOJqfkCDVJYSaeSqZ-5AankIdGGcJ3qLbkcB2pVSzlCwMeBdfrlMZBhH8elfBh11XsFUXEeTrTHER6adqvrpuoM0X-Rh-DNsmuiGIDQDIdaDK/s1600/Screen+Shot+2014-11-20+at+9.17.11+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin0w9aZf0F5rFo81czy0XX6gIwifE_zhUXOJqfkCDVJYSaeSqZ-5AankIdGGcJ3qLbkcB2pVSzlCwMeBdfrlMZBhH8elfBh11XsFUXEeTrTHER6adqvrpuoM0X-Rh-DNsmuiGIDQDIdaDK/s1600/Screen+Shot+2014-11-20+at+9.17.11+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ6:</div>
<div class="separator" style="clear: both; text-align: left;">
TITLEは"Copy”を入力してください。</div>
<div class="separator" style="clear: both; text-align: left;">
ENABLEをUNCHECKしてください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSuE-skFzeWzc-ul_q49hSrwSk0Fahyphenhyphen8wd1k-CDMrIr1QXgXCeIrErPV9UwEqnaJA0EkLDUjEowJsTpChiX19CVAxld_qCuo-2EMDmcVcXWzS607_DYEBsqcGq4dKkohmusk55_CKYySS/s1600/Screen+Shot+2014-11-20+at+9.17.58+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDSuE-skFzeWzc-ul_q49hSrwSk0Fahyphenhyphen8wd1k-CDMrIr1QXgXCeIrErPV9UwEqnaJA0EkLDUjEowJsTpChiX19CVAxld_qCuo-2EMDmcVcXWzS607_DYEBsqcGq4dKkohmusk55_CKYySS/s1600/Screen+Shot+2014-11-20+at+9.17.58+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ7:</div>
<div class="separator" style="clear: both; text-align: left;">
.hのフィルタに以下のコードを入力してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0XkeorhSCPYUkoeD7HLyZATXHtaeMbskQgoJKGx4CVI7aTygfeb-NYPK3VediIBtBLPzTIfBbtbIbANtlOm2taQyGnJNPMHrQcOkIWOR7tnLl7r_wkNdZWaanHBY3KLKy0BzsDiszbH_y/s1600/Screen+Shot+2014-11-20+at+9.20.25+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0XkeorhSCPYUkoeD7HLyZATXHtaeMbskQgoJKGx4CVI7aTygfeb-NYPK3VediIBtBLPzTIfBbtbIbANtlOm2taQyGnJNPMHrQcOkIWOR7tnLl7r_wkNdZWaanHBY3KLKy0BzsDiszbH_y/s1600/Screen+Shot+2014-11-20+at+9.20.25+PM.png" height="120" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ8:</div>
<div class="separator" style="clear: both; text-align: left;">
ViewControllerを選択し、ステップ7で設定してたの3つPROPERTYを繋がりましょう。</div>
<div class="separator" style="clear: both; text-align: left;">
*shortBuutonはPLAYアイコンのBUTTONに繋がりましょう。</div>
<div class="separator" style="clear: both; text-align: left;">
*shortLabelは真ん中、”TAP DOWN TO SHORTEN”に繋がりましょう。</div>
<div class="separator" style="clear: both; text-align: left;">
*clipboardは”COPY"に繋がりましょう。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFBFq6RPKNPbPi1PENAXmwy8L7xTZ06fEsya8q1AauKO2SitkWBIKUOgJQrdE3xbK-fqSsHU9bCLS25TP94dl6r0ghZ9qxWYjfMu1EA13QJZHvM08Kn3W8imzPA-twjNolzy16BMGN8Iu/s1600/Screen+Shot+2014-11-20+at+9.27.09+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFBFq6RPKNPbPi1PENAXmwy8L7xTZ06fEsya8q1AauKO2SitkWBIKUOgJQrdE3xbK-fqSsHU9bCLS25TP94dl6r0ghZ9qxWYjfMu1EA13QJZHvM08Kn3W8imzPA-twjNolzy16BMGN8Iu/s1600/Screen+Shot+2014-11-20+at+9.27.09+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ9:</div>
<div class="separator" style="clear: both; text-align: left;">
最後はこんな状態です。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFBFq6RPKNPbPi1PENAXmwy8L7xTZ06fEsya8q1AauKO2SitkWBIKUOgJQrdE3xbK-fqSsHU9bCLS25TP94dl6r0ghZ9qxWYjfMu1EA13QJZHvM08Kn3W8imzPA-twjNolzy16BMGN8Iu/s1600/Screen+Shot+2014-11-20+at+9.27.09+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxFBFq6RPKNPbPi1PENAXmwy8L7xTZ06fEsya8q1AauKO2SitkWBIKUOgJQrdE3xbK-fqSsHU9bCLS25TP94dl6r0ghZ9qxWYjfMu1EA13QJZHvM08Kn3W8imzPA-twjNolzy16BMGN8Iu/s1600/Screen+Shot+2014-11-20+at+9.27.09+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ10</div>
<div class="separator" style="clear: both; text-align: left;">
テストしましょう!</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjLL-TBI6BmzxHkldkEtEu8n0BgFuPxY9YZ72GEjCTJ3_zu7yHMOhPUJ10Big80K0jdIpB-_7P0YedL3Zpydd7Q_y-6jDe0C-x0l1qeGZr_LyNhdn4RrAHRecSBB3CjcfRMHC4-mT0ltvX/s1600/Screen+Shot+2014-11-20+at+10.06.00+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjLL-TBI6BmzxHkldkEtEu8n0BgFuPxY9YZ72GEjCTJ3_zu7yHMOhPUJ10Big80K0jdIpB-_7P0YedL3Zpydd7Q_y-6jDe0C-x0l1qeGZr_LyNhdn4RrAHRecSBB3CjcfRMHC4-mT0ltvX/s1600/Screen+Shot+2014-11-20+at+10.06.00+PM.png" height="400" width="216" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
今回もお疲れ様でした。</div>
<div class="separator" style="clear: both; text-align: left;">
つぎはプロトコルのプログラミングです。</div>
<div class="separator" style="clear: both; text-align: left;">
じゃねー</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/10960311219075566627noreply@blogger.com0tag:blogger.com,1999:blog-4222076888841810001.post-22878522233343337062014-11-19T04:45:00.002-08:002014-11-20T05:42:16.326-08:00WebViewオブジェクトを使ってみよう - 002<br />
おはようございます、ひろし。<br />
<br />
<a href="http://myobjectiveclearning.blogspot.jp/2014/11/webview-001.html">WebViewオブジェクトを使ってみよう - 001</a>の続きです。<br />
<br />
今回は実際にWebViewでウェブをみようと思いまして、よろしくお願いします。<br />
<br />
<br />
ステップ1:<br />
.hのファイルに下のコードを加えてください。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVBHFKbo0aKsdXxN95H9TOTHt5cPDEcnKCDRAMsfebd7KO-J4DoHBtV1aIX21YF5OWj9K-56ZpnVZr_Q90vEKB893NB0exBODVQNNaMIMgRnDxsPX8MGjSz9zcboEzs7Ky3aWsda2C7xfU/s1600/Screen+Shot+2014-11-19+at+8.10.42+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVBHFKbo0aKsdXxN95H9TOTHt5cPDEcnKCDRAMsfebd7KO-J4DoHBtV1aIX21YF5OWj9K-56ZpnVZr_Q90vEKB893NB0exBODVQNNaMIMgRnDxsPX8MGjSz9zcboEzs7Ky3aWsda2C7xfU/s1600/Screen+Shot+2014-11-19+at+8.10.42+PM.png" height="146" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ2:</div>
<div class="separator" style="clear: both; text-align: left;">
その*urlField と*webViewをControllerViewに繋がりましょう。</div>
<div class="separator" style="clear: both; text-align: left;">
View ControllerのところでRIGHT-CLICKして、黒いメニユーが出るはずです。</div>
<div class="separator" style="clear: both; text-align: left;">
この黒いメニユーには先設定したの*urlField と*webViewあります。</div>
<div class="separator" style="clear: both; text-align: left;">
となりの丸が見えますか?</div>
<div class="separator" style="clear: both; text-align: left;">
*urlFieldはTextFieldのところでを引いてください。</div>
<div class="separator" style="clear: both; text-align: left;">
*webViewはUIWebViewのところで引いてください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmKKJYoS0VTcG7L2Ynf6VIqMdZP7iMd4FLDJ7OO8zUvitvjvY1tYWo5gelZ9TppKhuOMLAnb9YjnGADElWxFTMJOU-0RW2gRiPI8lFnqAfi1iJJpbFPk_lHiP02u7M9sMMKKvBhcD0OLG/s1600/Screen+Shot+2014-11-19+at+4.24.14+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQmKKJYoS0VTcG7L2Ynf6VIqMdZP7iMd4FLDJ7OO8zUvitvjvY1tYWo5gelZ9TppKhuOMLAnb9YjnGADElWxFTMJOU-0RW2gRiPI8lFnqAfi1iJJpbFPk_lHiP02u7M9sMMKKvBhcD0OLG/s1600/Screen+Shot+2014-11-19+at+4.24.14+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ3:</div>
<div class="separator" style="clear: both; text-align: left;">
.mファイルに以下のコードを加えてください。</div>
<div class="separator" style="clear: both; text-align: left;">
コードは以下の流れです:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ol>
<li>urlFieldからTEXTをゲットし、urlTextにします。</li>
<li>IFのコードはユーザーが正しいウェブの式に入力してないかどうかをチェックする。</li>
<li>NSSTRINGオブジェクトからNSURLオブジェクトに変わります。</li>
<li>loadRequestを使ってWEBKITにウェブをロードします。</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWgJKwM110TteMcmqHwxK_qDoXB2SaxshkJ9Zwx4dTao6h46949N61NWUmJLYR8U-cL1ri5H1IzAcu5Pkbe19F4A7vbwTjMNrQPcLA-lFMCb4PLToIxTuo3iAGpIXXkxC8PYKJXEAOmdxw/s1600/Screen+Shot+2014-11-19+at+8.22.26+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWgJKwM110TteMcmqHwxK_qDoXB2SaxshkJ9Zwx4dTao6h46949N61NWUmJLYR8U-cL1ri5H1IzAcu5Pkbe19F4A7vbwTjMNrQPcLA-lFMCb4PLToIxTuo3iAGpIXXkxC8PYKJXEAOmdxw/s1600/Screen+Shot+2014-11-19+at+8.22.26+PM.png" height="296" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ4:</div>
<div class="separator" style="clear: both; text-align: left;">
最後にこの-(IBAction)loadLocation:(id)sender{}をControllerViewに繋がりましょう。</div>
<div class="separator" style="clear: both; text-align: left;">
まずはTEXTFIELDを選択してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lDW7nhKxQZm1R9STM7ELdrfKJyZ08-s_OoDqAU2oIys19CTMulrOoTV7s_wOf3S3RfchXyy8wBWnuPBRTiI7VtDPPN8gS_QGLHY0CaYbphe6H7mC9wdkmbeOGkBZXZoJnS5eQBdiT4Ct/s1600/Screen+Shot+2014-11-19+at+7.17.41+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lDW7nhKxQZm1R9STM7ELdrfKJyZ08-s_OoDqAU2oIys19CTMulrOoTV7s_wOf3S3RfchXyy8wBWnuPBRTiI7VtDPPN8gS_QGLHY0CaYbphe6H7mC9wdkmbeOGkBZXZoJnS5eQBdiT4Ct/s1600/Screen+Shot+2014-11-19+at+7.17.41+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ5:</div>
<div class="separator" style="clear: both; text-align: left;">
右側の”Sent Event"に”Did End On Exit"で隣の丸をViewControllerに引いてください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Cy2EkLXWwDgY554_lljvmF4dAUXtEbsIuyi97fcMXoXcHXXlbd1BY_4kVwQAfn5-1_8FfiElY48Sc2GZNYonPADVME-qq1mvKWpq2Cl1g0srfBKVsJ65fqkP4CYjd_-IEaMPlAQt-31F/s1600/Screen+Shot+2014-11-19+at+7.21.14+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Cy2EkLXWwDgY554_lljvmF4dAUXtEbsIuyi97fcMXoXcHXXlbd1BY_4kVwQAfn5-1_8FfiElY48Sc2GZNYonPADVME-qq1mvKWpq2Cl1g0srfBKVsJ65fqkP4CYjd_-IEaMPlAQt-31F/s1600/Screen+Shot+2014-11-19+at+7.21.14+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ6:</div>
<div class="separator" style="clear: both; text-align: left;">
黒いメニユーで-loadLocationを選択してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisKHIwBbH9ymXCuKyfPuFi8MEmoEWNqLoaeCVUi_XbkK6C0-VtepH66Cj5PEk8UpyTEWwr5dJX4YjSfkl80EjHvjb0an-s4W2gTLTULPK2L79hpSzerooHpImQyklgWznssOOly9hqpCZP/s1600/Screen+Shot+2014-11-19+at+7.22.25+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisKHIwBbH9ymXCuKyfPuFi8MEmoEWNqLoaeCVUi_XbkK6C0-VtepH66Cj5PEk8UpyTEWwr5dJX4YjSfkl80EjHvjb0an-s4W2gTLTULPK2L79hpSzerooHpImQyklgWznssOOly9hqpCZP/s1600/Screen+Shot+2014-11-19+at+7.22.25+PM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ7:</div>
<div class="separator" style="clear: both; text-align: left;">
試してみましょう!</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-nnM8BHMZPXIkwahe9CqAYpP2gJBMEMtMz-Ss3b_EIQ8b3ktgefsgwijW5u8WN-bgeUumSe0AmQw9FVX0Deu4ZEwtvBQW3JyTCzIfhn9kc7ugyKIOASCoAAvy8_kdX02BDGAqWLx8bRJ-/s1600/Screen+Shot+2014-11-19+at+7.57.21+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-nnM8BHMZPXIkwahe9CqAYpP2gJBMEMtMz-Ss3b_EIQ8b3ktgefsgwijW5u8WN-bgeUumSe0AmQw9FVX0Deu4ZEwtvBQW3JyTCzIfhn9kc7ugyKIOASCoAAvy8_kdX02BDGAqWLx8bRJ-/s1600/Screen+Shot+2014-11-19+at+7.57.21+PM.png" height="400" width="253" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
今回はここまでしましょう、次はBar Item Buttonについて話しましょう。</div>
<div class="separator" style="clear: both; text-align: left;">
じゃーね。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />Anonymoushttp://www.blogger.com/profile/10960311219075566627noreply@blogger.com0tag:blogger.com,1999:blog-4222076888841810001.post-62349994781949783172014-11-18T23:54:00.000-08:002014-11-18T23:54:00.173-08:00WebViewオブジェクトを使ってみよう - 001<br />
おはようございます、ひろしです。<br />
<br />
今回はWebViewオブジェクトの簡単な使え方、基本のプログラミングとか、色々書こうと思います。宜しくお願いします。<br />
<br />
目標はこんな感じですね。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvE_egnUXkA-TzwoXkY2v2_J7li1YjSTeBxFitZg3A9v_ocDqRKu_EqVte0pwlGHkxNcfSCLRhfvTG9RwD2x2GsM1lGPUkAkdy-3d6x3fSTbe7EH6DITIc0RgQx_jUVrAdN2ah2i99Iyrq/s1600/Screen+Shot+2014-11-19+at+3.50.09+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvE_egnUXkA-TzwoXkY2v2_J7li1YjSTeBxFitZg3A9v_ocDqRKu_EqVte0pwlGHkxNcfSCLRhfvTG9RwD2x2GsM1lGPUkAkdy-3d6x3fSTbe7EH6DITIc0RgQx_jUVrAdN2ah2i99Iyrq/s1600/Screen+Shot+2014-11-19+at+3.50.09+PM.png" height="320" width="308" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
一緒にやりましょう。</div>
<br />
<br />
ステップ1:<br />
XCODEをインストールして、開いてください。<br />
Create a new Xcode Projectを選択してください。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFfaI-Z8dNaZB4WtGw9jtJt71hPJXgbs92cR6nMU6ODCzU_JhKhC4XHh_tpcNNO3z6uCndedM-U0_VzS-FuWCWslPvh6OEb1tsmCn9hP9QMTFuCct4rFHNtBt3yYDfL7_Du2Jiq4psIFkF/s1600/Screen+Shot+2014-11-19+at+8.09.50+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFfaI-Z8dNaZB4WtGw9jtJt71hPJXgbs92cR6nMU6ODCzU_JhKhC4XHh_tpcNNO3z6uCndedM-U0_VzS-FuWCWslPvh6OEb1tsmCn9hP9QMTFuCct4rFHNtBt3yYDfL7_Du2Jiq4psIFkF/s1600/Screen+Shot+2014-11-19+at+8.09.50+AM.png" height="369" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ2:</div>
<div class="separator" style="clear: both; text-align: left;">
Single View Applicationを選択してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitAq7hS-xKpkIkqDZwpuceK4lTs1FlN1M08_2BPSgrlXx2laxnnm1GV7AwSN4ROvycLcJ2d3N02DKIurkFA1YcwxIiGITnzhYXA-ycFyZp2e3u2ubK-qmoBn4nBLf9X78Tjm884ienB5i2/s1600/Screen+Shot+2014-11-19+at+8.12.01+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitAq7hS-xKpkIkqDZwpuceK4lTs1FlN1M08_2BPSgrlXx2laxnnm1GV7AwSN4ROvycLcJ2d3N02DKIurkFA1YcwxIiGITnzhYXA-ycFyZp2e3u2ubK-qmoBn4nBLf9X78Tjm884ienB5i2/s1600/Screen+Shot+2014-11-19+at+8.12.01+AM.png" height="432" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ3:</div>
<div class="separator" style="clear: both; text-align: left;">
ProductNameをお好みで入力してください。</div>
<div class="separator" style="clear: both; text-align: left;">
Deviceのところは、Universalを選択し、Nextを押し進んでください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3-G4iDNFXvT63U2c0n9pwONB1bJeRlQuEjiP1_J1mf7L2V9ShTLYOERZ7dxv5hHox9h5fzu3F_xBIAkOn3cjbzcaEOGDsUhSEu2uy5iuQqgMIosv4jshESGr3RCNyFdkoWTljVSy87qH/s1600/Screen+Shot+2014-11-19+at+8.13.10+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3-G4iDNFXvT63U2c0n9pwONB1bJeRlQuEjiP1_J1mf7L2V9ShTLYOERZ7dxv5hHox9h5fzu3F_xBIAkOn3cjbzcaEOGDsUhSEu2uy5iuQqgMIosv4jshESGr3RCNyFdkoWTljVSy87qH/s1600/Screen+Shot+2014-11-19+at+8.13.10+AM.png" height="432" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ4:</div>
<div class="separator" style="clear: both; text-align: left;">
ここはあなたのプロジェクトです。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnf3poDe7HW0KSFvKVWC2bYz79dMtQmJ32SD0nCKL_1mUI5izXfj5gSqKjMPmXRqhyphenhyphenCIl2bqwMN7XHOTlFXx5jP_6VXDKsOHvj-3Ueog2blFlvrXmxd4NoZBDHVzdeNZG5EECkGiR8EFZa/s1600/Screen+Shot+2014-11-19+at+8.15.16+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnf3poDe7HW0KSFvKVWC2bYz79dMtQmJ32SD0nCKL_1mUI5izXfj5gSqKjMPmXRqhyphenhyphenCIl2bqwMN7XHOTlFXx5jP_6VXDKsOHvj-3Ueog2blFlvrXmxd4NoZBDHVzdeNZG5EECkGiR8EFZa/s1600/Screen+Shot+2014-11-19+at+8.15.16+AM.png" height="390" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ5:</div>
<div class="separator" style="clear: both; text-align: left;">
XCODEの右下のオブジェクト ライブラリで”Navigation Bar”を選択し、ViewControllerの白い部分で引いてください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDO3SVx-4Y9JMJD1kVoaiITeoSy798EiELqiDF1MljjaSUAAzqdUY0a-0fTsbyL2uizTTv5ip4kEcHgYKZ8lOuZPRtrNODDZ1srbgzw-FqLO-DNGgJ_MAVBjrGBTdN0MA1yPYYbtGB32jU/s1600/Screen+Shot+2014-11-19+at+8.17.10+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDO3SVx-4Y9JMJD1kVoaiITeoSy798EiELqiDF1MljjaSUAAzqdUY0a-0fTsbyL2uizTTv5ip4kEcHgYKZ8lOuZPRtrNODDZ1srbgzw-FqLO-DNGgJ_MAVBjrGBTdN0MA1yPYYbtGB32jU/s1600/Screen+Shot+2014-11-19+at+8.17.10+AM.png" height="259" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ6:</div>
<div class="separator" style="clear: both; text-align: left;">
XCODEの左側に”Navigation Bar"を選択し、”Top Layout Guide"まで引いて、”Vertical Spacing"を選択してください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcFykAyuLjCFX7c1Ex4QSYuypA6JLhlXteyIMaVKRbNqRYBJ98kcYb4rRenYMH-pMijREbSLZ-kY8biAmhMnX4lgksQ5geft0dsHMQPm0LoJtdgF89WDGv5E9YjidYq2ctn4NaxjKtM_6u/s1600/Screen+Shot+2014-11-19+at+8.24.41+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcFykAyuLjCFX7c1Ex4QSYuypA6JLhlXteyIMaVKRbNqRYBJ98kcYb4rRenYMH-pMijREbSLZ-kY8biAmhMnX4lgksQ5geft0dsHMQPm0LoJtdgF89WDGv5E9YjidYq2ctn4NaxjKtM_6u/s1600/Screen+Shot+2014-11-19+at+8.24.41+AM.png" height="386" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ7:</div>
<div class="separator" style="clear: both; text-align: left;">
これから、Navigation Barを移動すると、数字が出れるようになります。TOPからNavigation Barまでの距離です。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge-nXzbTIAuyL4MLCjj1JIrp7YOg52mTkYoICxUPjKnyggc9f8kpieLPPpREsD56OzWSzSpjQm-BOZsG_UJK_mOJ08Op0ppfOle327TcQtvZM47NKrj3JCi-ZTsllwwrUPpbySvM3JCbPC/s1600/Screen+Shot+2014-11-19+at+8.26.12+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge-nXzbTIAuyL4MLCjj1JIrp7YOg52mTkYoICxUPjKnyggc9f8kpieLPPpREsD56OzWSzSpjQm-BOZsG_UJK_mOJ08Op0ppfOle327TcQtvZM47NKrj3JCi-ZTsllwwrUPpbySvM3JCbPC/s1600/Screen+Shot+2014-11-19+at+8.26.12+AM.png" height="386" width="640" /></a></div>
<br />
ステップ8:<br />
左側でVertical Spaceを選択し、右側でConstantで0に変わってください。<br />
そうすると、View Controllerの一番上の数字が0になる。<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5BN1U9jmR4VNS2FS1K5fHTfrqlA98RwR-EDoMfXXJfx-d9Jb-ta5g5C65BFPL5cJpmC9xnVph-pvqRMienyi-phgOQ_R7F5NCjtMxKZg67JbF5qIvZcaYHZARPGHFdOVHNi7gXFf2Kfro/s1600/Screen+Shot+2014-11-19+at+8.26.32+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5BN1U9jmR4VNS2FS1K5fHTfrqlA98RwR-EDoMfXXJfx-d9Jb-ta5g5C65BFPL5cJpmC9xnVph-pvqRMienyi-phgOQ_R7F5NCjtMxKZg67JbF5qIvZcaYHZARPGHFdOVHNi7gXFf2Kfro/s1600/Screen+Shot+2014-11-19+at+8.26.32+AM.png" height="388" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
ステップ10:</div>
<div class="separator" style="clear: both; text-align: left;">
オブジェクト ライブラリでWeb Viewを選択し、View Controller の白いとろこへ引いてみま</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRdDCuFwQhoLMU-jN3fErX16bxSYAU_8NEhp2f5vzp0etmDWX-wEZFEsycBnfKCe0HPAst35zYhGLmewWnnlD6XxpiC0o2Fn_8dlqpETBCFr6blDoQmtIjRuJtSfn9KsZhlfUyJI33V76t/s1600/Screen+Shot+2014-11-19+at+8.29.25+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRdDCuFwQhoLMU-jN3fErX16bxSYAU_8NEhp2f5vzp0etmDWX-wEZFEsycBnfKCe0HPAst35zYhGLmewWnnlD6XxpiC0o2Fn_8dlqpETBCFr6blDoQmtIjRuJtSfn9KsZhlfUyJI33V76t/s1600/Screen+Shot+2014-11-19+at+8.29.25+AM.png" height="252" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ11:</div>
<div class="separator" style="clear: both; text-align: left;">
WEB Viewは好きなようなサイズを設定してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoI60qwyyjNMoCN6qynLP6ORxvT7NfpvO5TaD_hUp4tlb4yeZgca1kfVatCivgHGTzjff4EBPK4GaulTzceRE9a21ITtsNye9l0jGaJq-hxtZZYlzeTDkVfpwvBgX399nQ46bX2cFnUcPh/s1600/Screen+Shot+2014-11-19+at+8.31.27+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoI60qwyyjNMoCN6qynLP6ORxvT7NfpvO5TaD_hUp4tlb4yeZgca1kfVatCivgHGTzjff4EBPK4GaulTzceRE9a21ITtsNye9l0jGaJq-hxtZZYlzeTDkVfpwvBgX399nQ46bX2cFnUcPh/s1600/Screen+Shot+2014-11-19+at+8.31.27+AM.png" height="388" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ12:</div>
<div class="separator" style="clear: both; text-align: left;">
”Add Missing Constraints inView Controller"を選択してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM0TJpVK-E0TG00AD3wXNTNmg-_PZgjCGgd-UxIwQh78jVO4voq8ZC5G4fELaOygIVX4fgbkIn_OxB7QdYq7OhEsdnlXYKYn_happpNbkgIzBQqk7GYSxt8TvyK4HE9ZrU8cr38Dvv1HYu/s1600/Screen+Shot+2014-11-19+at+8.34.36+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM0TJpVK-E0TG00AD3wXNTNmg-_PZgjCGgd-UxIwQh78jVO4voq8ZC5G4fELaOygIVX4fgbkIn_OxB7QdYq7OhEsdnlXYKYn_happpNbkgIzBQqk7GYSxt8TvyK4HE9ZrU8cr38Dvv1HYu/s1600/Screen+Shot+2014-11-19+at+8.34.36+AM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ13:</div>
<div class="separator" style="clear: both; text-align: left;">
次はBar Button Itemを選択し、Navigator Barまで引いてください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTLnTI1LY5_Ln-OMTfJSJ1ug8zjgkWLO6D4-CFtNesaxqXEscnEmS-IhGj2c-U9WClf7NVvwq6CU22dvGs_QniUnF5lnzxRGk0oVMoVLMXuYSd-4J1S1KY-Bzsg686CEPfgTHBe8mP8x1d/s1600/Screen+Shot+2014-11-19+at+8.37.40+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTLnTI1LY5_Ln-OMTfJSJ1ug8zjgkWLO6D4-CFtNesaxqXEscnEmS-IhGj2c-U9WClf7NVvwq6CU22dvGs_QniUnF5lnzxRGk0oVMoVLMXuYSd-4J1S1KY-Bzsg686CEPfgTHBe8mP8x1d/s1600/Screen+Shot+2014-11-19+at+8.37.40+AM.png" height="243" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ14:</div>
<div class="separator" style="clear: both; text-align: left;">
左側でBar Button Itemを選択し、右側で"Refresh"を選択してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlTkwjbHdH3A0k_3Y2boMZ3O4QMteJxjDIcGyPrjikayIBynDyzhRw19E0_JoZHylDZZ5pX35ryKMWWrB_jZ1rYrNMHMjT3r4Boh1I5qLaNpalN78Gu9OO-xXPRTZY7Ib5ic0fjhNjvPjc/s1600/Screen+Shot+2014-11-19+at+8.40.23+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlTkwjbHdH3A0k_3Y2boMZ3O4QMteJxjDIcGyPrjikayIBynDyzhRw19E0_JoZHylDZZ5pX35ryKMWWrB_jZ1rYrNMHMjT3r4Boh1I5qLaNpalN78Gu9OO-xXPRTZY7Ib5ic0fjhNjvPjc/s1600/Screen+Shot+2014-11-19+at+8.40.23+AM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ15:</div>
<div class="separator" style="clear: both; text-align: left;">
いまBar Button ItemのアイコンはREFRESHになりました。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwwhDUV_xO0jFDBbpAkjSDaun2BwcVxjU6EEzhpbKtu2zsFujrre_sdVq-zzhPUZ-bNm92MH6Sp7uVZvYbzmv2xqzjajY-FaQWDvDX0lU8_VpHCSFK_gZncihRDhVnSqk0jFZukpR6YHjW/s1600/Screen+Shot+2014-11-19+at+8.40.46+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwwhDUV_xO0jFDBbpAkjSDaun2BwcVxjU6EEzhpbKtu2zsFujrre_sdVq-zzhPUZ-bNm92MH6Sp7uVZvYbzmv2xqzjajY-FaQWDvDX0lU8_VpHCSFK_gZncihRDhVnSqk0jFZukpR6YHjW/s1600/Screen+Shot+2014-11-19+at+8.40.46+AM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ16:</div>
<div class="separator" style="clear: both; text-align: left;">
オブジェクト ライブラリでText Fieldを選択し、View ControllerのNavigator Barに引いてください。</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJOlZTj4K5jUTgTac0lTKKIeJorDdWZO3mtuHuAPBgRiMtxkKPXC9KgZu7nSCOz_y7es4zfPZyx9DwiRHDJqhFNcV5jFz64onGQLLjHKLq9ZNEP0i4mBucLiHzaGqGzsTzB6VtGIDcWeSs/s1600/Screen+Shot+2014-11-19+at+8.43.05+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJOlZTj4K5jUTgTac0lTKKIeJorDdWZO3mtuHuAPBgRiMtxkKPXC9KgZu7nSCOz_y7es4zfPZyx9DwiRHDJqhFNcV5jFz64onGQLLjHKLq9ZNEP0i4mBucLiHzaGqGzsTzB6VtGIDcWeSs/s1600/Screen+Shot+2014-11-19+at+8.43.05+AM.png" height="246" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ステップ17:</div>
<div class="separator" style="clear: both; text-align: left;">
TextFiledの長さを調整してください。</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfgVb_ChL0kvA3krv-UzOOLsd9OhJ-cYA9YVdgmH4Vg2U6_bc_cFJDkbaPRZm2GEL5JZn7ecYMqxCr6Msc56Il4bHoCvW8YpDXt4S0Ghcuu81kHE9HQXw8ZHYNNw-r-Hu9d6grDi3Zx8y_/s1600/Screen+Shot+2014-11-19+at+8.47.30+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfgVb_ChL0kvA3krv-UzOOLsd9OhJ-cYA9YVdgmH4Vg2U6_bc_cFJDkbaPRZm2GEL5JZn7ecYMqxCr6Msc56Il4bHoCvW8YpDXt4S0Ghcuu81kHE9HQXw8ZHYNNw-r-Hu9d6grDi3Zx8y_/s1600/Screen+Shot+2014-11-19+at+8.47.30+AM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both;">
ステップ18:</div>
<div class="separator" style="clear: both;">
右側で以下の設定をしてください。</div>
<div class="separator" style="clear: both;">
</div>
<ol class="ol1">
<li class="li1">text はhttp:// 設定してください。 <span style="background-color: #d9ead3;"> <span style="font-size: x-small;">Text fieldの最初値は http://になる。</span></span></li>
<li class="li1">PlaceHolderはhttp://設定してください <span style="background-color: #d9ead3; color: #545454; font-family: arial, sans-serif; font-size: x-small; line-height: 18.2000007629395px;">入力がない時に表示する代替文字。</span></li>
<li class="li1">Clear ButtonはAppears while editing設定してください <span style="background-color: #d9ead3; color: #444444; font-size: x-small; line-height: 15.6000003814697px;">フォーカスが当たる時だ表示する</span></li>
<li class="li1">Correction はNo に設定してください <span style="background-color: #d9ead3; font-size: x-small;">自動修正はオフ</span></li>
<li class="li1">Keyboard はURLに設定してください <span style="background-color: #d9ead3; color: #545454; font-family: arial, sans-serif; font-size: x-small; line-height: 18.2000007629395px;">URL用のキーボード字。</span></li>
<li class="li1">Return Key はGOに設定してください <span style="background-color: #d9ead3; font-size: x-small;"><span style="color: #545454; font-family: arial, sans-serif; line-height: 18.2000007629395px;">キーボード</span>の"returnがGOに変わる</span></li>
</ol>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnLiAxnY-yQJjv6RTiPV9RD8slHrFMCzf8mt8WF_KjFaB8Psd0ufYtcyKZyHa5WanMxZTGJw5bahlK8nQJPk_boJnlJahS9TyGDXIFeWtp-s62TDnsydhKhop9FkzuDkPvam7MDc2FTlSU/s1600/Screen+Shot+2014-11-19+at+8.50.57+AM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnLiAxnY-yQJjv6RTiPV9RD8slHrFMCzf8mt8WF_KjFaB8Psd0ufYtcyKZyHa5WanMxZTGJw5bahlK8nQJPk_boJnlJahS9TyGDXIFeWtp-s62TDnsydhKhop9FkzuDkPvam7MDc2FTlSU/s1600/Screen+Shot+2014-11-19+at+8.50.57+AM.png" height="400" width="640" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
次はプログラミングを始まりますので、またあとでね!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Anonymoushttp://www.blogger.com/profile/10960311219075566627noreply@blogger.com0tag:blogger.com,1999:blog-4222076888841810001.post-36434897356180332612014-11-18T18:13:00.000-08:002014-11-18T18:13:35.359-08:00みんなさま、はじめまして。<br />
はじめまして、香港出身のひろしです。<br />
最近はますます将来の仕事の安定性がいまよりさらに低くなり、自分自身を守るためにもっと勉強しなければ、もっとスキルを
身につけなければという気持ちが溢れてきました。<br />
<br />
でもなぜObjective-Cを勉強するでしょうか?<br />
恥ずかしいですが、きっかけはわたしより15歳の年下の小学生の友達が(そうです、友達です!)楽しくXCODEを使って色々な簡単なプログラミングをやっている姿に感動しました。では自分にもきっとできるではないか?という気持ちで、本屋でアプリケーションつくりの入門参考書を買って、ネットで色々調べて(1ヶ月まえ)勉強始まりました。<br />
<br />
このBLOGは、自分自身がいままで様々なプログラミングの問題、ノートを書いて、みんなさまにも役に立つと嬉しいと思っております。<br />
<br />
これから、どうぞ宜しくお願いします。<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/10960311219075566627noreply@blogger.com0