スマホアプリ開発ç¾å ´ã«ãŠã‘ã‚‹UI採用ã®è©¦è¡ŒéŒ¯èª¤ - ãƒã‚±ã‚¿ãƒƒãƒã®å ´åˆ - : LINE Corporation ディレクターブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ¦ãƒ†ã‚£ã§ã™ã€‚ãƒã‚±ã‚¿ãƒƒãƒã‚’担当ã—ã¦ã„ã¾ã™ã€‚ スマートフォンã§å±•é–‹ã™ã‚‹ã‚µãƒ¼ãƒ“スã®é–‹ç™ºã§ã¯ã€1ã¤å¤§äº‹ãªã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯ã€4インãƒå‰å¾Œã®ç”»é¢ã«ã™ã¹ã¦ã‚’è©°ã‚è¾¼ã¾ãªãã¦ã¯ã„ã‘ãªã„ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã“れ以上ã€ç”»é¢ã®ã‚µã‚¤ã‚ºãŒå¤§ãããªã‚‹ã¨ç‰‡æ‰‹ã§æŒã¦ãªããªã‚‹ã®ã§ã€ã“ã®4インãƒå‰å¾Œã¨ã„ã†ã‚µã‚¤ã‚ºã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¯ã—ã°ã‚‰ã続ãã§ã—ょã†ã€‚アプリãŒè¤‡é›‘ã«ãªã‚Œã°ãªã‚‹ã»ã©ã€ã“ã®ç‹ã„ç”»é¢ã«å±•é–‹ã™ã‚‹ UI ã§æ‚©ã‚€ã“ã¨ã«ãªã‚Šã€ãã®åº¦ã«ç§ãŸã¡ã¯ã„ã‚ã„ã‚ãªæ–¹æ³•ã§ãã®å£ã‚’乗り越ãˆã¦ã„ãã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãƒã‚±ã‚¿ãƒƒãƒã‚‚ã€ãƒªãƒªãƒ¼ã‚¹ä»¥é™æ©Ÿèƒ½ãŒã©ã‚“ã©ã‚“ã¨å¢—ãˆã€ãã®åº¦ã«ã‚¢ãƒ—リ内㮠UIã€ç‰¹ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã¨ã“ã‚ã‚’ã©ã†ã—よã†ã‹ã¨ã„ã†è©±ã«ãªã‚Šã¾ã—ãŸã€‚今回ã¯ã€ãã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼å‘¨ã‚Šã®UIã‚’ä¸å¿ƒã«ã€è¿‘é ƒã®ãƒã‚±ã‚¿ãƒƒãƒã®UI事情ã«ã¤ã„ã¦ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 代表的ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼UIã¨ã€ãƒˆãƒ¬ãƒ³ãƒ‰ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã¾ãšã€éŽåŽ»ã®ãƒã‚±ã‚¿ãƒƒãƒã‚’例ã«ã€å¤šãã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•
Androidã§é•·æŠ¼ã—(LongPress)ã‚’TableViewã§æ¤œçŸ¥ã—ã¤ã¤ã€è©²å½“ã®Rowã®indexを得る方法 - harukazepc’s blog
http://developer.appcelerator.com/question/46261/tableview-setonitemlongclicklistener-android ã¨åŒç‰ã®è¦ä»¶ã§ã™ã€‚（元記事ã¯è§£æ±ºã—ã¦ã„ãªã„ã§ã™ãŒã€ã€ã€ï¼‰ ã“ã‚“ãªãƒ†ãƒ¼ãƒ–ルを作ã£ãŸã¨ã—ã¾ã™ã€‚ var tableView = Ti.UI.createTableView(); var tableRow1 = Titanium.UI.createTableViewRow(); var tableRow1Label = Titanium.UI.createLabel({text:"label1"}); tableRow1.add(tableRow1Label); var tableRow2 = Titanium.UI.createTableViewRow(); var tableRow2Label = Tita
『スマートフォンサイトやアプリをデザインをã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘よã†ã¨æ€ã£ãŸã“ã¨ã€‚ã€
Xperia Ray楽ã—ã„ã§ã™â˜† ã£ã¦ãŸã éŠã‚“ã§ã‚‹ã ã‘ã˜ã‚ƒãªã„ã‚“ã§ã™ã‚ˆï¼ï¼ …ã¨ã„ã†ã“ã¨ã§ã€ ã¡ã£ã“ã„スマートフォンã€Xperia Rayã§ã‚µã‚¤ãƒˆã‚„アプリをã„ã‚ã„ã‚見ã¦æ°—ã«ãªã£ãŸã“ã¨ã¨ã‹æ€ã£ãŸã“ã¨ã‚’ã€ä»Šå¾Œã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ´»ã‹ã™ãŸã‚ã«å¿˜ã‚Œãªã„ã†ã¡ã«ãƒ¡ãƒ¢ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™â™ª ã‚ãã¾ã§ç§ã®ä¸»è¦³ã§ã™ã®ã§ã‚ã—ã‹ã‚‰ãšâ€¦ã€‚ (1)ç”»é¢ã®ä¸€ç•ªä¸‹ã«å›ºå®šã§ãƒœã‚¿ãƒ³ã‚’出ã™å ´åˆã¯æ¨ª5個ã¾ã§ãªã‚‰ã¡ã‚ƒã‚“ã¨æŠ¼ã›ã‚‹ →一番下ã ã¨æŒ‡ã‚’åž‚ç›´ã«ã´ãŸã£ã¨ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã®ã§5個ãらã„ã¾ã§ãªã‚‰å¹³æ°—。 (2)一番下固定以外ãªã‚‰ã‚ˆã»ã©ç¸¦ã«é•·ã„ボタン（もã—ãã¯ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹é ˜åŸŸãŒå‘¨è¾ºã«ãªã„状態）ã˜ã‚ƒãªã„é™ã‚Š5個並ã¹ãŸã‚‰åŽ³ã—ã„。ã›ã‚ã¦æ¨ª4ã¤ã¾ã§ã€‚ →指ã®ä½ç½®çš„ã«ã¡ã‚‡ã„æ–œã‚ã«æŠ¼ã™ã“ã¨ãŒå¤šã„ã—ã€ä¸Šä¸‹ã‚‚クリックã§ãるエリアã§ã‚ã‚Œã°ãã“ã‚’ã•ã‘るよã†ã«ã†ã¾ã„ã“ã¨ç‹™ã‚ãªã„ã¨ã„ã‘ãªã„ã®ã§4ã¤ãらã„ã¾ã§ã˜ã‚ƒãªã„ã¨ä¸Šæ‰‹ãç‹™ãˆãªãã¦ã‚¤ãƒ©ã‚¤ãƒ© (3)よã†ã¯Andr
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘低解åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãり綺麗ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML テンプレート。
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–開発ã®æž—ã§ã™ã€‚ スマートフォンå‘ã‘ウェブページを作る際ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’使ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’調整ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãれを使ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚個別ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ スマホ端末ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’分ã‘ã‚‹ã“ã¨ãªã常ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML テンプレートを作りã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚考ã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ HTML テンプレートコード（ヒント付ã） ã“ã¡ã‚‰ã® HTML コードを丸ã£ã¨ã‚³ãƒ”ペã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ 追記： ライセンスフリーã§ã™ã€‚自由ã«ä½¿ã£ã¦ãã ã•ã„。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
[æ–°iPad2/iPhone5 対応版] アプリ作ã£ãŸã‚‰ç”¨æ„ã™ã‚‹ç”»åƒã‚µã‚¤ã‚ºã®ä¸€è¦§ : 管ç†äºº@Yoski
æ–°ã—ã„ iPad もリリースã•ã‚Œã¦ã€ç”¨æ„ã™ã¹ãç”»åƒã‚µã‚¤ã‚¹ãŒã‚ã‘ã‚ã‹ã‚‰ãªããªã£ã¦ããŸã®ã§ãƒãƒˆæ•´ç†ã—ã¨ãã¾ã™ã。 ※2012/9/13 iPhone5 å¯¾å¿œè¿½åŠ ã‚¢ãƒ—ãƒªä½œã£ãŸã‚‰ç”¨æ„ã™ã‚‹ç”»åƒã®ã‚µã‚¤ã‚ºä¸€è¦§ï¼ˆä¿å˜ç‰ˆï¼‰ - iPhone/iPad アプリアイコン * 57x57 * 114x114 (@2x) * 72x72 (iPad用ã ã‘ã©iPhoneアプリã§ã‚‚用æ„ã™ã‚‹ã¹ã) * 144x144 (@2x)(iPad用ã ã‘ã©iPhoneアプリã§ã‚‚用æ„ã™ã‚‹ã¹ã) * 29x29 (検索çµæžœç”¨ - å¿…é ˆã§ã¯ãªã„) * 58x58 (@2x)(検索çµæžœç”¨ - å¿…é ˆã§ã¯ãªã„ * 50x50 (å¿…é ˆã§ã¯ãªã„。iPad 対応ã—ã¦ãªã‘ã‚Œã°ä¸è¦) * 100x100 (@2x)(å¿…é ˆã§ã¯ãªã„。iPad 対応ã—ã¦ãªã‘ã‚Œã°ä¸è¦) * 512x512 (アプリ申請時ã«å¿…è¦) (@2x)ã¨ã¤ã„ã¦ã‚‹ã‚‚ã®ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«åã‚’ x
Android標準ブラウザã§scrollTopãŒå³åº§ã«æ›´æ–°ã•ã‚Œãªã„
window.scrollByを実行ã—ãŸç›´å¾Œ スムーズスクãƒãƒ¼ãƒ«ç³»ã®å‡¦ç†ãŒï¼ŒAndroidã§å‹•ã‹ãªã„ã¨ã„ã†è©±ãŒã‚ã£ãŸã®ã§ãƒ‡ãƒãƒƒã‚°ã—ã¾ã—ãŸï¼Ž ã©ã†ã«ã‚‚，Android 2.xã«ãŠã‘る標準ブラウザã§ã¯window.scrollByを実行ã—ãŸå¾Œã«ï¼Œdocument.body.scrollTopãŒã™ãã«ã¯æ›´æ–°ã•ã‚Œãªã„ã¿ãŸã„ã§ã—ãŸï¼Ž20〜50msãらã„ã®ã‚¿ã‚¤ãƒžãƒ¼ã‚’挟んã§ã‚ã’ã‚‹ã¨æ„図ã—ãŸå€¤ãŒå–å¾—ã§ãã‚‹æ„Ÿã˜ï¼Ž 検証コード 大体ã“ã‚“ãªæ„Ÿã˜ã§æ¤œè¨¼ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨ï¼Ž $(function() { $('#button').click(function() { var $self = $(this); window.scrollBy(0, -document.body.scrollTop); $self.after('<p>直後ã«å–å¾—: '+document.body.scrollTop+'</p>');
Live Wallpaper ä½œæˆ - プãƒã‚°ãƒ©ãƒžã®ãƒã‚¿å¸³
デジタル時計ã®ãƒ©ã‚¤ãƒ–å£ç´™ã‚’作りãŸã‹ã£ãŸã®ã§ä½œã‚‹ã€‚ プãƒã‚¸ã‚§ã‚¯ãƒˆä½œæˆ å‰ã«ã‚„ã£ãŸã¨ãã¨åŸºæœ¬çš„ã«åŒã˜ã€‚ ライブå£ç´™ã®ã‚µãƒ³ãƒ—ル Android SDK ã® samples ã®ä¸‹ã« CubeLiveWallpaper ã¨ã„ã†ã‚‚ã®ãŒã‚ã£ãŸã®ã§ã€ã“れを見ã¤ã¤è‰²ã€…やる。 プãƒã‚¸ã‚§ã‚¯ãƒˆæ›¸ãæ›ãˆ AndroidManifest.xml サンプル㮠AndroidManifest.xml ã¨è¦‹æ¯”ã¹ã¤ã¤æ›¸ã„ã¦ã„ã。 activity ã‚¿ã‚°ã®éƒ¨åˆ†ã‚’ service ã‚¿ã‚°ã«ã—ã¦ã€è«¸ã€…書ãæ›ãˆãŸã€‚ ã¾ã‚ãã“ら辺ã¯ãƒ•ã‚£ãƒ¼ãƒªãƒ³ã‚°ã€‚ ã¤ã„ã§ã« <uses-sdk android:minSdkVersion="8" /> ãªã‚“ã¦åŠ ãˆãŸã®ã§ã€ android 2.2 未満ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã ã¨å‹•ã‹ãªã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã€‚ build.xml å‰å›žåŒæ§˜ã« android_rules.xml ã‚’å‚ç…§ã™ã‚‹ã‚ˆã†ã«ã—ãŸã€‚ android_rule
ライブå£ç´™ã®ä½œã‚Šæ–¹ | GE Android Blog
Androidã§ã¯ãƒ©ã‚¤ãƒ–å£ç´™ã¨ã„ã†ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸã‚Šã€ タッãƒã—ãŸã‚Šã§ãã‚‹å£ç´™ãŒåˆ©ç”¨ã§ãã¾ã™ã€‚ 今回ã¯ã“ã®ãƒ©ã‚¤ãƒ–å£ç´™ã‚’基本的ãªä½œã‚Šæ–¹ã§ä½œæˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç”»åƒãŒç”»é¢ã‚’移動ã—続ã‘ã€ã‚¿ãƒƒãƒã™ã‚‹ã¨ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚るサンプルコードã§ã™ã€‚ ライブå£ç´™ã¯Activityã§ã¯ãªã〠「WallpaperServiceã€ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’継承ã—ã¦ä½œæˆã—ã¾ã™ã€‚ ãã—ã¦æç”»ã¯ã€ŒWallpaperService.Engineã€ã‚¯ãƒ©ã‚¹ã‚’継承ã—ãŸã‚¯ãƒ©ã‚¹ã§è¡Œã„ã¾ã™ã€‚ ã“ã®Engineクラスã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’「onCreateEngineã€ãƒ¡ã‚½ãƒƒãƒ‰ã§è¿”ã—ã¾ã™ã€‚ ã¾ãšã¯ä¸Šè¨˜ã®æž 組ã¿ã‚’書ã„ã¦ã¿ã¾ã™ã€‚ LiveWallService.java public class LiveWallService extends WallpaperService { /** æ画用ã®ãƒãƒ³ãƒ‰ãƒ©ã‚’ç”¨æ„ **/ private
Android 2.1ã®æ–°æ©Ÿèƒ½ã€ŒLive Wallpaperã€ã§ä½œã‚‹ã€ç¾Žã—ã燃ãˆã‚‹â€œå¾…ã¡å—ã‘â€
Android 2.1ã®æ–°æ©Ÿèƒ½ã€ŒLive Wallpaperã€ã§ä½œã‚‹ã€ç¾Žã—ã燃ãˆã‚‹â€œå¾…ã¡å—ã‘â€ï¼šAndroidã§å‹•ãæºå¸¯Javaアプリ作æˆå…¥é–€ï¼ˆ14）（1/3 ページ） 2010 Game Developers Conferenceã«Android㌠2010å¹´ã«ãªã£ã¦ã‚‚ã€Android関係ã®è©±é¡Œã¯ç››ã‚Šã ãã•ã‚“ã§ã™ã。ä¸ã§ã‚‚ç†è€…ãŒæ°—ã«ãªã£ã¦ã„る話題ã¯ã€ã€ŒAndroid at the 2010 Game Developers Conferenceã€ã§ã™ã€‚ Android Marketã®ç™»éŒ²æœ¬æ•°ã¯2万本を超ãˆã€ãã®ä¸ã§ã‚‚ゲームã®å‰²åˆãŒç´„20ï¼…ã¨ä¸€ç•ªå¤šã„人気ジャンルã«ãªã£ã¦ã„ã¾ã™ã€‚åŒæ§˜ã«æœ‰æ–™ã‚¢ãƒ—リã®å‰²åˆã‚‚ゲームãŒãƒˆãƒƒãƒ—ã§ã™ã€‚ ã“れをå—ã‘ã¦ã‹ã€2010å¹´3月9～10æ—¥ã«ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§é–‹å‚¬ã•ã‚Œã‚‹ã€ŒGame Developers Conferenceã€ã§ã€Java/C++開発者å‘ã‘ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ãŒé–‹
[Android] ライブå£ç´™ã®ä½œã‚Šæ–¹
How to code live-wallpaper applications ライブå£ç´™ã®ã‚¢ãƒ—リケーションを作ã£ã¦ã¿ã¾ã—ãŸã€‚ 対応OSã¯Android2.1以上ã§ã™ã€‚ ライブå£ç´™ã®ä½œã‚Šæ–¹ã¯ã•ãžã‹ã—難ã—ã„ã ã‚ã†ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒ çš„ã«ã¯SurfaceViewã¨åŒã˜ã§æ„外ã¨ç°¡å˜ã§ã—ãŸã€‚ 以下ソースã§ã™ã€‚ マニフェスト(AndroidManifest.xml) <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="jp.fujiu.livewallpaper" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:min
![[Android] ライブå£ç´™ã®ä½œã‚Šæ–¹](https://cdn-ak-scissors.b.st-hatena.com/image/square/f687163600a8cbd247f4abdd6cc3d257ed69c618/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEgI0e3VhAkxqnX_vPWp85kxFxAUGXUDzWXezY-SD8zskcKVUAv77kUrKo9AFgWVzRKKPbGXo8HmsJk-Wno7BQ0D3iIGidN8TKRRpAJX6awvdbRTnhsik10gJJQ_TVC5R8Tz80D0lTC-i8s%2Fw1200-h630-p-k-no-nu%2Flivewallpaper_sample.png)
mdlab.jp
We’re getting things ready Loading your experience… This won’t take long.
スマートフォンå‘ã‘ã®åºƒå‘Šã‚µãƒ¼ãƒ“スã§ä½¿ã£ãŸã“ã¨ã‚ã£ãŸã‚Šã™ã‚‹ã‚‚ã®ã®æ„Ÿæƒ³ã¨ã‹é›°å›²æ°— - RucKyGAMES info
今回もé ã®æ•´ç†ç”¨ã«ã€‚ 宣ä¼ã¨ã‹ã˜ã‚ƒãªã„ã®ã§URLã¨ã‹ã¯è²¼ã‚‰ãªã„ã®ã§æ¤œç´¢ã—ã¦ãã ã•ã„。ã¡ã‚ƒã‚“ã¨ä½¿ã£ã¦ãªã„ã®ã‚‚ã‚ã‚‹ã€‚é †ä¸åŒã€‚ å‰ã®è¨˜äº‹ã¨åŒã˜ã§ãªã‚“ã‹ãƒ‹ãƒ¼ãƒˆãŒå‰ãã†ã«è¨€ã£ã¦ã‚‹ãªããらã„ãªç›®ã§è¦‹ã¦ãã ã•ã„。 ・admob 最åˆã¯admobå˜ç‹¬ã§ã€é€”ä¸ã§googleã«è²·ã‚ã‚Œã¦ã€ã‚¢ãƒ—リå‘ã‘ã®google adsenseã¨çµ±åˆã•ã‚Œã¾ã—ãŸã€‚ アプリå‘ã‘ã®google adsenseã®æ–¹ãŒã‚ˆã‹ã£ãŸã§ã™ã€‚ 一番ã®åˆ©ç‚¹ã¯ã€å…¨ã¦ã‚·ã‚¹ãƒ†ãƒ ã§ã®ç™»éŒ²ãªç‚ºã€åœŸæ—¥ã ã‚ã†ãŒã§ãã¡ã‚ƒã†ã€‚ã¨ã‚Šã‚ãˆãšç™»éŒ²ã—ã¦ãŠã„ã¦æã¯ç„¡ã„。 Androidå‘ã‘ã®æ–¹ãŒã¡ã¨ä½¿ã„ã¥ã‚‰ã„。 ・iAd appleã•ã‚“ã®åºƒå‘Šã€‚一番ムラãŒã‚る。 ãŸã クリックå˜ä¾¡ã«é–¢ã—ã¦ã¯ä»–ã®æ•°åå€ã®å·®ãŒã‚ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ãƒ ラã®éƒ¨åˆ†ã‚’期待ã—ã¦å…¥ã‚Œã¦ãŠãã¹ã。iAdç„¡ã‹ã£ãŸã‚‰ä»–ã®ã‚’ã€ã£ã¦æµã‚Œã§å…¥ã‚Œã‚‹ã¨å‡„ãç´ æ•µã€‚ã‚‚ã—ã“ã“ãŒåºƒå‘Šåœ¨åº«ã§æœ¬æ°—出ã—ãŸã‚‰ã‚¢ãƒ—リ広告会社全部å¹ã£é£›ã¶ã€‚ ・Amo
Androidデザインガイドライン - ITpro
Googleã¯2012å¹´1月ã€ä½¿ã„ã‚„ã™ã一貫ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒã¤Androidアプリã®é–‹ç™ºã‚’支æ´ã™ã‚‹ã‚µã‚¤ãƒˆAndroid Designを公開ã—ã¾ã—ãŸã€‚Android Designã§ã¯ã€å¿«é©ã§åŠ¹çŽ‡ã‚ˆã使ã„ã‚„ã™ãã€ã‚らゆる環境ã§ç¾Žã—ã„デザインをæŒã£ãŸã‚¢ãƒ—リを作るãŸã‚ã®ä¸€èˆ¬è«–ã‹ã‚‰Android特有ã®æ³¨æ„点ã¾ã§æ¦‚è¦ãŒè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸã€Android 4.0ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤§ããªå¤‰æ›´ã«ã¤ã„ã¦ã‚‚紹介ã—ã¦ã„ã¾ã™ã€‚ã“ã®é€£è¼‰ã§ã¯ã€Android Designã®å…¨ä½“åƒã¨ã€é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã‚’解説ã—ã¦ã„ãã¾ã™ã€‚ 目次 ã“ã®è¨˜äº‹ã®ç›®æ¬¡ã¸æˆ»ã‚‹
jQuery Mobileを使ã£ãŸå›½å†…スマホサイトã¾ã¨ã‚ (1/3)
jQuery Mobileã®æŽ¡ç”¨ãŒå›½å†…ã§ã‚‚進んã§ã„る。jQuery Mobileã¯ã€iPhone/Androidã€WindowsPhoneã‚„BlackBerryãªã©ã€ä¸»è¦ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã—ãŸUIフレームワーク。HTMLã«ç°¡å˜ãªè¨˜è¿°ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–ã—ãŸã‚µã‚¤ãƒˆã‚„Webアプリケーションを制作ã§ãã‚‹ã€æ³¨ç›®ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã 。 昨年11月ã«ã¯ã€å¾…望ã®ã€ŒjQuery Mobile 1.0ã€æ£å¼ç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€å®Ÿå‹™ã§ã‚‚æœ¬æ ¼çš„ã«åˆ©ç”¨ã—ã‚„ã™ããªã£ãŸã€‚今後ã€ã¾ã™ã¾ã™å¢—ãˆãã†ãªjQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®äº‹ä¾‹ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠã“ã†ã€‚ ※商å“紹介ï¼ã‚ャンペーンサイトã«ã€ã€Œå¤ªé¼“ã®é”人å¦åœ’（太鼓ã®é”人×AKB48ã‚ャンペーンサイト）ã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚（2012å¹´3月1æ—¥16時更新） ※ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“スã«ã€ã€Œä¸€ä¼‘.comã€ã€Œrecbikeã€ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚（201
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã—ã¦ãã¦ã€Webサイトを作る時ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚‚一緒ã«åˆ¶ä½œã—ã¦ã„る方も多ããªã£ã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚スマホサイトを制作ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã€ã ã‚“ã ã‚“Evernoteã«ä¿å˜ã—ã¦ã„ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’作る時ã®å°æŠ€ãŒãŸã¾ã£ã¦ããŸã®ã§ã€iPhoneã§ä½¿ãˆã‚‹å°æŠ€ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ã„ãã¤ã‹ã‚µãƒ³ãƒ—ルも作ã£ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚ã‚ã›ã¦ã”覧下ã•ã„ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã€€ç›®æ¬¡ã„ãã¤ã‹ã‚µãƒ³ãƒ—ルも作ã£ãŸã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã€ã‚‚ã—ãã¯ãƒ–ラウザーã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’ iPhone ãªã©ã«åˆ‡ã‚Šæ›¿ãˆã¦ã”覧ãã ã•ã„ï¼ æ¨ªå¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ã‚ã›ã‚‹æ–‡å—サイズã®è‡ªå‹•èª¿æ•´ã‚’オフリストã®ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—）範囲を広ã’ã‚‹ç”»é¢ã®å¹…ã«ã‚ã‚ã›ã¦ CSS を変ãˆã‚‹ãƒªãƒ³ã‚¯ãƒ†ã‚ストã®ã‚ã‚‹ Div 全体をクリック（タップ
iPhone 㨠Android ã® onOrientationChange タイミングã®é•ã„ - makogã®æ—¥è¨˜
ã¾ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã‚µã‚¤ãƒˆãƒã‚¿ã€Androidãƒã‚¿ã§ã™ã€‚ Androidã®ãƒ–ラウザã«ã¦ã€‚Android 2.2ã‹ã‚‰ã€iPhoneã¨åŒã˜ã‚ˆã†ã«ç¸¦æŒã¡ãƒ»æ¨ªæŒã¡ãŒå¤‰ã‚ã£ãŸéš›ã«ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã€Œwindow.onorientationchangeã€ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„るよã†ã§ã™ã€‚ã§ã™ãŒã€ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒèµ·ãるタイミングãŒiPhoneã¨Androidã§ç•°ãªã£ã¦ã„るよã†ã§ã™ã€‚ var $win = $(window); var debug = $('#debug'); $win.bind( 'orientationchange', function() { debug.html( debug.html() + 'orient:' + $win.width() + ', ' ); } ) .bind( 'resize', function(){ debug.html( debug.html() + '
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
iOSアプリãŒAndroidよりクールãªç†ç”±
スマートフォンブラウザä¸å…·åˆç‰¹é›†
Draw Something
メールé…ä¿¡ã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚ªãƒ¼ãƒˆãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚·ã‚¹ãƒ†ãƒ æä¾›ã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æ”¯æ´ãªã‚‰ãƒãƒ¼ã‚¿ãƒ¼ãƒ‡ã‚¸ã‚¿ãƒ«ï½œMarketing Gate（マーケティングゲート）
{{#tags}}- {{label}}
{{/tags}}