事例紹介 | æ ªå¼ä¼šç¤¾ã‚¤ãƒ³ãƒ•ã‚©ãƒãƒ¼ãƒ³
スマートフォンサイトã¨SEO Q&A (ä¸ã€œä¸Šç´šç·¨) (2012.07版） ::SEM R (#SEMR)
スマートフォンサイトã¨SEO Q&A (ä¸ã€œä¸Šç´šç·¨) (2012.07版） スマートフォンã¨SEOã«ã¤ã„ã¦ã€ã¡ã‚‡ã£ã¨è¤‡é›‘ãªè³ªå•ã¨ãã®å›žç”。 公開日時：2012å¹´07月19æ—¥ 15:48 最近ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆæ§‹ç¯‰ã«ãŠã‘ã‚‹SEO上ã®æ³¨æ„点ã«ã¤ã„ã¦ç›¸è«‡ã‚’å—ã‘ãŸã‚Šã€ã‚ã‚‹ã„ã¯ã‚»ãƒŸãƒŠãƒ¼ãƒ»è¬›æ¼”ãªã©ã§æœ¬è©±é¡Œã‚’扱ã†æ©Ÿä¼šãŒå¢—ãˆã¦ã„ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ãã®ä¸ã‹ã‚‰é©å½“ã«å°è±¡ã«æ®‹ã£ã¦ã„ã‚‹ã‚‚ã®ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¾ã™ã€‚ 本日ã¯æ™‚é–“ã®éƒ½åˆã§æ–‡å—ã ã‘ã§èª¬æ˜Žã—ã¾ã™ãŒã€å¾Œæ—¥ã€å›³ç‰ˆã‚’交ãˆãŸè§£èª¬è¨˜äº‹ã‚’è¿½åŠ ã—ã¦ã„ãã¾ã™ã€‚ Googleã¯èª¬æ˜Žæ™‚ã« "desktop" 㨠"mobile" ã¨ã„ã†è¡¨ç¾ã‚’用ã„ã¾ã™ãŒã€æœ¬è¨˜äº‹ã§ã¯ã€ŒPCã€ã¨ã€Œã‚¹ãƒžãƒ›ã€ã¨è¡¨è¨˜ã—ã¾ã™ã€‚ Q1) PC版サイトã¨ã¯åˆ¥ã«ã‚¹ãƒžãƒ›ç‰ˆã‚µã‚¤ãƒˆã‚’構築ã—ãŸã€‚ã¾ã ã™ã¹ã¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスマホ展開ã§ãã¦ã„ãªã„。ã“ã®ã‚±ãƒ¼ã‚¹ã«ãŠã„ã¦ã€ã‚¹ãƒžãƒ›ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã¾ã スマホ版ãŒç”¨æ„ã•ã‚Œã¦ã„ãªã„PC版
レスãƒãƒ³ã‚·ãƒ–ウェブデザインã§å¯¾å¿œã™ã¹ãサイトã¨ã¯ï½žå›½å†…事例
多種多様ãªãƒ‡ãƒã‚¤ã‚¹ãŒç™»å ´ã—ã¦ã„ã‚‹ç¾åœ¨ã€ã™ã¹ã¦ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«ã„ã‹ã«ã—ã¦å¯¾å¿œã—ã¦ã„ãã‹ãŒä¼æ¥ã‚¦ã‚§ãƒ–担当者ã®èª²é¡Œã¨ãªã£ã¦ã„ã¾ã™ã€‚ã“ã®å•é¡Œã‚’解決ã™ã‚‹ä¸€ã¤ã®æ–¹æ³•ã¨ã—ã¦ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ウェブデザインã€ã«æ³¨ç›®ãŒé›†ã¾ã£ã¦ã„ã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–ウェブデザインã¨ã¯ã€‚ 1ã¤ã®htmlã§å¤šæ§˜ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«å¯¾å¿œã§ãる制作手法。「メディアクエリã€ã¨å‘¼ã°ã‚Œã‚‹æŠ€è¡“を使ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸å¹…ã«åˆã‚ã›ã¦cssを切り替ãˆã€è¦‹ãŸç›®ã‚’変ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ↑讀賣テレビ採用サイト　ブラウザã®æ¨ªå¹…を縮ã‚ãŸã‚Šåºƒã’ãŸã‚Šã€ãŠè©¦ã—ãã ã•ã„。 ■メリット ・ワンソースã§ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œãŒã§ãる。 ・画é¢å¹…ã«ä¾å˜ã—ãªã„ã®ã§ã€å°†æ¥çš„ã«ç¾ã‚Œã‚‹ç«¯æœ«ã«ã‚‚対応ã§ãã‚‹ ・å˜ä¸€ã®URLã«ãªã‚‹ã®ã§SEOé¢ã§å¼·ã„ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ ・システムã«ã‚ˆã‚‹å‡ºã—ã‚ã‘ãŒä¸è¦ã€‚コーディングã ã‘ã§å®Œçµ ■デメリット ・スマートフォンã§è¦‹ãŸã¨ãã«ã‚½ãƒ¼ã‚¹ã‚’å…¨ã¦èªã¿è¾¼ã‚€ã®ã§é‡ã„ ・フィーãƒ
ãŸã£ãŸä¸€è¡Œã®JavaScriptã§ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webサイトをスマートフォンã«æœ€é©åŒ–·sparrow.js MOONGIFT
sparrow.jsã¯æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webサイトをスマートフォンå‘ã‘サイトã«å¤‰æ›ã—ã¦ãれるJavaScriptã§ã™ã€‚ sparrow.jsを使ã†ã¨æ—¢å˜ã®ã‚¬ãƒ©ã‚±ãƒ¼å‘ã‘Webサイトをスマートフォンå‘ã‘サイトã«å¤‰èº«ã•ã›ã¦ãã‚Œã¾ã™ã€‚ãれもãŸã£ãŸä¸€è¡Œã®JavaScriptã‚¿ã‚°ã‚’è¿½åŠ ã™ã‚‹ã®ã¿ã§ã™ã€‚ ガラケーå‘ã‘サイトをiPhoneã§è¡¨ç¤ºã—ãŸã¨ã“ã‚ã§ã™ã€‚ã„ã‚ゆる普通ã®æºå¸¯é›»è©±å‘ã‘サイトã¨ã—ã¦ã®è¡¨ç¤ºã§ã™ã€‚テンプレートã¯ã€Œæºå¸¯å°‚用無料テンプレートé…å¸ƒä¸ ï¼š フリースタイル æºå¸¯ç„¡æ–™ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã€ã‚ˆã‚ŠãŠå€Ÿã‚Šã—ã¾ã—ãŸã€‚ sparrow.jsã‚’é©ç”¨ã—ãŸè¡¨ç¤ºã§ã™ã€‚デフォルトã§ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚„ç”»åƒã®è¡¨ç¤ºãŒæœ€é©åŒ–ã•ã‚Œã‚‹ã®ã¿ã¨ãªã£ã¦ã„ã¾ã™ã€‚ sparrow.jsã§ã¯ãã®ä»–ã€Viewportã®è‡ªå‹•æŒ¿å…¥ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®CSS定義ã€åŠè§’ä»®åを全角ã«å¤‰æ›ã€ãƒšãƒ¼ã‚¸å†…リンクをアニメーションã«ã€çµµæ–‡å—を絵文å—ç”»åƒã«å¤‰æ›
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒã‚„ã£ã¦ãŠã‹ãªãゃã„ã‘ãªã„ã€iPhone(スマホ)å‘ã‘サイトを軽é‡åŒ–･高速化ã™ã‚‹ãŸã‚ã®å¿…é ˆé …ç›®ã‚’ãƒ¡ãƒ¢ã€‚ | Mnemoniqs Web Designer Blog
Webサイトã®å¾…ã¡æ™‚é–“ã®80ï¼…ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å‡¦ç†ã«ã‚ˆã‚‹ã‚‚ã® ãªã‚“ã¦è¨€ã‚れるã¨ãƒ‰ã‚ã£ã¨ã—ã¡ã‚ƒã„ã¾ã™ã€‚ã©ã‚“ãªç´ 敵ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ç¶ºéº—ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã‚‚ã€ãƒšãƒ¼ã‚¸ãŒé‡ãã¦ã‚¤ãƒ©ã‚¤ãƒ©ã—ã¦ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã„ãŸã‚‰å°ç„¡ã—ã§ã™ã€‚ãªã®ã§ã‚¹ãƒžãƒ›å‘ã‘サイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å…¥ã‚‹æ®µéšŽã‹ã‚‰ã€é«˜é€ŸåŒ–・軽é‡åŒ–ã‚’æ„è˜ã™ã‚‹ãŸã‚ã«ã€ã„ãã¤ã‹é …目をメモã—ã¦ãŠãã¾ã™ã€‚ デザインã®æ®µéšŽã‹ã‚‰è»½é‡åŒ–ã‚’æ„è˜ã™ã‚‹ ç”»åƒã‚’極力使ã‚ãªã„ã§é…ã›ã‚‹åŠªåŠ›ã‚’ã™ã‚‹ 当ãŸã‚Šå‰ã§ã™ãŒã€ç”»åƒã‚’使ãˆã°ä½¿ã†ã ã‘レスãƒãƒ³ã‚¹ã¯é…ããªã‚Šã¾ã™ã€‚背景画åƒã«ãƒ‰ãƒ‡ãƒ¼ãƒ³ã¨å†™çœŸã‚’使ã£ãŸã‚Šã€è¦‹å‡ºã—を使ã†ãŸã³ã«å¤§ããªã‚¢ã‚¤ã‚³ãƒ³ã‚’入れるãªã©ã€ã‚ã–ã‚ã–ページをé‡ãã•ã›ã‚‹ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。 多少シンプルã«ãªã£ãŸã¨ã—ã¦ã‚‚ã€è‰²ã®ãƒ¡ãƒªãƒãƒªãƒ»1pxã®ç·šãªã©ã§ã‚«ãƒãƒ¼ã—ã¾ã—ょã†ã€‚テã‚ストもå¯èƒ½ãªé™ã‚Šç”»åƒã«ã›ãšã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆæ–‡å—ã«ã™ã‚‹ã¹ãã§ã™ã€‚Webデザイナーã®è…•ã®è¦‹ã›æ‰€ã§ã™ã。 HTML5+C
é›»å文具ã®æœªæ¥ã‚’å ã†â€•â€•ã‚¹ãƒžãƒ›ã§æ‰‹æ›¸ãã®ãƒ‡ã‚¸ã‚¿ãƒ«åŒ–ã¯ä¸€èˆ¬åŒ–ã™ã‚‹ï¼Ÿ
2011å¹´ã®ãƒ’ット商å“ã¨ã„ãˆã°ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã 。文具æ¥ç•Œã‚‚ãã®æ³¢ã‚’å—ã‘ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨é€£ä¿‚ã™ã‚‹ã‚°ãƒƒã‚ºãŒæ•°å¤šã世ã«å‡ºãŸã€‚ 例ãˆã°ã€ŒSHOTNOTE（ショットノート）ã€ã€‚ã“ã‚Œã¯ã‚ングジムãŒç™ºå£²ã—ãŸæ‰‹æ›¸ãメモをスマートフォンã§æ’®å½±ã—ã¦ãƒ‡ã‚¸ã‚¿ãƒ«åŒ–ã™ã‚‹è£½å“ã ãŒã€èª Biz.IDã§ã‚‚紹介ã—ãŸã¨ã“ã‚ã€ã¾ãŸãŸãé–“ã«1000ツイートç²å¾—ã™ã‚‹ãªã©ã€æ³¨ç›®åº¦ã®é«˜ã•ãŒã†ã‹ãŒãˆã‚‹ã€‚ ショットノートã«è¿½éšã™ã‚‹ã‚ˆã†ã«å„メーカーã‹ã‚‰é¡žä¼¼è£½å“も続々ã¨ç™»å ´ã—ã¦ã„る。ãã“ã§ä»Šå›žã€èª Biz.IDã§ã¯ã“ã†ã—ãŸã‚°ãƒƒã‚ºã‚’「スマート文具ã€ã¨ã—ã€æ¥ç•Œã®æœ‰å人ãŸã¡ã¨ä¸€ç·’ã«ã“ã®ã‚¹ãƒžãƒ¼ãƒˆæ–‡å…·ã«ã¤ã„ã¦è°è«–ã™ã‚‹å ´ã‚’è¨ã‘ãŸã€‚ã“ã‚Œã‹ã‚‰å…¨6回ã«ã‚ãŸã‚Šã€ãã®æ¨¡æ§˜ã‚’ãŠä¼ãˆã™ã‚‹ã€‚ã©ã†ãªã‚‹ã€ã‚¹ãƒžãƒ¼ãƒˆæ–‡å…·â€•â€•ã€‚
新日鉄ソリューションズãŒHTML5スマホアプリ開発基盤をOSSã¨ã—ã¦å…¬é–‹ã¸
写真â—新日鉄ソリューションズãŒOSSã¨ã—ã¦å…¬é–‹ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ã‚¿ãƒ–レットå‘ã‘アプリケーション開発フレームワーク「hifiveã€ã®æ§‹æˆ 新日鉄ソリューションズã¯2012å¹´4月11æ—¥ã€ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ‡ãƒã‚¤ã‚¹ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚»ãƒ³ã‚¿ãƒ¼ã€ã‚’è¨ç½®ã—ãŸã¨ç™ºè¡¨ã—ãŸã€‚ã¾ãŸåŒç¤¾ãŒé–‹ç™ºã—ã¦ããŸHTML5æº–æ‹ ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ã‚¿ãƒ–レットå‘ã‘アプリケーション開発フレームワークをオープンソースソフトウエア（OSS）ã¨ã—ã¦å…¬é–‹ã™ã‚‹ã“ã¨ã‚‚明らã‹ã«ã—ãŸã€‚ 新日鉄ソリューションズã§ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ‡ãƒã‚¤ã‚¹ã®é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ワークやMDM（モãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ç®¡ç†ï¼‰ãƒ„ールをæä¾›ã—ã¦ããŸã€‚「ä¼æ¥æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ ã¸ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ‡ãƒã‚¤ã‚¹æœ¬æ ¼å°Žå…¥æ™‚代ãŒåˆ°æ¥ã—ãŸã€ã“ã¨ã‹ã‚‰ã€2012å¹´4月1日付ã‘ã§å°‚門組織をè¨ç½®ã—ãŸã¨ã—ã¦ã„る。 開発フレームワークã¯åŒç¤¾ã®ã‚·ã‚¹ãƒ†ãƒ ç ”ç©¶é–‹ç™ºã‚»ãƒ³ã‚¿ãƒ¼ã§é–‹ç™ºã—ã¦ã„ã‚‹ã‚‚ã®ã€‚å称ã¯ã€Œhifiveã€ã€‚スマートデãƒã‚¤ã‚¹å›ºæœ‰ã®é–‹ç™ºçŸ¥è˜ã‚’å¿…è¦
スマホアプリ æƒ…å ±å¤§é‡æ¼æ´©ã‹ã€€NHKニュース
人気ゲームを動画ã§ç´¹ä»‹ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®è¤‡æ•°ã®ã‚¢ãƒ—リãŒã€åˆ©ç”¨è€…ã®é›»è©±å¸³ã«ç™»éŒ²ã•ã‚Œã¦ã„ãŸåå‰ã‚„メールアドレスã€é›»è©±ç•ªå·ãªã©ã®å€‹äººæƒ…å ±ã‚’å‹æ‰‹ã«å¤–部ã«é€ä¿¡ã—ã¦ã„ãŸã“ã¨ãŒã‚»ã‚ュリティ会社ã®èª¿æŸ»ã§åˆ†ã‹ã‚Šã¾ã—ãŸã€‚ ã“ã®ã‚¢ãƒ—リã¯ï¼‘３日ã«å‰Šé™¤ã•ã‚Œã¾ã—ãŸãŒã€å°‘ãªãã¨ã‚‚６万人以上ãŒåˆ©ç”¨ã—ã¦ã„ãŸã¨ã¿ã‚‰ã‚Œã€ã‚»ã‚ュリティ会社ã§ã¯ã€ã®ã¹æ•°å万人ã‹ã‚‰æ•°ç™¾ä¸‡äººã®å€‹äººæƒ…å ±ãŒæµå‡ºã—ãŸãŠãれもã‚ã‚‹ã¨ã¿ã¦ã„ã¾ã™ã€‚ æ±äº¬ã®ã‚»ã‚ュリティ会社「ãƒãƒƒãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã€ã«ã‚ˆã‚Šã¾ã™ã¨ã€å•é¡Œã®ã‚¢ãƒ—リã¯ã„ãšã‚Œã‚‚アンドãƒã‚¤ãƒ‰ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã«ç‰¹å®šã®ä½œè€…ãŒé–‹ç™ºã—ãŸã‚‚ã®ã§ã€åˆ†ã‹ã£ã¦ã„ã‚‹ã ã‘ã§ï¼‘６種類ã‚ã‚Šã¾ã™ã€‚ アプリã®åå‰ã¯ã€ã€Œé€£æ‰“ã®é”人 ｔｈｅ ï¼ï½ï½–ｉｅã€ã€Œæ¡ƒå¤ªéƒŽé›»é‰„ ｔｈｅ ï¼ï½ï½–ｉｅã€ãªã©ã¾ã£ãŸã関係ã®ãªã„人気ゲームã«ã€Œï½”ｈｅ ï¼ï½ï½–ｉｅã€ãªã©ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã‚’ã¤ã‘ã¦ã€ç„¡æ–™ã§é…布ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã“れらã®ã‚¢ãƒ—リã¯ã€ã„ãšã‚Œã‚‚タイトルã«ã‚る一般
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
スマートフォンユーザーã®4割ã¯è¤‡åˆã‚ーワードã§æ¤œç´¢ã€ã‚¹ãƒžãƒ›ã®æ¤œç´¢è¡Œå‹•ã‚’探る | インタラクティブマーケ統計2012å¹´2月 | インタラクティブマーケティング統計データ by ユニメディア
今回ã®ãƒ‡ãƒ¼ã‚¿ã«ãŠã„ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã‘る検索エンジン経由ã®CV比率ã§ã¯ã€æµå…¥ã—ãŸæ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã®å˜ä¸€/複åˆã®å‰²åˆã«PCã»ã©å¤§ããªå·®ãŒå‡ºã¦ã„ã¾ã›ã‚“。ã¾ãŸã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å…¨ä½“ã§ã®è¤‡åˆãƒ¯ãƒ¼ãƒ‰æ¤œç´¢æµå…¥æ¯”率ã¯40.12ï¼…ã¨ãªã‚Šã€ã“ã‚Œã¯PC全体ã«ãŠã‘ã‚‹34.20％を上回る数値ã¨ãªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³æµå…¥ã§ã¯è¤‡åˆãƒ¯ãƒ¼ãƒ‰ã®æ–¹ãŒCVRãŒé«˜ããªã‚‹çµæžœã¨ãªã‚Šã¾ã—ãŸã€‚ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚ーボードを標準装備ã—ã¦ã„ã‚‹PCã¨ç•°ãªã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚ーボードãŒæ¨™æº–ã§ã€ã•ã¾ã–ã¾ãªå…¥åŠ›æ–¹æ³•ã‚’é¸æŠžã§ãã‚‹ã¨ã¯ã„ãˆã€å…¥åŠ›ã‚¹ãƒ”ード・é‡ã¨ã‚‚ã«PCより劣るã®ãŒä¸€èˆ¬çš„ã§ã™ã€‚入力ã«æ‰‹é–“ãŒã‹ã‹ã‚‹åé¢ã€å˜ä¸€ãƒ¯ãƒ¼ãƒ‰æ¤œç´¢ãƒ’ットã®é‡è¦æ€§ã¯PCよりも高ã„ã¨è€ƒãˆã‚‰ã‚Œã¾ã™ã—ã€è¤‡åˆãƒ¯ãƒ¼ãƒ‰æ¤œç´¢ã®å ´åˆã§ã‚ã‚Œã°ã€å…¥åŠ›ã‚’補助ã™ã‚‹ã‚µã‚¸ã‚§ã‚¹ãƒˆï¼ˆæ¤œç´¢å€™è£œï¼‰æ©Ÿèƒ½ã‚’利用ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æµå…¥ãŒå¤šã„ã“ã¨ãŒäºˆæƒ³ã•ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€å…ˆè¿°ã—ãŸé€š
jQuery mobileã¯ã˜ã‚ã®ä¸€æ©ï¼ã€ŒjQuery mobileã§ç°¡å˜ãªãƒšãƒ¼ã‚¸ã‚’作æˆã—ã¦ã¿ã‚‹ã€ã®ã¾ã¨ã‚ | jQeryMobileã§ã‚µã‚¤ãƒˆã‚’ã¤ãã‚ã†
jQuery Mobileã®æ¦‚è¦ jQuery Mobileã¯ã€jQueryをベースã¨ã—ãŸã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク※1ã§ã™ã€‚ スマートフォンå‘ã‘ã®ç›´è¦³çš„ã‹ã¤ä½¿ã„ã‚„ã™ã„UIを瞬時ã«ä½œæˆã§ãã¾ã™ã€‚ ※1フレームワーク：アプリケーション制作ã®åœŸå°ã‚’作ã£ã¦ãれるソフトウェアã®ã“㨠デザイナー好ã¿ã®ã€Œæ‰‹è»½ã•ã€ã¨ã€Œè‡ªç”±ã•ã€ã‚’å…¼ãå‚™ãˆã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーãŒæ±‚ã‚る「リッãƒãªãƒ´ã‚£ã‚¸ãƒ¥ã‚¢ãƒ«ã€ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³UIãŒä½œæˆã§ãã¾ã™ã€‚ 指定ã—ãŸå½¢å¼ã§HTMLを書ãã“ã¨ã§ã€è‡ªå‹•çš„ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーションã•ãªãŒã‚‰ã®ãƒšãƒ¼ã‚¸ãŒçž¬æ™‚ã«ã—ã¦ã§ãã‚ãŒã‚Šã¾ã™ã€‚（jQuery MobileãŒä½œæˆã§ãã‚‹ã®ã¯ã€ã‚¦ã‚§ãƒ–アプリケーションã§ã™ã€‚） 2010å¹´10月ã«ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€2011å¹´11月ã¤ã„ã«jQuery Mobile1.0æ£å¼ç‰ˆãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ç¾åœ¨ã‚‚ã€jQueryã®é–‹ç™ºè€…ã§
Media Queries を使ã£ã¦ã€Webサイトをスマートフォンã«å¯¾å¿œã•ã›ã‚‹ã¨ãã®æ³¨æ„書ã
今回ã“ã®ãƒ–ãƒã‚° - Webデザインレシピをã€iPhone ãªã©ã§ã‚‚見れるよã†ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ãŸã€‚使用ã—ãŸã®ã¯ CSS3 ã® Media Queries（メディアクエリ）。メディアクエリã®ä½¿ã„方や感想ã€æ°—ã‚’ã¤ã‘ãŸã„注æ„書ãã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ é…ã‚Œã°ã›ãªãŒã‚‰ã“ã®ãƒ–ãƒã‚° – Webデザインレシピをã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚見れるよã†ã«æ”¹ä¿®ã—ã¾ã—ãŸã€‚ã“ã®ãƒ–ãƒã‚°ã¯ WordPress ã§æ›¸ã„ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ iPad ã¸ã®å¯¾å¿œæ–¹æ³•ã¯ã„ãã¤ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ CSS3 ã® Media Queries（メディアクエリ）を使ã£ã¦ã€iPadã€iPhone ãªã©ã€ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œï¼ˆå¯¾å¿œã¨ã„ã†ã‹ã€ä¸€å¿œè¦‹ã‚Œã‚‹ç¨‹åº¦ï¼‰ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãªã®ã§ Media Queries を使ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã¨ã€ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰æ€ã£ãŸã“ã¨ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSS3 Media Queries 目次
auã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã«ã€Œç”»åƒã‚„å‹•ç”»ã®æœ€é©åŒ–ã€ã‚’導入？ | スラド モãƒã‚¤ãƒ«
auãŒ3月末よりスマートフォン「ISシリーズã€å‘ã‘ã®ãƒ‘ケット定é¡ã‚µãƒ¼ãƒ“ス「ISフラットã€ã«ã¦ã€ã€Œé€šä¿¡ã®æœ€é©åŒ–ã€ã‚’è¡Œã†æ¨¡æ§˜ï¼ˆISフラットã®ã‚µãƒ¼ãƒ“ス紹介ページ）。 上記ページã®ã€Œé€šä¿¡ã®æœ€é©åŒ–ã«ã¤ã„ã¦ã€ã«ã¦ã€ã€ŒISシリーズã®ãƒ‘ケット通信ã¯ã€ç”»é¢ã®è¡¨ç¤ºé€Ÿåº¦ã‚„å‹•ç”»ã®å†ç”Ÿé–‹å§‹æ™‚é–“ã‚’æ—©ãã™ã‚‹æœ€é©åŒ–ã‚’è¡Œãªã†å ´åˆãŒã‚ã‚Šã¾ã™ã€‚具体的ã«ã¯ä»¥ä¸‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’対象ã«2012å¹´3月導入予定ã§ã™ã€‚ã€ã¨ã®è¨˜è¼‰ãŒã‚ã‚Šã€å¯¾è±¡ã¯ç”»åƒãŒã€ŒBMPã€jpgã€gifå½¢å¼ã€ã€å‹•ç”»ãŒã€ŒMPEGã€AVIã€MOVã€FLVå½¢å¼ã€ã¨ãªã£ã¦ã„る。実際ã«ã©ã®ã‚ˆã†ãªæœ€é©åŒ–ãŒè¡Œã‚れるã‹ã¯ä¸æ˜Žã ãŒã€ã€Œç”»è³ªã‚’劣化ã•ã‚Œã‚‹ã®ã§ã¯ï¼Ÿã€ã¨ã®å™‚ãŒä¸ŠãŒã£ã¦ã„る。
スマートフォンå‘ã‘ã«è¡¨ç¤ºãƒ‡ã‚¶ã‚¤ãƒ³ã‚’刷新ã—ã¾ã—㟠: livedoor クリップ開発日誌
ã„ã¤ã‚‚livedoor クリップをã”利用ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚担当ã®çŸ³é‡Žã§ã™ã€‚ スマートフォンå‘ã‘表示ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’刷新ã—ã¾ã—ãŸã®ã§ãŠçŸ¥ã‚‰ã›ã„ãŸã—ã¾ã™ã€‚ 1) ç”»é¢ã‚¤ãƒ¡ãƒ¼ã‚¸ : トップページ 上部ã«ã‚¿ã‚°ãƒ»ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ãƒ»URLã§æ¤œç´¢ã§ãるフォームをé…ç½®ã€ä»¥é™ã«ã¯äººæ°—クリップãŒä¸¦ã³ã¾ã™ã€‚ リストã®å³å´ã«é…ç½®ã•ã‚Œã¦ã„るボタン「＋ã€ã‚’タップã™ã‚‹ã“ã¨ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒç¾ã‚Œã¾ã™ã€‚ 詳細…ページ詳細ã¸ã¨é·ç§»ã—ã¾ã™ã€‚ éžå…¬é–‹ã‚¯ãƒªãƒƒãƒ—…éžå…¬é–‹ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã§ä¸€ç™ºã‚¯ãƒªãƒƒãƒ—ã‚’è¡Œãˆã¾ã™ã€‚ページé·ç§»ã™ã‚‹ã“ã¨ãªãクリップãŒå®Œäº†ã—ã¾ã™ã€‚ クリップ…公開ステータスã§ä¸€ç™ºã‚¯ãƒªãƒƒãƒ—ã—ã¾ã™ã€‚ ã¾ãŸã€è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«éƒ¨åˆ†ã‚’タップã™ã‚‹ã“ã¨ã§ã€è©³ç´°ãƒšãƒ¼ã‚¸ã¸ã¨é·ç§»ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ マイクリップもåŒæ§˜ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã™ã€‚ 2) ページ詳細 「クリップ一覧ã€ã«ã¯ã‚¦ã‚©ãƒƒãƒãƒªã‚¹ãƒˆã«å…¥ã‚Œã¦ã„るユーザãŒä¸Šä½ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™
Chrome用æºå¸¯ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼Extension
日本ã®æºå¸¯ã¯ã€ãªã‚“ã ã‹ã‚“ã ã§ã€ã“ã‚Œã¾ã§ã®ã‚ªã‚µã‚¤ãƒ•ã‚±ãƒ¼ã‚¿ã‚¤ãªã©ã®ç´ 敵ãªæ©Ÿèƒ½ã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã„ã„ã¨ã“å–ã‚Šã‚’ã—ã¤ã¤é€²åŒ–ã—ãã†ãªæ°—ãŒã™ã‚‹ä»Šæ—¥ã“ã®é ƒã€‚ 今日ã¯æºå¸¯ã‚µã‚¤ãƒˆã‚„スマートフォンå‘ã‘サイトã®åˆ¶ä½œæ™‚ã«å½¹ç«‹ã¤æºå¸¯ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’何点ã‹ã‚’ピックアップ。 ドコモ端末ã®ã¿ã®å¯¾å¿œã§ã‚ã‚‹ãªã‚‰ã°ã€iモードHTMLシミュレータIIを使ãˆã°ã€ç«¯æœ«ã§ç¢ºèªã™ã‚‹å‰ã«å¤§ä½“ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’掴ã‚る。 ã—ã‹ã—ã€3ã‚ャリアã¨ãªã‚‹ã¨ã€ŒFirefoxã®ã‚¢ãƒ‰ã‚ªãƒ³FireMobileSimulatorã€ã‚’使ã†ã‹ã€æœ‰æ–™ã®ã€ŒP1ã€ã‚’使ã†æ„Ÿã˜ã«ãªã‚‹ã€‚ Firefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã€ŒFireMobileSimulatorã€ã¯ç„¡æ–™ã§ä½¿ãˆã€3ã‚ャリアã®çµµæ–‡å—も表示ã§ãã‚‹ã®ã§é‡å®ã—ã¦ã‚‹äººã‚‚多ã„ã¯ãšã€‚ ã—ã‹ã—ã€æœ€è¿‘ã‚‚ã£ã±ã‚‰Googleã®Chromeを使用ã—ã¦ã„ã¦ã€Chromeã®Extensionã«ã‚‚æºå¸¯å‘ã‘サイトをシミュレートã—ã¦ãれるExtensionãŒãª
PCã§ã‚‚スマホã§ã‚‚スワイプã§ç”»åƒã‚’é€ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…jQueryプラグイン「Asketic Swipe Galleryã€:phpspot開発日誌
PCã§ã‚‚スマホã§ã‚‚スワイプã§ç”»åƒã‚’é€ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…jQueryプラグイン「Asketic Swipe Gallery〠2011å¹´10月27æ—¥- Asketic Swipe Gallery | jQuery Plugins PCã§ã‚‚スマホã§ã‚‚スワイプã§ç”»åƒã‚’é€ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…jQueryプラグイン「Asketic Swipe Gallery〠ã“ã®æ‰‹ã®ã‚‚ã®ã¯ã‚¹ãƒžãƒ›é™å®šã ã£ãŸã‚Šã™ã‚‹ã®ã§ã™ãŒPCã§ã‚‚ドラッグ＆ドãƒãƒƒãƒ—ã®ã‚ˆã†ã«ã—ã¦ã‚¹ãƒ¯ã‚¤ãƒ—ã•ã›ã¦ç”»åƒã‚’é€ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 両方ã«å¯¾å¿œã•ã›ã‚‹å ´åˆã«å€‹åˆ¥ã«å¯¾å¿œã™ã‚‹ã‚ˆã‚Šã‚‚一緒ã«ä½œã£ã¦ã—ã¾ã„ãŸã„ã¨ã„ã†å ´åˆã«ä½¿ãˆã¾ã™ã デモページã¯ã“ã¡ã‚‰ 今後ã¯ã‚‚ã£ã¨ã“ã†ã—ãŸã‚¯ãƒã‚¹ç’°å¢ƒã§ã‚‚ä¼¼ãŸã‚ˆã†ã«å‹•ä½œã™ã‚‹ç‰©ãŒå‡ºã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 数年後ã«ã¯ã‚¹ãƒžãƒ›ãŒPCを追ã„抜ãã¨ã„ã†äºˆæ¸¬ã‚‚ã‚ã‚‹ãらã„ãªã®ã§ã€ã‚¹ãƒžãƒ›ã‚ã‚Šãã§PCã‚‚ã¨ã‚Šã‚ãˆãšå¯¾å¿œãªã‚“ã¦ã„ã†æµã‚Œã«ãªã£
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
スマートフォン対応ã€æ°—ã‚’ã¤ã‘ãŸã„トラブル
Loading...
https://jp.techcrunch.com/2012/04/10/20120409html5-features-drive-up-mobile-websites-usage-by-up-to-28/
{{#tags}}- {{label}}
{{/tags}}