スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ | ユージック
スマートフォンå‘ã‘サイトã®ä½œã‚Šæ–¹ 2011å¹´1月22æ—¥ iPhoneã¨Android両方ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ スマートフォンå‘ã‘サイト作æˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを作æˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 横幅ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320px～640pxã€æ¨ªå‘ãã§480px～960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ 標準ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(横)/480px（縦）を標準ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ※iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…部解åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãれるãŸã‚。 ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’作æˆã™ã‚‹éš›ã‚‚縦を標準ã¨ã™ã‚‹éš›ã¯320px（横）ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
通勤ä¸ã§ã‚‚å¯ã‚‹å‰ã§ã‚‚ï¼iPhoneプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’勉強出æ¥ã‚‹ç°¡å˜ãªæ–¹æ³•ï¼ » SHINGOLOG
Appleã‹ã‚‰æä¾›ã•ã‚Œã¦ã„ã‚‹iOSã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ã€‚日本語ã«ç¿»è¨³ã•ã‚ŒãŸiOSã®ãƒ‰ã‚ュメントãŒã‚ã‚Šã¾ã™ã€‚iOSデãƒã‚¤ã‚¹å‘ã‘ã®ã‚¢ãƒ—リを開発ã™ã‚‹ã«ã‚ãŸã£ã¦ã¯ã€å¿…èªã®å†…容ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã“れらã¯å…¨ã¦PDFã§æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã§ã™ã®ã§iPhoneã§PDFã‚’é–‹ãã€iBooksã§ä¿å˜ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã“ã®ã‚ˆã†ã«ã€æŒã¡é‹ã‚“ã§ç©ºã時間ã«å‹‰å¼·ã§ãã‚‹ã‚“ã§ã™ã€‚ PDFã®ãƒªãƒ³ã‚¯ã¯ä¸‹è¨˜ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã®ã§ã€iPhoneã§ã”覧ãã ã•ã„ï¼ iOSã®ãƒ‰ã‚ュメント一覧(2011.8.20ç¾æ™‚点) Audio & Video AV Foundationプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ iOSカメラプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒˆãƒ”ックス Audio Session プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ Core Audio ã®æ¦‚è¦ iPodライブラリアクセス プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ Tools & Languages Objective-C
livedoor Techブãƒã‚° : スマートフォンã§ãŠæ‰‹è»½3D
ã“ã‚“ã«ã¡ã‚。最近引ã£è¶Šã—ãŸå®¶ã®å‘¨ã‚Šã‚’探索ã™ã‚‹ã®ã«ã¯ã¾ã£ã¦ã„ã‚‹ä¸æ‘ã§ã™ã€‚ 今回ã¯3D関係ã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€ã‚µãƒ³ãƒ—ル画åƒã¨å‹•ç”»ãŒè¨˜äº‹ã®æœ€å¾Œã«ã‚ã‚Šã¾ã™!! æ¦‚è¦ iPhoneã®OpenGL用ã«ã•ã¾ã–ã¾ãªãƒ©ã‚¤ãƒ–ラリãŠã‚ˆã³ãƒŸãƒ‰ãƒ«ã‚¦ã‚§ã‚¢ã¯å‡ºã¦ã„ã¾ã™ã‘ã‚Œã©ã€ä»Šå›žã¯ã€iPhoneã®3Dãƒãƒƒãƒ—メーカーãŒå‡ºã—ã¦ã„るライブラリã®ç´¹ä»‹ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚一応公å¼ã®ãƒãƒƒãƒ—メーカーãŒã ã—ã¦ã„ã‚‹ã—ã€ä¾¿åˆ©ã§ãŠæ‰‹è»½ãªãƒ©ã‚¤ãƒ–ラリãªã®ã«ã„ã¾ã„ã¡æ¤œç´¢ã—ã¦ã‚‚日本語ã®ã‚µã‚¤ãƒˆãŒå‡ºã¦ã“ãªã„ã®ã§ã€é–‹ç™ºã®æ–¹ã«åºƒã知ã£ã¦ã‚‚らã„ãŸã„ã¨æ€ã„ã€æ›¸ã“ã†ã¨æ€ã„ã¾ã—ãŸã€‚ iPhoneã‚„Androidã®OpenGL Viewã®ä½¿ã„æ–¹ã¯ä¸€éƒ¨ç´¹ä»‹ã—ã¾ã™ãŒã€æ¤œç´¢ã™ã‚Œã°ã„ãらã§ã‚‚出ã¦ãã‚‹ã®ã§ãã“ã¯èª¿ã¹ã¦ã‚‚らã†ã‚‚ã®ã¨ã—ã¾ã™ã€‚ã¾ãŸã€ã‚¹ã‚ンドメッシュã®åŽŸç†ã«é–¢ã—ã¦ã¯ã€ã¡ã‚‡ã“ã£ã¨ã ã‘解説ã—ã¾ã™ãŒã€è©³ã—ãã¯é•·ããªã‚‹ã®ã§ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®å°‚é–€ã®ã‚µã‚¤ãƒˆã«ã¾ã‹ã›
jQuery Mobileを使ã†éš›ã«çŸ¥ã£ã¦ãŠãã¨å½¹ç«‹ã¡ãã†ãªTipsã‚„æƒ…å ±ã®ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
jQuery Mobileã«é–¢ã—ã¦å°‘ã—æ•´ç†ã—ãŸã„ã®ã§ ã¾ã¨ã‚ã¾ã—ãŸã€‚JQMを使ã†ã¨ãã«çŸ¥ã£ã¦ãŠã㨠便利ãã†ãªTipsã¨ã‹æƒ…å ±ã¨ã‹ã€‚ã„ãã¤ã‹è‡ªåˆ† ã®è¨˜äº‹ã‚‚å«ã¾ã‚Œã¦ã„ã‚‹ã®ãŒè‹¥å¹²ã‚¢ãƒ¬ãªã‚“ã§ã™ ãŒã€ã”了承ãã ã•ã„。内容ã¯ã‚³ãƒ¼ãƒ‰ã®ã¿ã€ã§ã¯ ãªãã€å‚考サイトãªã©ä¸€è²«æ€§ç„¡ã„æ„Ÿã˜ã§ã™ãŒã€‚ æ•´ç†ã™ã‚‹ã®ãŒä¸‹æ‰‹ãªã‚‚ã®ã§ä¸€è²«æ€§ã«æ¬ ã‘る内容ã§ç”³ã—訳ãªã„ã§ã™ã‘ã©ã€jQuery Mibileを使ã£ãŸWebサイト構築時ã®ã¡ã‚‡ã£ã¨ã—ãŸTipsã‚„å½¹ã«ç«‹ã¤æƒ…å ±ãªã©ã®ã¾ã¨ã‚ã§ã™ã€‚ ページ移動ã«Ajaxを使ã‚ãªã„よã†ã«ã™ã‚‹ プラグインã®å‰ã«è¨˜è¿°ã€‚リンクå˜ä½ã§ãªã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§rel=â€externalâ€ã‚’ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯data-ajax=â€falseâ€ã‚’åŠ ãˆã‚‹ã€‚ <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text
Processing.jsを使ã£ã¦çµµã‚„模様を生æˆã§ãã‚‹iPad/iPhoneアプリ「P5P〠| mifdesign_antenna
プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®è¨€èªžã§Processing（プãƒã‚»ãƒƒã‚·ãƒ³ã‚°ï¼‰ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãれをJavaScriptã®ãƒ©ã‚¤ãƒ–ラリã§å®Ÿè¡Œã§ãるよã†ã«ã—ãŸã‚‚ã®ã«ã€processing.jsã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚å°é›£ã—ã„ã§ã™ã®ã§è©³ã—ã説明ã—ã¾ã›ã‚“ãŒã€ãã†ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ を使ã£ã¦iPad/iPhone上ã§çµµã‚„模様を生æˆã§ãるよã†ã«ã—ãŸã®ãŒã“ã®ã‚¢ãƒ—リã§ã™ã€‚ ã“ã†ã‚„ã£ã¦é©å½“ã§ã‚‚ã„ã„ã®ã§ã€ç·šã®æ•°ã‚„é•·ã•ã€å¥¥è¡Œããªã©ã‚’指定ã—ã¦ã„ãã¾ã™ã€‚ã™ã‚‹ã¨ã“ã‚“ãªå¥‡å¦™ãªæ¨¡æ§˜ãŒæã‘ã¡ã‚ƒã£ãŸã‚Šã€‚ サイトã«ã¯ä»–ã«ã‚‚サンプルãŒã‚ã‚Šã¾ã™ã€‚ ãŸã ã€iPad2推奨（åˆä»£iPadã‚„iPhone4ã§ã‚‚å‹•ããã†ã§ã™ï¼‰ãªã®ã§ã€iPhone3GS使ã„ã®ãƒœã‚¯ã¨ã—ã¦ã¯æ€–ãã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ããªã„ï¼ï¼ˆã¸ãŸã‚Œw）・・・ã ã‚Œã‹ãƒ»ãƒ»ãƒ»ãŸã®ã‚€w P5P - Generative Sketches カテゴリ: エンターテインメント ä¾¡æ ¼: ï¿¥170 →P5P http:/
Objective-Cを書ã人も書ã‹ãªã„人も必èªã€ŽiPhoneアプリè¨è¨ˆã®æ¥µæ„〠- ninjinkun's diary
@fladdictã•ã‚“ãŒç›£è¨³ã•ã‚ŒãŸã“ã¨ã§è©±é¡Œã®ã€ã‚ªãƒ©ã‚¤ãƒªãƒ¼æœ¬ã€ŽiPhoneアプリè¨è¨ˆã®æ¥µæ„ ―æ€ã‚ãšã‚¿ãƒƒãƒ—ã—ãŸããªã‚‹ã‚¢ãƒ—リã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã€æ—©é€Ÿä¼šç¤¾ã§è³¼å…¥ã—ã¦ã‚‚らã£ã¦èªã¿ã¾ã—ãŸã€‚èªã¿çµ‚ã‚ã£ã¦ã¾ãšæ€ã£ãŸã®ã¯ã€ã“ã‚Œã¯iPhone開発ã«æºã‚ã‚‹ã™ã¹ã¦ã®äººã«å¿…èªã®æœ¬ã«ãªã‚‹ã ã‚ã†ã¨ã„ã†ã“ã¨ã§ã™ã€‚エンジニアã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ä¼ç”»è€…ã¨åˆ†æ‹…ãŒåˆ†ã‹ã‚Œã¦ã„ã‚‹å ´åˆã¯ã€å…¨å“¡ãŒèªã‚€ã¨ã„ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ã“ã®æœ¬ã¯iPhone開発ã«å¿…è¦ãªå…±é€šè¨€èªžã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ãれもã€ã‚³ãƒ¼ãƒ‰ã‚’使ã‚ãšã«ã€‚ 本書ã‹ã‚‰å¾—られる内容ã¨ã—ã¦ã¯å¤§ãããµãŸã¤ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã²ã¨ã¤ã¯iPhone開発ã®ãƒ—ãƒã‚»ã‚¹ã‚’解説書ã¨ã—ã¦ã®å´é¢ã€‚ã‚‚ã†ã²ã¨ã¤ã¯iPhoneã®UIã‚«ã‚¿ãƒã‚°ã¨ã—ã¦ã®å´é¢ã§ã™ã€‚ アプリ開発プãƒã‚»ã‚¹ã®è§£èª¬æ›¸ ã“ã®æœ¬ã«æ›¸ã‹ã‚Œã¦ã„る開発プãƒã‚»ã‚¹ã¯ã€ãƒ™ã‚¹ãƒˆãƒ—ラクティスã¨è¨€ãˆã‚‹ã‚‚ã®ã«ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ユーザーニーズを探るã“ã¨ã€ã‚·ãƒ³ãƒ—ルã•ã‚’追求ã™ã‚‹ã“
iPhone/iPadã§ãƒ•ãƒ«HD動画をストリーミングå†ç”Ÿã™ã‚‹ã‚µãƒ¼ãƒãƒ¼ã‚’æ ¼å®‰ã«ç«‹ã¦ã‚‹æ–¹æ³•ï¼ | フリーソフトラボ.com
最近iPad 2ã‚’è²·ã£ã¦ã€ã“ã®é ƒè‰²ã€…ã¨æ´»ç”¨æ³•ã‚’ç ”ç©¶ã—ã¦ã„ã‚‹ç§ã§ã™ãŒã€ã‚‚ã¨ã‚‚ã¨iPadã®è³¼å…¥ã‚’決ã‚ãŸç†ç”±ã®ä¸€ã¤ãŒã€ŒBlu-rayディスクã‹ã‚‰ãƒªãƒƒãƒ”ングã—ãŸãƒ•ãƒ«HD動画をiPadã®ã§ã£ã‹ãã¦ç¶ºéº—ãªç”»é¢ã§æ‰‹è»½ã«è¦³ãŸã„ã€ã¨ã„ã†ã‚‚ã®ã§ã—ãŸã€‚ ã¨ã¯è¨€ã£ã¦ã‚‚ã€iPad 2ã®ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸å®¹é‡ã¯æœ€å¤§ã§ã‚‚64GBã¾ã§ã€‚ã¾ã—ã¦ã‚„ã€ç§ãŒè³¼å…¥ã—ãŸã®ã¯ä¸€ç•ªå®‰ã„Wi-Fi16GBモデル。ファイルサイズãŒåŠç«¯ãªã大ãã„フルHD動画を目的ã©ãŠã‚Šâ€æ‰‹è»½ã«è¦³ã‚‹â€ãŸã‚ã«ã¯ã€ã©ã†è€ƒãˆã¦ã‚‚容é‡ä¸è¶³ãªæ„Ÿã˜ãŒå¦ã‚ã¾ã›ã‚“。 ãã“ã§ã©ã†ã—ã¦ã‚‚å¿…è¦ã«ãªã‚‹ã®ãŒå¤–部ストレージã®å˜åœ¨ã§ã™ãŒã€ç›¸æ‰‹ã¯æ³£ãåも黙るフルHD。「ファイルサイズãŒåŠç«¯ãªã„ï¼ãƒ“ットレートもåŠç«¯ãªã„ã€ã¨ã„ã†ã“ã¨ã€‚一難去ã£ã¦ã¾ãŸä¸€é›£ã€å¤–部ストレージã‹ã‚‰ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°å†ç”Ÿã™ã‚‹ã«ã¯é€šä¿¡é€Ÿåº¦ã‚‚ã‹ãªã‚Šé€Ÿã„ç„¡ç·šLAN機器ãŒã©ã†ã—ã¦ã‚‚å¿…è¦ã§ã™ã€‚ ã§ã€è‡ªåˆ†ãªã‚Šã«è‰²ã€…考ãˆã¦ã¿ãŸçµæžœã€ã‚¹ãƒˆãƒ¬ãƒ¼
考察：Appleã¯ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’作らãªã„。
今ã¾ã§æ°—ã¥ã‹ãšã«ã„ãŸãŒã€Appleã¯ã‚¹ãƒžãƒ›(スマートフォン)å‘ã‘サイトを作ã£ã¦ã„ãªã„。ãã‚Œã¯ä½•æ•…ã‹ã€‚ 予算ãŒãªã„ã¨ã‹ã€(ã©ã“ãžã®ãƒ¡ãƒ¼ã‚«ãƒ¼ã¨é•ã£ã¦)ウェブデザインや自社製å“ã«ã¤ã„ã¦ã®ç†è§£åº¦ãŒä½Žã„ã¨ã‹ã€ãŠãらããã†ã„ã£ãŸãƒã‚¬ãƒ†ã‚£ãƒ–ãªç†ç”±ã§ã¯ãªã„。Appleã®ã‚¦ã‚§ãƒ–サイトã«ã¯ã€è‡ªç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é€šã˜ã‚‹ä¸»å¼µãŒè¡¨ç¾ã•ã‚Œã¦ã„る。 Mobile Safari ã®UIデザインã®æœ¬è³ªã‚’垣間見るウェブデザイン 自社ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆ(ã“ã“ã§ã¯ç‰¹ã«Mobile Safari)ã®UIデザインãŒã€ä½•ã‚’ç†æƒ³ã¨ã—ã¦ã€ã©ã†èª¿æ•´ã•ã‚Œã¦ããŸã®ã‹ã€ã“ã®ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èªã¿å–ã‚‹ã“ã¨ãŒã§ãる。 Appleã®ã‚¦ã‚§ãƒ–サイトã®è£å´ã‚’ã¡ã‚‡ã£ã¨ã ã‘覗ã„ã¦ã¿ã‚‹ã¨ã€viewport ã« width=1024 ãŒè¨˜è¿°ã•ã‚Œã¦ã„る。ã“ã‚Œã¯ã€iPhoneã®å°ã•ãªç”»é¢ã§ã‚‚1024px分ã®å¹…ãŒã‚ã‚‹ã‚‚ã®ã¨ä»®æƒ³ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã€å‘ªæ–‡ã®ã‚ˆã†
スマートフォンサイトをデザインã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠãã¹ã10ã®TIPS
スマートフォンサイトをデザインã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠãã¹ã10ã®TIPS iPhoneã‚„Androidã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ä»•æ§˜ã‚’知らãªã„ã‘ã©ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãã¡ã‚ƒã„ã‘ãªããªã£ãŸã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«çŸ¥ã£ã¦ãŠã„ã¦ã‚‚らã„ãŸã„10(+1)ã®TIPSã§ã™ã€‚ 1.実機ã§ç¢ºèªã™ã‚‹ 当ãŸã‚Šå‰ã®ã“ã¨ã§ã™ãŒä½œæˆã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’実機ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。スマートフォンã¨PCã§ã¯ç›®ã‹ã‚‰ã®è·é›¢ã‚„DPIãŒé•ã„ã¾ã™ã®ã§ã€PCã§ã¯å分ã«è¦‹ã‚ŒãŸã‹ã‚‰ã¨ã„ã£ã¦å®Ÿæ©Ÿã§ç¢ºèªã™ã‚‹ã¨æ–‡å—ãŒå°ã•ã™ãŽã‚‹ã“ã¨ãªã©ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚書ãã ã—ãŸJPGã‚’FTPã§ã‚¢ãƒƒãƒ—ã—ã¦ç¢ºèªã—ã¦ã‚‚ã„ã„ã§ã™ã—ã€ãƒ¡ãƒ¼ãƒ«ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é€ã£ã¦ç¢ºèªã—ã¦ã‚‚ã„ã„ã§ã™ã€‚個人的ã«ã¯Dropboxã§è»¢é€ã™ã‚‹ã®ãŒæ‰‹è»½ã§ãŠã™ã™ã‚ã§ã™ã€‚ 2.横幅ã¯320pxã‚‚ã—ãã¯640pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ スマートフォンã§ã¯åŸºæœ¬æ¨ªå¹…ãŒ320pxã§è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã‚‚320pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ょã†ã€‚ãŸã ã€Re
Coffeescriptã§ã¯ã˜ã‚るスマートフォンアプリ開発·Titanium Coffeescript Hello MOONGIFT
Titanium Coffeescript Helloã¯Cofeescriptã‚’Titanium用JavaScriptã«å¤‰æ›ã™ã‚‹ãƒ‡ãƒ¢ã‚¢ãƒ—リ。 Titanium Coffeescript Helloã¯Coffeescript製ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„る）。JavaScriptã¯ä»Šã§ã¯Webブラウザã€iOS/Androidå‘ã‘アプリ（Titanium）ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ï¼ˆnode.js）ã¨å¹…広ã„環境ã§å‹•ä½œã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ãªã£ã¦ã„る。 デモアプリ 柔軟ãªè¨€èªžä»•æ§˜ã«ãªã‚Œã‚‹ã¨ã¨ã¦ã‚‚書ãã‚„ã™ã„ã®ã ãŒã€ãã‚Œã§ã‚‚冗長的ãªæ›¸ãæ–¹ãŒå«Œã„ã ã¨ã„ã†äººã¯å°‘ãªããªã„。ãã†ã—ãŸäººãŸã¡ã«iOSアプリ開発ã®æ™‚ã«è§¦ã£ã¦ã¿ã¦ã»ã—ã„ã®ãŒTitanium Coffeescript Helloã 。 Titanium Coffeescript Helloã¯Titaniumã®é–‹ç™ºã«Coffeescriptを使ã£ã¦ã—
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
ã“れをベースã«ã™ã‚Œã°ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã‚‚手軽ã«ã€‚HTML5製ã®WordPressテーマ·Constellation Theme MOONGIFT
Constellation Themeã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–レットã«å¯¾å¿œã—ãŸHTML5製ã®WordPressã®ãƒ†ãƒ¼ãƒžã€‚ Constellation Themeã¯PHP/WordPress用ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。Webサイトを構築ã™ã‚‹éš›ã«WordPressをベースã«é–‹ç™ºã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šããªã£ã¦ããŸã€‚CMSã¨ã—ã¦ã€ãƒ–ãƒã‚°ã¨ã—ã¦ã€èªè¨¼ã‚„プラグインã®ä»•çµ„ã¿ã ã‘を使ã†ãªã©ã¨å¹…広ã„利用法ãŒè€ƒãˆã‚‰ã‚Œã‚‹ã€‚ トップ Webサイトを構築ã™ã‚‹éš›ã«ã€å¾Œã‹ã‚‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„iPadãªã©ã®ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã‚’考慮ã™ã‚‹ã®ã§ã¯é…ã„。元々考ãˆã‚‰ã‚Œã¦ã„ã‚‹ã€Constellation Themeã®ã‚ˆã†ãªãƒ†ãƒ¼ãƒžã‚’ベースã«ã™ã¹ãã ã‚ã†ã€‚ Constellation Themeã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå‰æã§å°Žå…¥ã™ã‚‹ãƒ†ãƒ¼ãƒžã 。HTML5を使ã£ã¦ãŠã‚Šã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¯ã‚‚ã¡ã‚ã‚“iPhoneã‚„iPadも考慮ã•ã‚Œã¦ã„る。カラム数ã¯2ã€6
HTML5 vs ãƒã‚¤ãƒ†ã‚£ãƒ–。モãƒã‚¤ãƒ«ã‚¢ãƒ—リã¯ã©ã¡ã‚‰ã§é–‹ç™ºã™ã‚‹ã¹ã？（å‰ç·¨ï¼‰ Google I/O 2011
HTML5 vs ãƒã‚¤ãƒ†ã‚£ãƒ–。モãƒã‚¤ãƒ«ã‚¢ãƒ—リã¯ã©ã¡ã‚‰ã§é–‹ç™ºã™ã‚‹ã¹ã？（å‰ç·¨ï¼‰ Google I/O 2011 モãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションを開発ã™ã‚‹æ–¹æ³•ã¨ã—ã¦ã€Javaã‚„C/C++ãªã©ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨SDKを用ã„ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーションã¨ã—ã¦é–‹ç™ºã™ã‚‹æ–¹æ³•ä»¥å¤–ã«ã€HTML5/CSS/JavaScriptを用ã„ã¦é–‹ç™ºã™ã‚‹æ–¹æ³•ãŒç™»å ´ã—ã¦ãã¦ã„ã¾ã™ã€‚ ã“ã®2ã¤ã®ã‚¢ãƒ—リケーション開発ã«ã¯ã©ã®ã‚ˆã†ãªé•ã„や利点ãŒã‚ã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿ Androidã‚’é¡Œæã«ã—ã¦è§£èª¬ã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã€ŒHTML5 versus Android: Apps or Web for Mobile Development?ã€ãŒã‚¤ãƒ™ãƒ³ãƒˆGoogle I/O 2011ã§è¡Œã‚ã‚Œã¾ã—ãŸã€‚ HTML5ã§ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºã‚’è¡Œã†åˆ©ç‚¹ Reto Meieræ°ï¼ˆå·¦ï¼‰ã€Michael Mahemoffæ°ï¼ˆå³ï¼‰ã€‚
jQuery Mobileã¨ã¯â€•â€•ã‚¹ãƒžãƒ›æ™‚代ã®åˆ°æ¥ã¨Web制作 (1/3)
「jQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションやスマートフォンサイトã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚注目ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQuery Mobileを使ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã«å¯¾å¿œã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’手軽ã«åˆ¶ä½œã§ãã¾ã™ã€‚ jQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€ãƒ™ã‚¹ãƒˆã‚»ãƒ©ãƒ¼ã€ŒWeb制作ã®ç¾å ´ã§ä½¿ã† jQueryデザイン入門ã€ï¼ˆWeb Professional Books）ã®è‘—者・西畑一馬ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚（編集部） 「jQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webアプリケーションやスマートフォンサイトã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚注目ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQuery Mobileを使ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーã«å¯¾
iPhoneã‚„iPadã§ã‚‚綺麗ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºã•ã‚Œã‚‹Webサイトを制作ã™ã‚‹ç‚ºã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ット・Skeleton - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹ã‚·ãƒ³ãƒ—ルã§è‰¯ã‹ã£ãŸã®ã§ ã”紹介。人気ã®ãƒ‡ãƒã‚¤ã‚¹ã€iPhone ã‚„iPadã§é–²è¦§ã—ã¦ã‚‚レイアウトを綺麗 ã«ä¿ã¦ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸWebサイト ã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ット。内容物ã¯HTML〠CSSã€JavaScriptã§ã™ã€‚ シンプルãªæ§‹æˆã§ã™ãŒã€æ¬²ã—ã„部分ã¯ç”¨æ„ã—ã¦ãã‚Œã¦ã„ã‚‹ã€ã¨è¨€ã£ãŸæ„Ÿã˜ã®ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ット。ãªã‹ãªã‹æ°—ã«å…¥ã£ãŸã®ã§ãƒ‡ãƒ¢ã‚’作りã¾ã—ãŸã€‚ HTML+CSSã®ã‚·ãƒ³ãƒ—ルãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚グリッドレイアウトを使ã£ãŸç¾Žã—ã„レイアウトã§ã€Media Queryã«ã‚ˆã‚‹iPhone / iPadã§ã®ã‚¢ã‚¯ã‚»ã‚¹æ™‚ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚最é©åŒ–ã•ã‚Œã¦ãŠã‚Šã€jQueryã§ä½œã‚‹ã‚¿ãƒ–コンテンツã®ã‚µãƒ³ãƒ—ルコードもã‚ã‚Šã¾ã™ã€‚ デモ作ã£ãŸã®ã§ã€å®œã—ã‘ã‚Œã°ãŠå¥½ããªãƒ‡ãƒã‚¤ã‚¹ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦è¦‹ã¦ãã ã•ã„。 Sampleサイト※別窓 iPhoneã§ã‚¢ã‚¯ã‚»ã‚¹ iPhoneã§ã‚¢ã‚¯ã‚»ã‚¹ã€‚ ランドスケープ iPadã§ã‚¢ã‚¯ã‚»ã‚¹ iPad
jQueryã‚„HTML5を使ã£ã¦iPhoneã‚„iPadå‘ã‘é›»å書ç±ã‚’作æˆã™ã‚‹ç‚ºã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク・Laker - ã‹ã¡ã³ã¨.net
iPadã‚„ã€iPhoneãªã©ã®ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ ã®æ™®åŠã§ã€å€‹äººçš„ã«ã‚‚é›»å書ç±ã¸ã® 関心ãŒã‹ãªã‚Šé«˜ã¾ã‚Šã¾ã—ãŸã€‚ãã‚“ãªä¸ã€ 割ã¨è‰¯ã•ãã†ãªé›»å書ç±å°‚用ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã”紹介。 ã“ã†ã„ã†ã®è¦šãˆã¦ãŠãã¨é‡å®ã—ãã†ã§ã™ã。 ãªã‹ãªã‹å‹•ããŒè‰¯ã‹ã£ãŸã§ã™ã€‚ãŸã èªã‚€ã ã‘ã®é›»å書ç±ã§ã¯ãªãã€HTML5ã‚„jQueryを使ã£ã¦ã€ã‚ˆã‚Šã€Œé›»åã€ã‚‰ã—ã表ç¾å‡ºæ¥ã‚‹ã¨æ¥½ã—ãã†ã§ã™ã。 HTML5ã§ä½œã‚‹é›»å書ç±ç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚jQueryã‚„iPadã®ã‚ˆã†ãªã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ãªã£ã¦ã„ã¾ã™ã€‚ 複数フレームワークを併用 Lakerã«ã¯å®šç•ªã®jQueryã‚„ã€iPhoneã€iPadã§é»„金比をä¿ã¤cssフレームワークã®Less Frameworkã€HTML5+jQuery製動画プレイヤーã®jPlayerã€ã‚¹ãƒ¯ã‚¤ãƒ—イベントをサãƒãƒ¼ãƒˆã™ã‚‹ç‚ºã®ãƒ©ã‚¤ãƒ–ラリã€TouchSwipeãªã©ã‚‚æ載ã•ã‚Œã¦ã„
[CSS]最近ã®ã‚¦ã‚§ãƒ–構築ã«ã¯æ¬ ã‹ã›ãªã„è¦ä»¶ã‚’å‚™ãˆãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -The 1140px Grid
1280px以上ã®å¤§ããªãƒ¢ãƒ‹ã‚¿ãƒ¼å¯¾å¿œã€iPhoneãªã©ã®ã‚¹ãƒžãƒ›å¯¾å¿œã€å˜èª¿ã«ãªã‚ŠãŒã¡ãªã‚°ãƒªãƒƒãƒ‰ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã€IE6ã¸ã®é…æ…®ãªã©ã€æœ€è¿‘ã®ã‚¦ã‚§ãƒ–構築ã«ã¯æ¬ ã‹ã›ãªã„è¦ä»¶ã‚’å‚™ãˆãŸCSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ The 1140px Grid · Fluid down to mobile [ad#ad-2] 以å‰ã€Twitter(@colisscom)ã§ç´¹ä»‹ã—ãŸæ™‚ã‹ã‚‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸã‚ˆã†ãªã®ã§ã€æ”¹ã‚ã¦ãƒ–ãƒã‚°ã§ã”紹介。 The 1140px Gridã¯ã€1280ã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã«ã¯1140pxã®ã‚°ãƒªãƒƒãƒ‰ã€ã‚¹ãƒžãƒ›ãªã©ã®ãれよりå°ã•ã„モニターã«ã¯ãã®å¹…ã«å¯å¤‰ã—ãŸãƒªã‚ッドタイプã®ã‚°ãƒªãƒƒãƒ‰ã‚’æä¾›ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ä¸‹è¨˜ã«ãã®ç‰¹å¾´çš„ãªãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ 1140pxã§12カラムを採用ã—ãŸç†ç”± 12ã¨ã„ã†æ•°å—ã¯éžå¸¸ã«ä¾¿åˆ©ã§ã€äºŒç‰åˆ†ã€ä¸‰ç‰åˆ†ã€å››ç‰åˆ†ã€å…ç‰åˆ†ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://phone-size.com/
css3ã®Media Queriesã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„iPadç‰ã®æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œæ¸ˆã¿ã®WordPressテーマã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}