スマホアプリ開発者å‘ã‘ IDCFクラウド活用セミナー 2012å¹´6月14æ—¥(木)18:30～ ï¼ IDCフãƒãƒ³ãƒ†ã‚£ã‚¢ ～『çŸæœŸé–“ã§ã®ã‚¹ãƒžãƒ›å‘ã‘web開発ã«ã¤ã„ã¦ã€ï½ž セミナー資料Read less
çŸæœŸé–“ã§ã®ã‚¹ãƒžãƒ›å‘ã‘Web開発
スマホアプリ開発者å‘ã‘ IDCFクラウド活用セミナー 2012å¹´6月14æ—¥(木)18:30～ ï¼ IDCフãƒãƒ³ãƒ†ã‚£ã‚¢ ～『çŸæœŸé–“ã§ã®ã‚¹ãƒžãƒ›å‘ã‘web開発ã«ã¤ã„ã¦ã€ï½ž セミナー資料Read less
jQuery Mobile ã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ submit 後ã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã™ã‚‹ã¨ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¤‰ã‚らãªã„ - present
jQuery Mobile を使ã£ãŸ Web アプリ開発ã§ã€ フォーム㮠submit ã§éžåŒæœŸã« POST リクエストをé€ä¿¡ サーãƒãƒ¼å´ã§ãƒ•ã‚©ãƒ¼ãƒ データを処ç†ã—ãŸå¾Œãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’返㙠クライアントå´ã§ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆå…ˆã«ãƒšãƒ¼ã‚¸é·ç§» ã¨ã„ã†å‡¦ç†ã‚’実装ã™ã‚‹ã¨ãã€data-role="page" を指定ã—ãŸã‚¿ã‚°ã«ã€data-url="ページã®URL" も指定ã™ã‚‹å¿…è¦ãŒã‚る。data-url を指定ã—ã¦ã„ãªã„ã¨ã€ã€Œç”»é¢ã¯å¤‰ã‚ã‚‹ã‘ã©ã€ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ URL ã¯å¤‰ã‚らãªã„ã€ã¨ã„ã†å‹•ãã‚’ã—ã¦ã—ã¾ã†ã€‚ サンプルコードã¯æ¬¡ã®é€šã‚Šã€‚ # coding: utf-8 require "sinatra" @@greets = [] get "/" do @greets = @@greets erb :index end get "/greet" do erb :new end post "/greet
æºå¸¯ã‚µã‚¤ãƒˆã‚’ UTF-8 ã§ä½œã‚ŠãŸã㦠au ブラウザã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’調ã¹ã¦ã¿ãŸ - miauã®ãƒ–ãƒã‚°
ç¾åœ¨æ§‹ç¯‰ä¸ã®ã‚·ã‚¹ãƒ†ãƒ ã€å…¨ä½“çš„ã«æ–‡å—コード㯠UTF-8 ã§çµ±ä¸€ã™ã‚‹ã¤ã‚‚ã‚Šã ã£ãŸã®ã§ã™ãŒã€æºå¸¯é›»è©±ç”¨ã®ã‚µã‚¤ãƒˆã¯ Shift_JIS ã§è¡¨ç¤ºã™ã‚‹æµã‚Œã«ãªã£ã¦ã—ã¾ã£ãŸã‚ˆã†ã§ã€‚UTF-8 ã§çµ±ä¸€ã§ãã‚‹ã¨ä½•ã‹ã¨æ¥½ãªã®ã§ã€æºå¸¯é›»è©±ãŒ UTF-8 ã«å¯¾å¿œã—ã¦ãã†ã‹æƒ…å ±ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ çµè«–ã§ã™ãŒã€ã‚µã‚¤ãƒˆã®ç‰¹æ€§ã«ã‚ˆã‚‹ã®ã§ä¸€æ¦‚ã«ã¯è¨€ãˆãªãã†ã§ã™ã€‚ ã¾ã¨ã¾ã£ãŸæƒ…å ± auブラウザã€ã„ã¾ã ã«UTF-8ãŒä½¿ãˆãšï¼ | æ ªå¼ä¼šç¤¾ã‚·ãƒ³ãƒ¡ãƒˆãƒªãƒƒã‚¯å…¬å¼ãƒ–ãƒã‚° - æºå¸¯é–‹ç™ºã‹ã‚‰ç”Ÿã¾ã‚Œã‚‹æŠ€è¡“æƒ…å ± 2010-09-09 時点ã®æƒ…å ±ã§ã€è¦‹ã¤ã‘ãŸä¸ã§ã¯ä¸€ç•ªè©³ç´°ãªæ¯”較ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚表示ãŒæ£ã—ãè¡Œã‚ã‚Œã¦ã„ã‚‹ã‹ã ã‘ã§ãªãã€SSL 対応やパラメータã®æ–‡å—化ã‘ã«ã¤ã„ã¦ã‚‚言åŠã—ã¦ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ã¨ã‚を抜ã出ã™ã¨ã€ docomoã¨SoftBankã¯UTF-8ã«å®Œå…¨å¯¾å¿œã§ãã¦ã„ã‚‹ãŒã€auã¯æœ€æ–°ãƒ–ラウザ（ãƒãƒ¼ã‚¸ãƒ§ãƒ³7.2）ã§ã™ã‚‰å®Œå…¨ã«å¯¾å¿œã§ãã¦
アドビã®æ–°ãƒ„ール「Shadowã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ç”¨Webã‚¢ãƒ—ãƒªé–‹ç™ºè€…å¿…é ˆã®ãƒ„ール
モãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ç”¨ã®WebサイトやWebアプリケーション開発ã§å¤§å¤‰ãªã‚‚ã®ã®1ã¤ãŒå‹•ä½œç¢ºèªã§ã™ã€‚何å°ã‚‚ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’机ã®ä¸Šã«ä¸¦ã¹ã¦ã€ã²ã¨ã¤ã²ã¨ã¤ç¢ºèªã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 アドビシステムズã®Adobe LabsãŒå…¬é–‹ã—ãŸã€ŒAdobe Shadowã€ã¯ã€ãã†ã—ãŸè‹¦åŠ´ã‚’ã—ã¦ã„るデベãƒãƒƒãƒ‘ーã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¨ã£ã¦æ‰‹æ”¾ã›ãªã„ツールã«ãªã‚‹ã§ã—ょã†ã€‚ 複数デãƒã‚¤ã‚¹ã«å¯¾ã™ã‚‹åŒæ™‚表示ã¨ãƒªãƒ¢ãƒ¼ãƒˆã‚¤ãƒ³ã‚¹ãƒšã‚¯ã‚·ãƒ§ãƒ³ ShadowãŒã©ã‚“ãªãƒ„ールãªã®ã‹è§£èª¬ç”¨ãƒ“デオã®èª¬æ˜Žã‚’紹介ã—ã¾ã—ょã†ã€‚ iPhoneアプリã®Shadowã‚’èµ·å‹•ã™ã‚‹ã¨ç•ªå·ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãã®ç•ªå·ã‚’ã€MacOSã‹Windows用Chromeブラウザã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã¨ã—ã¦é…布ã•ã‚Œã¦ã„ã‚‹Shadowã«å…¥åŠ›ã—ã¾ã™ã€‚ã“ã‚Œã§ã€Chromeブラウザã¨iPhoneãŒãƒšã‚¢ã«ãªã‚Šã¾ã—ãŸã€‚ åŒã˜ã‚ˆã†ã«ã€Android用Shadowã‚‚Chromeブラウザã¨ãƒšã‚¢ã«ã™ã‚‹ã“ã¨ãŒã§ã
CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘片手æ“作メニュー
ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ （タップ） ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚スマートフォンã ã¨ç‰‡æ‰‹ã ã‘ã§æ“作ã—ã‚„ã™ã„ã¿ãŸã„㪠UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript （jQuery 使用） ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ 久々ã«ã“ã®æ‰‹ã®ãƒã‚¿æ›¸ã„ãŸæ°—ãŒã—ã¾ã™ã‘ã©ã‚‚… ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ （タップ） ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚スマートフォンã ã¨ç‰‡æ‰‹ã ã‘ã§æ“作ã—ã‚„ã™ã„ã¿ãŸã„㪠UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript （jQuery 使用） ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚多分言葉ã§è¨€ã£ã¦ã‚‚ä¼ã‚ã‚Šã«ãã„ã¨æ€ã„ã¾ã™ã®ã§å®Ÿéš›ã®ã‚µãƒ³ãƒ—ルをã¾ãšã¯è¦‹ã¦ã¿ã¦ãã ã•ã„。 CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘片手æ“作メニュー サンプル ç¾åœ¨æœ€æ–°ç‰ˆã® Firefox
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
転è·ãƒ»é€€è·ä»£è¡Œãƒžã‚¬ã‚¸ãƒ³ -
{{#tags}}- {{label}}
{{/tags}}