<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>スマートフォン-Materializing [マテリアライジング]</title>
    <link rel="alternate" type="text/html" href="http://www.materializing.net/" />
    <link rel="self" type="application/atom+xml" href="http://www.materializing.net/atom.xml" />
   <id>tag:www.materializing.net,2006://1</id>
    <link rel="service.post" type="application/atom+xml" href="http://www.materializing.net/weblog/mt-atom.cgi/weblog/blog_id=1" title="Materializing [マテリアライジング]" />
    <updated>2011-01-25T06:31:04Z</updated>
    <subtitle>web的暮らし と銘打ち、その足跡を遺していくサイトです。Movabletype,wordpress,EC-CUBE等のCMSをローカルサーバ立てて楽しんでます。それとちょびっとだけPHP。便利なソフトウェアや楽しそうなサイトも紹介中。</subtitle>
 

<entry>
    <title>実機ないけどiphoneコーディング＋CakePHPやってみました。</title>
    <link rel="alternate" type="text/html" href="http://www.materializing.net/archives/2011/01/07170156.php" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.materializing.net/weblog/mt-atom.cgi/weblog/blog_id=1/entry_id=536" title="実機ないけどiphoneコーディング＋CakePHPやってみました。" />
    <id>tag:www.materializing.net,2011://1.536</id>
    
    <published>2011-01-07T08:01:56Z</published>
    <updated>2011-01-25T06:31:04Z</updated>
    
    <summary> CakePHP学習が進行中なので、試しに小さいウェブアプリ作ってみました。 きっかけは友人からの「料理の時、グラム数を大さじ数に変換してくれるようなの作って～」のひと言から。 機能や規模も小さいので、通常コーディングではなく、せっかくなので興味が湧いているス...</summary>
    <author>
        <name>arata</name>
        <uri>http://www.materializing.net/</uri>
    </author>
    
        <category term="cakephpを楽しむ" />
    
        <category term="スマートフォン" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.materializing.net/">
        <![CDATA[<p>
CakePHP学習が進行中なので、試しに小さいウェブアプリ作ってみました。<br />
きっかけは友人からの「料理の時、グラム数を大さじ数に変換してくれるようなの作って～」のひと言から。
</p>

<p>
機能や規模も小さいので、通常コーディングではなく、せっかくなので興味が湧いているスマートフォン(iphone)向けのものにしてみました。<br />
だけど、なんと<strong>私、実機持ってません。</strong><br />
なので、実機確認出来ないとこうなっちゃうよ！っていうわるい例ですね。。。<br />
「(笑)」しつつ、良かったら見てやって下さい。<br />
<span style="color:#999999">うぅ･･･iphone欲しい(つД｀)</span>
</p>

<p>
<big>■<a href="http://cookspoon.materializing.net/" title="サイトトップ｜大さじ目安【お料理アプリ】">大さじ目安【お料理アプリ】</a></big><br />
※PCからはChrome、Safariなら見れます。<span style="color:#666666"><small>他ブラウザでの動作確認してないです。←こらーっ!!</small></span>
</p>

<h3>大さじ目安【お料理アプリ】概要</h3>

<p>
種類選んで、グラム数を入力すると、大さじ基準で～杯の結果を出してくれます。<br />
最近の計算結果とか、これまでの総計算を出してみました。
</p>

<h4>利用したものとか</h4>

<ul>
	<li><a href="http://cakephp.jp/" title="CakePHP: 高速開発 php フレームワーク。 Home">CakePHP 1.3系</a>＋MySQL</li>
	<li><a href="http://jquery.com/" title="jQuery: The Write Less, Do More, JavaScript Library">jQuery: The Write Less, Do More, JavaScript Library</a></li>
	<li><a href="http://www.jqtouch.com/" title="jQTouch -- jQuery plugin for mobile web development">jQTouch -- jQuery plugin for mobile web development</a></li>
	<li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" title="bassistance.de » jQuery plugin: Validation">bassistance.de » jQuery plugin: Validation</a></li>
</ul>

<p>
確認として、シミュレーターの <a href="http://www.puresimstudios.com/ibbdemo/" title="iBBDemo2 - Cross Platform iPad and iPhone Simulator">iBBDemo2 - Cross Platform iPad and iPhone Simulator</a> を使わせて貰ってます。
</p>

<p>
どれもひたすらに便利で開発者さん達に感謝です。本当に。
</p>]]>
        <![CDATA[<h3>作ってみた感想とか</h3>

<p>
これまでプログラミング学習を続けて来て、初めて公開するウェブアプリです。<br />
なので･･･正直感慨深いです。<br />
機能は小さいですが、データベースの設計とか利用の仕方とか考えて、CakeのAPIを探り探り･･･。<br />
知識ゼロから、ようやっとここまで来れました。
</p>

<p>
データベースに関しては、2つのテーブル連携に挑戦。<br />
選択する種類はカテゴリー情報として、管理・編集出来るようにもしてます。<br />
なので、管理ユーザー作って、ログイン認証作って･･･と。<br />
あ！だからテーブル2つじゃなくて3つですね（汗
</p>

<p>
テーブルを連携させた結果表示させる際に、どうしてもそれがうまく行かなくて3時間ばかり頭を悩ませたり･･･結果的には勘違いしてた自分にガッカリして呆けたり(´･ω･`)
</p>

<p>
ユーザーの追加画面とかも作ってみたんですが、使うのは自分ひとりなので、管理ユーザー追加したあとは隠匿してます。<br />
ログイン画面ありますけど、こっちは使えるようにだけしてURL非公開です。<br />
なので、CakePHPで利用出来るAuth認証にも挑戦しました。<br />
未ログイン時のリダイレクトとか、やってみてすごく勉強になったところです。<br />
確かCakeにはadmin_～って感じで、管理用の作り方もあったと思うんで、今度はそのやり方にも挑戦してみたいです。
</p>

<p>
テンプレート(ctp)では、出来る限りhtmlヘルパー使うようにしました。<br />
というかリンクとか全部ヘルパー使ってます。<br />
それからelementの利用。include感覚ですごい便利だな～、と思いました。<br />
エラー用ページなんかも用意。
</p>


<h3>iphone用のコーディングについて</h3>

<p>
jQueryの追加ライブラリとして使える「jQTouch」を選びました。<br />
別のUI作成用ライブラリもあったんですが、自分が思い描いたコーディングに適してると判断したのがjQTouchでした。
</p>

<p>
iphone用コーディングも初めてだったので、取り掛かる前にかなり色んなサイトの資料を読みました。<br />
あんまり多いんでここに書き切れません。。。
</p>

<p>
jQTouchはほんとすごくて、初めてでも簡単にiphoneらしい動作を再現出来るみたいです。<br />
(だって実機ないから憶測でしか言えない(つД｀))<br />
シミュレーター上では、それっぽく動いてるように見えたので。
</p>

<h3>残ってる課題とか</h3>

<p>
一通りやってみたけど、なんかうまくいかないところとか残ってるところとか足りないところとか。
</p>

<ol>
	<li>ラジオボタンと文字がちょびっとずれる</li>
	<li>ラジオボタンのバリデーション(未選択チェック)：jquery validation側</li>
	<li>ページング処理</li>
	<li>種類別の計算稼働表示</li>
	<li>計算後のリダイレクト処理：1回計算後の再submitを防ぎたい</li>
	<li>グラム→杯 を グラム←→杯 という風に双方向から変換出来るようにしてみたい</li>
	<li>動作速度アップ</li>
	<li>ネーミングセンス</li>
</ol>

<h4>あとがき</h4>

<p>
制作日数としては、全部で7日くらいです。<br />
全然真新しいものでもなく、機能も小さいですけど、良かったらiphoneから見れる方は見て貰えたらすごい嬉しいです。。。
</p>

<p>
引き続きCakePHP勉強しつつ、何かに挑戦して行こうと思いますっ！(｀･ω･´)
</p>]]>
    </content>
</entry>

</feed>