http://w.atwiki.jp/webappfun/ webappfun @ ウィキ ja 2013-05-20T11:47:07+09:00 1369018027 https://w.atwiki.jp/webappfun/pages/7.html <p style="text-align:left;"><img width="200" height="200" src="http://www54.atwiki.jp/webappfun?cmd=upload&amp;act=open&amp;pageid=7&amp;file=%E5%8C%96%E3%81%91%E7%8C%AB%E3%83%A1%E3%83%BC%E3%82%AB%E3%83%BC.jpg" alt="にゃんこ" />　&lt;[コーヒーはガソリンですにゃ]</p> <p style="text-align:left;">＜Monacaチュートリアル「おみくじアプリ」の謎＞</p> <p style="text-align:left;">初回は実機での画像表示が出来なかったが、新しいプロジェクトで、もう一度作り直すと上手くいった。</p> <p style="text-align:left;">変更した部分は、</p> <ul><li>背景画像を読み込む部分だけを先に書き、背景がきちんと表示されることを確認した。</li> <li>前回に比べ、コピペした部分が少ない。</li> </ul><p>＜MonacaのUIコンポーネントについて＞</p> <ul><li>「index.html」というファイルに対し、新規ファイル作成で「index.ui」という名前（拡張子のみを変える）を付けると、</li> </ul><p style="margin-left:40px;">自動的にUIコンポーネントが追加される（ツールバーとか）。</p> <ul><li>「code.ui」→「index.ui」のようにリネームすると、使えない。始めから「index.ui」という名前で作成すること。</li> <li>プレビュー画面では確認できないが、実機で動かすと、ちゃんと表示される。</li> <li>開発リファレンス内で、スタイル定義として「<span style="color:rgb(102,102,102);font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;l 2013-05-20T11:47:07+09:00 1369018027 https://w.atwiki.jp/webappfun/pages/6.html 猪平のページ。覚書など。 &bold(){<PhoneGapについて>} HTML5を用いたスマホアプリでカメラを使ったり音楽を流したり(Android)するときに使うやつ。 最近できたものらしく、情報が少ない。 Monacaに入ってるのはPhoneGap2.2です。APIは日本語のものも追いついてるので、無理に英語を必死に読まなくても大丈夫そうです。。(Pluginsをプルダウン→Android→Plugin-loader.js内に記述有。Androidじゃなくても良さそう) &bold(){音楽鳴りました!!＼(^o^)／ﾔｯﾀｰ} -Monacaで使うには[[こちらのページ>http://www54.atwiki.jp/webappfun/pages/6.html]]を参考に -PhoneGapのサイト([[日本語>http://docs.phonegap.com/jp/2.2.0/index.html]] / [[英語>http://docs.phonegap.com/en/2.7.0/index.html]]) -Android2.3以降で音楽を鳴らすにはPhoneGapのMediaオブジェクトを使うしか手段はなさそうです。無理やりムービーにしたりとかすればいいかもしれないけど「音楽ファイル」としてはPhoneGapのMedia。 -Mediaオブジェクトの勉強に使ったもの[[PhoneGap＋Androidで音楽を流す>http://tokyo.supersoftware.co.jp/superlabs/2011/02/240416.html]] / [[音楽を再生する＠Monaca>http://docs.monaca.mobi/ja/tips/media/]]　最終的にはMonacaの情報で解決 -var xx = new Media(src, mediaSuccess, [mediaError], [mediaStatus]);　宣言するとき、src(音楽ファイルの絶対パス指定文字列/必須)　mediaSuccess(音楽ファイル読み込み成功時の関数/必須?)　mediaError(読み込み失敗時の関数/任意)　mediaStatus(音楽ファイルの状態指定定数、詳細はサイトにて/任意) -jQuery中にある、「jP 2013-05-26T12:00:24+09:00 1369537224 https://w.atwiki.jp/webappfun/pages/5.html ここは戦略ページです！ 必要な情報とか、思いついたことはここにどんどん書いていきまっしょ～。 ***コンテスト概要 課題発表 ：2013年6月15日（土）9:00a.m. 当サイト上にて発表 開発・応募期間 ：2013年6月15日（土）9:00a.m. ～ 6月16日（日）9:00a.m. 入賞の発表 ：2013年6月16日（日）中 当サイト上にて発表昨年の課題例…「一日の終わりを楽しくするもの」 今年の課題は2013年6月15日（土）9:00a.m.に発表いたします。 応募頂く作品 昨年に引き続き、生活に密着した課題に対して生活をより豊かににすることを目的に開発した作品をご応募いただきます。 審査 「生活をより豊かにした課題解決型サービス」としての完成度を重視した厳正な審査を行い、入賞者にはその審査結果に応じた賞金・賞品を授与します。 ***過去お題 ・「自分の机で今より集中して作業をするには」 ・「（普段の生活で）半径3m以内にいる人が困っていることを解決する」 ・「一日の終わりを楽しくするもの」 ***お題 「年をとった自分がつかうサービス」 ***反省 ・環境構築を当日行うのは間違いだった ・２４時間でつくるものにしては、実力と作りたいものの見積もりコストのバランスが取れていなかった。 ・設計が曖昧過ぎた ・アイディア3，設計4，コーディング12，その他休憩等5くらいがベストだった気がする ・２４時間ぶっつづけでプログラミングしてたから、他のタスク共から解放された気分を味わえてリフレッシュできた！！！ ・今回作ったサービス、せっかくだからもっとつめて完成させよう！というか、完成させるぞー 2013-06-17T04:07:51+09:00 1371409671 https://w.atwiki.jp/webappfun/pages/4.html *オメガ ***スクレイピング PHPを使ったスクレイピング処理をしてみた。 COOKPADからURL情報だけを取ってくることができたので、次回は画像を表示したりしてみる。 ライブラリなどサポートしてくれるもの沢山あったので紹介 ・[[PHP Simple HTML DOM Parser>http://simplehtmldom.sourceforge.net/]]…今回使ってみたのこれ ・[[DOMDocument>http://php.net/manual/ja/class.domdocument.php]] ・[[Goutte>https://github.com/fabpot/Goutte]]…ライブラリ ***[[COOKPAD24時間開発コンテスト2013>http://info.cookpad.com/24contest4]] 24時間でお題に沿ったアプリケーションを開発するコンテスト！ 課題発表 ：2013年6月15日（土）9:00a.m. 当サイト上にて発表 開発・応募期間 ：2013年6月15日（土）9:00a.m. ～ 6月16日（日）9:00a.m. 入賞の発表 ：2013年6月16日（日）中 当サイト上にて発表 →[[開発戦略会議ページ>http://www54.atwiki.jp/webappfun/pages/5.html]] 2013-06-17T03:52:28+09:00 1371408748 https://w.atwiki.jp/webappfun/pages/3.html **カウンター |今日|&counter(today)人| |昨日|&counter(yesterday)人| |&bold(){合計}|&bold(){&counter()人}| 現在&online()人が閲覧中。 **更新履歴 #recent(30) 2013-05-14T20:46:56+09:00 1368532016 https://w.atwiki.jp/webappfun/pages/2.html <h3 id="id_b7a6c500">メニュー</h3> <ul><li><a title="トップページ (22d)" href="http://www54.atwiki.jp/webappfun/pages/1.html"><font color="#5F441A">トップページ</font></a></li> <li><a href="http://www54.atwiki.jp/webappfun/pages/4.html"><font color="#5F441A">2013_05_14 MTG</font></a></li> <li><a href="http://www54.atwiki.jp/webappfun/pages/5.html">COOKPAD開発コンテスト24戦略</a></li> <li><a href="http://www54.atwiki.jp/webappfun/?page=%E5%8F%B3%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC"> <font color="#5F441A">右メニュー</font></a></li> <li><a href="http://www54.atwiki.jp/webappfun/pages/6.html">猪平のページ</a></li> <li><a href="http://www54.atwiki.jp/webappfun/pages/7.html">山口のページ</a></li> </ul><p> </p> <hr /><p> </p> <h3 id="id_453df200">リンク</h3> <ul><li><a target="_blank" href="http://atwiki.jp/"><font color="#5F441A">@wiki</font></a></li> <li><a target="_blank" href="http://atwiki.jp/guide/"><font color="#5F441A">@wikiご利用ガイド</font></a></li> </ul><p><br /><a href="http://www1.atwiki.jp/wpmode_guide">wikiの編集方法についてはこちら</a></ 2013-05-16T09:32:39+09:00 1368664359 https://w.atwiki.jp/webappfun/pages/1.html <h1>勉強メモ共有Wiki</h1> <p> </p> <p>とりあえずＷｉｋｉ作りました。</p> <p>勉強したことや面白そうなイベント情報、わからなくて困ってること等々、共有できるものはどんどん書いていく感じでいきまっしょー。</p> <p> </p> <p>COOKPAD開発24について！</p> <p>集合時間　：　6/15(土)　8:00～</p> <p>集合場所　：　いつもミーティングしてるところ　一階</p> <p>持ち物 　　：　自分のPC、元気、やる気、食料</p> <h1>wikiガイド</h1> <hr /><p>このウィキの使い方　～4つのステップ～</p> <h4>■ログイン方法</h4> <ol><li>画面の右上にある「ログイン」をクリック！</li> <li>ユーザ名に「webappfun」、パスワードには、登録の時に設定したものを入力しよう。</li> <li>画面の右上に「webappfun」と表示されればログイン完了！</li> <li>わからない場合は<a href="http://www1.atwiki.jp/wpmode_guide/pages/4.html">こちらのページ</a>も参考。</li> </ol><h4>■ページの新規作成方法</h4> <ol><li>画面の左上にある「＠メニュー」にマウスを持って行くと、さらにメニューが表示されます。</li> <li>表示されたメニューから「新規ページ作成」をクリック！</li> <li>表示されたページで、作りたいページの名前を入力して、<br /> 編集モードは　<span style="color:rgb(255,0,0);">【初心者向け】ワープロモード</span>　を選択しよう。</li> <li>真ん中の枠の中に、自由に書き込めるよ！　</li> <li>作り終わったら、「ページを保存」をクリックすれば、新しいページの作成は完了！</li> <li>わからない場合は<a href="http://www1.atwiki.jp/wpmode_guide/pages/7.html">こちらのページ</a>も参考にしてね。</li> </ol><h4>■ページの編集方法</h4> <ol><li>左上にある「編集」にマウスを持って行くと、さらにメニューが表 2013-06-12T14:03:55+09:00 1371013435