連載: IBM Watson Workspace #鬼ã‚㋠アプリケーション開発: 第 7 回: IBM Watson Workspace 㧠AI を利用ã—ãŸã‚¢ãƒ—リ連æºã®å®Ÿç¾ #鬼ã‚㋠解説（å‰ç·¨ï¼‰IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
jQuery Mobileページã®åŸºæœ¬æ§‹é€ ã‚’ç†è§£ã—よã†ï¼ˆ1/3） - ï¼ IT
ã“れらã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークï¼ãƒ©ã‚¤ãƒ–ラリを利用ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ãƒã‚¤ã‚¹ã®é•ã„を（全ãã§ãªã„ã«ã›ã‚ˆï¼‰ã‚ã¾ã‚Šé–‹ç™ºè€…ã«æ„è˜ã•ã›ã‚‹ã“ã¨ãªãã€æ¨™æº–çš„ãªæž 組ã¿ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®ã‚¢ãƒ—リケーションを開発ã§ãるよã†ã«ãªã‚‹ã€‚ スマートフォン対応ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯æ´å²ã‚‚æµ…ãã€ã¾ã ã¾ã デファクト・スタンダードã¨ã„ãˆã‚‹ã‚‚ã®ã¯ãªã„ã‚‚ã®ã®ã€ç¾æ™‚点ã§æœ€æœ‰åŠ›å€™è£œã®ä¸€è§’ã¨ç›®ã•ã‚Œã‚‹ã®ãŒã€æœ¬é€£è¼‰ã®ãƒ†ãƒ¼ãƒžã§ã‚‚ã‚る「jQuery Mobileã€ã 。 â– jQuery Mobileã¨ã¯ï¼Ÿ jQueryãã®ã‚‚ã®ã«ã¤ã„ã¦ã¯æœ¬ç¨¿ã®èªè€…諸æ°ã§ã‚ã‚Œã°ã€ã™ã§ã«æ—¢ã«ã”å˜ã˜ã§ã‚ã‚ã†â€•â€•JavaScriptライブラリã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆãƒ»ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã 。「Write Less, Do More（よりシンプルãªã‚³ãƒ¼ãƒ‰ã§ã€ã‚ˆã‚Šå¤šãã®å‡¦ç†ã‚’）ã€ã‚’モットーã«ã€ã‚·ãƒ³ãƒ—ルãªæ§‹æ–‡ã§ã‚ã‚ŠãªãŒã‚‰æ©Ÿèƒ½æ€§ã‚‚高ã„ã“ã¨ã‹ã‚‰ã€è¿‘年急速ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ã‚’増やã—ã¦ã„る。何åƒã€ä½•ä¸‡ã«ã‚‚åŠã¶ãƒ—ラグインã«ã‚ˆã£
jQuery Mobile使用時ã«ã‚ˆã使ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルを作ã£ãŸã®ã§é…布ã—ã¾ã™ - ã‹ã¡ã³ã¨.net
ç°¡å˜ãªã‚‚ã®ã§ã™ã‘ã©ã€jQuery Mobile ã§ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—時ã«ã‚ˆã使ã†ã£ã½ã„ UIã®ã‚µãƒ³ãƒ—ル作ã£ãŸã®ã§é…布ã—ã¾ã™ã€‚ ç°¡å˜ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆä»£ã‚ã‚Šã«ãªã‚‹ã®ã§ã¯ ç„¡ã„ã‹ã¨æ€ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ã¦ã¿ã‚ˆã† ã‹ã¨ã€‚良ã‹ã£ãŸã‚‰ä½¿ã£ã¦ãã ã•ã„。 ã¨ã„ã†ã®ã‚‚ã€JQMã®æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルã®é…布先を見ã‹ã‘ãªã‹ã£ãŸã®ã§ã€ãªã‹ãªã‹ãŠå›°ã‚Šã®æ–¹ã‚‚ã„らã£ã—ゃるんã˜ã‚ƒãªã„ã‹ãªã¨ã€‚調ã¹ã‚‹ã®é¢å€’ã§ã™ã—ã€æ‰‹å…ƒã«ã‚µãƒ³ãƒ—ルコードã‚ã£ãŸã»ã†ãŒä½•ã‹ã¨ä¾¿åˆ©ã§ã™ã‚ˆã。 ã¨ã„ã†ã‚ã‘ã§ã€ä»¥å‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—サンプルã®è¨˜äº‹æ›¸ã„ãŸã¨ãã«ä½œã£ãŸã‚µãƒ³ãƒ—ルサイトã«æ‰‹ã‚’åŠ ãˆãŸç‰©ã‚’丸ã”ã¨é…布ã—ã¾ã™ã€‚ æµçŸ³ã«ã‹ãªã‚Šå‡ºã¦ã‚‹ã®ã§ä»Šæ›´èª¬æ˜Žä¸è¦ã‹ã‚‚ã§ã™ã‘ã©ã€ã–ã£ãり説明ã™ã‚‹ã¨Webサイトをスマフォå‘ã‘ã«ç°¡å˜ã«å‡ºæ¥ã‚‹jQueryプラグインã§ã™ã€‚ 以下ã®ã‚µãƒ³ãƒ—ルã§ä½¿ç”¨ã—ã¦ã„るファイルãŒä¸¸ã”ã¨æ¢±åŒ…ã—ã¦ã‚ã‚Šã¾ã™ã€‚ サンプル※別窓 ã„ã¡ãŠã†ã‚ャプãƒãƒ£ã€‚ 目次 サムãƒã‚¤ãƒ«ä»˜ãã®ã‚µãƒ³ãƒ—ルã¨
jQueryã§iPhoneã€iPadã€Androidã®ãã‚Œãžã‚Œç¸¦ãƒ»æ¨ªç”»é¢ã®å‘ãを判別ã—ã¦CSSã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ï½œBLACKFLAG
iPhoneã‚„Android（アンドãƒã‚¤ãƒ‰ï¼‰å‘ã‘ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’制作ã™ã‚‹éš›ã€ å„ã‚ャリアã®ç¸¦å‘ãã€æ¨ªå‘ãを考慮ã—ãŸç”»é¢è¨è¨ˆã‚„HTML構æˆã‚’考ãˆã¦åˆ¶ä½œã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 ãã‚Œãžã‚Œç«¯æœ«ã”ã¨ã«ç´°ã‹ãªè¨å®šã®å¤‰æ›´ãŒå¿…è¦ãªå ´åˆãªã© OSã®åˆ¤åˆ¥ã‚’ã™ã‚‹å¿…è¦ã«ãªã£ã¦ãã¾ã™ãŒã€ ãã‚“ãªéš›ã«ä½¿ãˆã‚‹ã€jQueryを使ã£ã¦ç°¡å˜ã«OSを判別ã—ã€ãã‚Œãžã‚ŒCSSã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã— ç”»é¢ã®ç¸¦ï¼æ¨ªãã‚Œãžã‚Œåˆ‡ã‚Šæ›¿ã‚ã£ãŸéš›ã«ã‚‚別々ã®ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ç´¹ä»‹ã€‚ jQuery SmartPhone SWITCH アクセスã•ã‚ŒãŸOSã¨ç”»é¢ã®å‘ãを判別ã—㦠ãã‚Œãžã‚Œï¼œbody＞タグã«CSSã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ã¾ã™ã€‚ è¿½åŠ ã™ã‚‹CSSクラスã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ —————————————————– iPhoneã«ã¯ã€Œbody class=â€iphoneâ€ã€è¿½åŠ iPadã«ã¯ã€Œbody class=â€ipadâ€ã€è¿½åŠ Androidã«ã¯ã€Œ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}