創æ¥æ˜Žæ²»33å¹´ã®è¡£ï¦¾å¸å•å±‹ã‹ã‚™ï°€ アプリã¦ã‚™æŒ‘ã‚€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³å¤‰é© ï°€ ～Monacaã¨mBaaSを活用ã—ãŸï°€ ビジãƒã‚¹ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ•ã‚šãƒªã®ç´¹ä»‹ã€œ ï°€
Angularã¨Onsen UIã§ä½œã‚‹æœ€é«˜ã®HTML5ãƒã‚¤ãƒ–リッドアプリ
創æ¥æ˜Žæ²»33å¹´ã®è¡£ï¦¾å¸å•å±‹ã‹ã‚™ï°€ アプリã¦ã‚™æŒ‘ã‚€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³å¤‰é© ï°€ ～Monacaã¨mBaaSを活用ã—ãŸï°€ ビジãƒã‚¹ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ•ã‚šãƒªã®ç´¹ä»‹ã€œ ï°€
UIテストã®è‡ªå‹•åŒ–ï¼Node.jsã¨Seleniumã§Webアプリã®UIテスト環境構築 – ICS MEDIA
ウェブアプリケーションを開発ã™ã‚‹éš›ã€ã¿ãªã•ã‚“ã¯ã©ã®ã‚ˆã†ã«å‹•ä½œç¢ºèªï¼ˆè©¦é¨“）を行ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã€€ã‚¦ã‚§ãƒ–アプリケーションã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã”ã¨ã«ç•°ãªã‚‹ãƒ–ラウザを使用ã—ã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼æ“作も必è¦ã¨ãªã‚‹ãŸã‚ã€æ‰‹ä½œæ¥ã§ãƒ†ã‚¹ãƒˆã‚’ã•ã‚Œã¦ã„る方も多ã„ã¨æ€ã„ã¾ã™ã€‚ã¾ãŸã€æ©Ÿèƒ½æ”¹ä¿®ã‚„ãƒã‚°ãƒ•ã‚£ã‚¯ã‚¹å¾Œã«ã€ãƒªã‚°ãƒ¬ãƒƒã‚·ãƒ§ãƒ³ãƒ†ã‚¹ãƒˆï¼ˆæ”¹ä¿®ã«ã‚ˆã‚Šæ—¢å˜æ©Ÿèƒ½ã¸ã®å½±éŸ¿ãŒãªã„ã‹ã‚’確èªã™ã‚‹å›žå¸°ãƒ†ã‚¹ãƒˆï¼‰ãŒå¿…è¦ã¨ãªã‚Šã¾ã™ãŒã€æ™‚é–“ãŒå–ã‚Œãšè©¦é¨“ãŒã§ãã¦ã„ãªã„方も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 本記事ã§ã¯ã€ã“れらã®ãƒ†ã‚¹ãƒˆã‚’自動化ã™ã‚‹ã“ã¨ã®ã§ãる「Selenium Webdriverã€ï¼ˆã‚»ãƒ¬ãƒ‹ã‚¦ãƒ ・ウェブドライãƒãƒ¼ï¼‰ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 入力フォームã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ‡ãƒ¢ ç°¡å˜ãªå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ‡ãƒ¢ã‚’å‹•ç”»ã§ç´¹ä»‹ã—ã¾ã—ょã†ã€‚入力値ã«å¯¾ã—ã¦æœŸå¾…ã™ã‚‹ã‚¨ãƒ©ãƒ¼æ–‡è¨€ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ã®ãƒ†ã‚¹ãƒˆã‚’実施ã—ã¦ã„ã¾ã™ã€‚Selenium
[JS]スマホã§ã‚‚デスクトップã§ã‚‚å¿«é©ï¼æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -horizonScroll.js
マークアップã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã€ã‚¹ã‚¯ãƒªãƒ—トã®è¨ç½®ã‚‚ç°¡å˜ã€ã‚¹ãƒžãƒ›ã§ã‚‚タブレットã§ã‚‚デスクトップã§ã‚‚ã™ã„ã™ã„å¿«é©ã«æ“作ã§ãる水平スクãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を実装ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デモã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ horizonScroll.jsã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script type="text/javascript" src="jquery-1.10.2.js"></script> <script type="text/javascript" src="jquery.horizonScroll.js"></script> </head> スマホãªã©ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã«ã™ã‚‹å ´åˆã¯ã€touchSwipe.jsã‚‚åŠ ãˆã¾ã™ã€‚ <head> ... <script type="tex
![[JS]スマホã§ã‚‚デスクトップã§ã‚‚å¿«é©ï¼æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -horizonScroll.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/87c79333735eb75d10033e33d194426b66f5def3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015031609.png)
「LINEã€ã«æ·±åˆ»ãªè„†å¼±æ€§ã€€å¤–部ã‹ã‚‰å…¨ãƒˆãƒ¼ã‚¯å±¥æ´ã‚’抜ã出ã•ã‚Œã‚‹å±é™ºæ€§ã‚ã‚Š - THE ZERO/ONE
全世界ã§5億人以上ãŒåˆ©ç”¨ã—ã¦ã„るメッセージ・アプリ「LINEã€ã«æ·±åˆ»ãªã‚»ã‚ュリティ脆弱性ãŒå˜åœ¨ã—ã¦ã„ãŸã“ã¨ãŒåˆ¤ã£ãŸã€‚ã“ã®è„†å¼±æ€§ã‚’悪æ„ã‚る攻撃者ã«çªã‹ã‚Œã‚‹ã¨ã€åˆ©ç”¨è€…ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ä¿å˜ã•ã‚Œã¦ã„ã‚‹LINE内ã®ãƒˆãƒ¼ã‚¯å±¥æ´ã‚„写真ã€å‹é”リストãªã©ã‚’外部ã‹ã‚‰ä¸æ£ã«æŠœã出ã•ã‚ŒãŸã‚Šã€æ”¹ç«„ã•ã‚Œã‚‹æã‚ŒãŒã‚る。LINEã¯3月4æ—¥ã«ã€ã“ã®è„†å¼±æ€§ã‚’ä¿®æ£ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’緊急リリースã—ã¦ã„る。利用者ã¯è‡ªèº«ã®ã‚¢ãƒ—リãŒæœ€æ–°ç‰ˆã«ã‚¢ãƒƒãƒ—デートã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’至急確èªã—ãŸã»ã†ãŒã„ã„ã ã‚ã†ã€‚ ã“ã®è„†å¼±æ€§ã¯ã‚µã‚¤ãƒãƒ¼ã‚»ã‚ュリティ・ラボã®ã‚¹ãƒ—ラウト（本記事掲載ã®ã€Žã‚µã‚¤ãƒãƒ¼ã‚¤ãƒ³ã‚·ãƒ‡ãƒ³ãƒˆãƒ»ãƒ¬ãƒãƒ¼ãƒˆã€ç™ºè¡Œå…ƒï¼‰ãŒç™ºè¦‹ã—ã€1月30æ—¥ã«ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç‰ã®è„†å¼±æ€§æƒ…å ±ã‚’å–り扱ã†IPAï¼ˆç‹¬ç«‹è¡Œæ”¿æ³•äººæƒ…å ±å‡¦ç†æŽ¨é€²æ©Ÿæ§‹ï¼‰ã«å ±å‘Šã—ãŸã‚‚ã®ã 。IPAã‹ã‚‰2月2æ—¥ã«è„†å¼±æ€§ã®é€šçŸ¥ã‚’å—ã‘ãŸLINEã¯ã€2月12æ—¥ã«è„†å¼±æ€§ã®ä¸€éƒ¨ã«ã¤ã„ã¦ã‚µãƒ¼ãƒãƒ¼å´ã§å¯¾ç–。3月4æ—¥ã®ã‚¢ãƒƒãƒ—
React NativeãŒã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®ãƒ•ãƒãƒ³ãƒˆé–‹ç™ºã‚’変ãˆã‚‹ã®ã‹ - ワザノム| wazanova
Reactã¯å½“åˆã€ã€ŒHuge step backwards（ã“ã‚Œã§ã¯ãƒ¡ãƒ³ãƒ†ã§ããªãã¦ã€ã‹ãˆã£ã¦å¤§ãã後退ã—ã¦ã—ã¾ã£ã¦ã„る。）ã€ã€ŒRethink established best practives（皆ãŒç©ã¿ä¸Šã’ã¦ããŸãƒ™ã‚¹ãƒˆãƒ—ラクティスを変ãˆã‚ˆã†ã¨ã—ã¦ã„る。）ã€ã¨æ¶æ„ã•ã‚ŒãŸã‚Šã‚‚ã—ã¾ã—ãŸãŒã€æœ€è¿‘ã¯ä»–ã®JavaScriptフレームワークã«ã‚‚ãã®æ€æƒ³ã®ä¸€éƒ¨ãŒåæ˜ ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã€ãƒ¡ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«è¿‘ã¥ãã¤ã¤ã‚るよã†ã§ã™ã€‚ ã•ã¦ä»Šå›žFacebookãŒã€React Nativeを発表 & オープンソースã¨ã—ã¦å…¬é–‹ã—ã¦è©±é¡Œã«ãªã£ã¦ã„ã¾ã™ãŒã€Tom Occhino㯠React.js Conf 2015ã®ã‚ーノートスピーãƒã§ã€ã€Œä¸€åº¦æ›¸ã‘ã°ã€ã©ã®ãƒ—ラットフォームã§ã‚‚ã†ã¾ã動作ã™ã‚‹ã€‚ã€ã§ã¯ãªãã€ã€Œä¸€åº¦è¦šãˆã‚Œã°ã€ã©ã®ãƒ—ラットフォームå‘ã‘ã«ã‚‚書ã‘るよã†ã«ãªã‚‹ã€‚ã€ã‚‚ã®ã§ã‚ã‚‹ã“ã¨ã‚’強調ã—ã¦ã„ã¾ã™ã€‚ åŒç¤¾ã®é–‹ç™ºãƒ¡ãƒ³ãƒ
Polymerã§Material Designãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—リを作ã‚ã†
今年注目ã®ã‚ªãƒ¼ãƒ—ンWebテクノãƒã‚¸ãƒ¼ã®ã²ã¨ã¤ã«ã€Web ComponentsãŒæŒ™ã’られるã¨æ€ã„ã¾ã™ã€‚HTML5Experts.jpã§ã‚‚今ã¾ã§å¹¾åº¦ã‚‚関連記事ã€Polymer.jsã«ã¤ã„ã¦ã®è¨˜äº‹ãŒç´¹ä»‹ã•ã‚Œã¦ãã¾ã—ãŸã€‚今回ã¯å®Ÿéš›ã«ã€Polymerã¨Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚»ãƒ—トを用ã„ã¦ã€è¦–覚的ã«ã‚‚ユーザエクスペリエンスã«ã‚‚優れãŸãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—リを実際ã«ä½œã£ã¦ã¿ã¾ã—ょã†ã€‚ ã¾ãšå§‹ã‚ã‚‹å‰ã«ã“ã®ãƒ©ã‚¤ãƒ–デモã€Kitteh Anonymousをデスクトップã¾ãŸã¯ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã§å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¦ãã ã•ã„。ã“ã“ã§ã¯ã€ã“ã®ãƒ‡ãƒ¢ã®ç°¡ç•¥ç‰ˆã§ã‚ã‚‹Liteãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’実際ã«ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ステップ・ãƒã‚¤ãƒ»ã‚¹ãƒ†ãƒƒãƒ—ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªçŸ¥è˜ Polymerã®åŸºç¤ŽçŸ¥è˜ パッケージマãƒãƒ¼ã‚¸ãƒ£ã€Bowerã®åŸºæœ¬çš„ãªä½¿ã„方（Polymerã¨ä¾å˜ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’インストールã€ã‚¢ãƒƒãƒ—デートã™ã‚‹ã®ã«ä½¿
第1回　PhoneGap/Cordovaã¨ã¯ | gihyo.jp
PhoneGap Day US 2012ã«ã¦ã€å¾…望ã®PhoneGap 2.0.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚本連載ã§ã¯ã€PhoneGap 2.0.0ã®å¤‰æ›´ç‚¹ã‚’ã¯ã˜ã‚ã¨ã—ã¦ã€æ–°æ©Ÿèƒ½ã®ç´¹ä»‹ã‚„File APIを使ã£ãŸã‚¢ãƒ—リケーションã®é–‹ç™ºæ–¹æ³•ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã©ã†ãžãŠæ¥½ã—ã¿ãã ã•ã„。 PhoneGap/Cordovaã¨ã¯ PhoneGapã¯AdobeãŒé–‹ç™ºã€å…¬é–‹ã—ã¦ã„るクãƒã‚¹ãƒ—ラットフォーム・モãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚詳細ã«ã¤ã„ã¦ã¯ã€å‰å›žã®é€£è¼‰ã®è¨˜äº‹ã‚’ã”å‚ç…§ãã ã•ã„。 PhoneGap ã‚‚ã¨ã‚‚ã¨PhoneGapã¯Nitobi社ãŒé–‹ç™ºãƒ»å…¬é–‹ã—ã¦ã„ã¾ã—ãŸãŒã€2011å¹´10月2日（米国時間）ã«Adobe社ãŒPhoneGapã®é–‹ç™ºå…ƒã§ã‚ã‚‹Nitobi社を買åŽã—ãŸã¨ç™ºè¡¨ã—ã¾ã—ãŸã€‚PhoneGapã¯é–‹ç™ºä½“制やé…布方法ãŒå¤‰æ›´ã•ã‚Œã€Apacheã«å¯„è´ˆã•ã‚Œã€ç¾åœ¨ã«ã„ãŸã‚Šã¾ã™ã€‚ Phone
MeteorãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ã«åˆ°é”
オープンソースã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹Webアプリケーションã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク「Meteorã€ãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0ã«åˆ°é”ã—ãŸã¨ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ Meteorã®æœ€å¤§ã®ç‰¹å¾´ã¯ã€ŒLive updatesã€ã¨å‘¼ã°ã‚Œã‚‹ã€ã‚¢ãƒ—リケーション内ã®å¤‰æ•°ã®å†…容ãŒã‚µãƒ¼ãƒã¨å…¨ã¦ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã¤ãã«åŒæœŸã—ã¦ã„る点ã§ã™ã€‚ブラウザãªã©ã‹ã‚‰å…¥åŠ›ã‚„変更ã•ã‚ŒãŸå¤‰æ•°ã®å€¤ã¯ã€è‡ªå‹•çš„ã«ã‚µãƒ¼ãƒå†…ã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«åæ˜ ã•ã‚Œã€åŒæ™‚ã«ã»ã‹ã®ãƒ–ラウザ上ã§å®Ÿè¡Œä¸ã®åŒã˜ã‚¢ãƒ—リケーション内ã®å¤‰æ•°ã®å€¤ã«ã‚‚åæ˜ ã•ã‚Œã¾ã™ã€‚変数ã®å†…容を動的ã«ç”»é¢ã«åæ˜ ã™ã‚‹ãƒ†ãƒ³ãƒ—レートエンジンã®æ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã¾ã™ã€‚ ã¤ã¾ã‚Šãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®é …目をアップデートã—ãŸã‚Šã€ãƒ‡ãƒ¼ã‚¿ã®å¤‰æ›´ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãŸã‚ã«å®šæœŸçš„ã«ãƒ–ラウザã‹ã‚‰ã‚µãƒ¼ãƒã¸ãƒãƒ¼ãƒªãƒ³ã‚°ã™ã‚‹ã¨ã„ã£ãŸã‚³ãƒ¼ãƒ‰ã¯ä¸€åˆ‡ä¸è¦ã§ã€ä¾‹ãˆã°ãƒãƒ£ãƒƒãƒˆã®ã‚ˆã†ãªã€åˆ©ç”¨è€…全員ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«æƒ…å ±ã‚’å…±æœ‰ã§ãるアプリケーションã®é–‹ç™ºãŒåŠ‡çš„ã«å®¹æ˜“ã«ã§ãるよã†ã«ãªã‚Šã¾
Monaca - ã™ã¹ã¦ã®äººã«ã‚¢ãƒ—リ開発を
Monacaã¯ã‚¯ãƒ©ã‚¦ãƒ‰æŠ€è¡“を活用ã—ãŸã€æ—¥æœ¬ç™ºãƒ»æ¬¡ä¸–代ã®ã‚¢ãƒ—リ開発プラットフォームã§ã™ã€‚多様ãªã‚¢ãƒ—リ開発ã«å¯¾å¿œã™ã‚‹ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“スをä¸å¿ƒã«ã€ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«é–‹ç™ºã‚’促進ã™ã‚‹DevOpsã€ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚„テクニカルサãƒãƒ¼ãƒˆã€‚日々ã®èª²é¡Œã‚’解決ã™ã‚‹ãŸã‚ã«ç”¨æ„ã•ã‚ŒãŸãƒ„ールやサービスを通ã˜ã¦ã€ã‚ãªãŸã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æˆåŠŸã‚’支ãˆã¾ã™ã€‚ ã•ã‚‰ã«è©³ã—ã
第7回　Google App Engineã§ä½ç½®æƒ…å ±ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã¿ã‚ˆã† | gihyo.jp
連載ã®æœ€çµ‚回ã¨ãªã‚‹ä»Šå›žã¯ã€ã“ã‚Œã¾ã§ã®å†…容ã®ãŠã•ã‚‰ã„ã¨ã—ã¦ã€Google App Engineã§è‡ªåˆ†ã®ä½ç½®æƒ…å ±ã‚’è¨˜éŒ²ã™ã‚‹ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã¿ã¾ã™ã€‚ アプリケーションã®å†…容 今回作æˆã™ã‚‹ã‚¢ãƒ—リケーションã¯ã€ç°¡å˜ãªä½ç½®æƒ…å ±ã‚µãƒ¼ãƒ“ã‚¹ã¨ã„ã†ã“ã¨ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Goelocation APIã«å¯¾å¿œã—ãŸãƒ–ラウザã§ãƒˆãƒƒãƒ—ページを開ã„ã¦ã„ã‚‹ã¨ã€æ¸¬ä½ã•ã‚ŒãŸä½ç½®ãŒå¤‰ã‚ã‚‹ã”ã¨ã«ã‚µãƒ¼ãƒã¸ç·¯åº¦çµŒåº¦ã‚’POSTã—ã€Geohashã«å¤‰æ›ã—ã¦Google App Engineã®ãƒ‡ãƒ¼ã‚¿ã‚¹ãƒˆã‚¢ã«ä¿å˜ã™ã‚‹ã€‚ å±¥æ´ãƒšãƒ¼ã‚¸ï¼ˆ/history）ã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€åœ°å›³ã‚’表示ã—ã€ãã‚Œã¾ã§ã«è¨˜éŒ²ã•ã‚Œã¦ã„ã‚‹ä½ç½®ã‚’ç·šã§ã¤ãªã„ã§åœ°å›³ä¸Šã«è¡¨ç¤ºã™ã‚‹ã€‚ 今回必è¦ã¨ãªã‚‹æŠ€è¡“è¦ç´ ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ トップページ： Google Maps JavaScript APIを利用ã—ãŸåœ°å›³ã®è¡¨ç¤º JavaScriptã«ã‚ˆã‚‹ä½ç½®æƒ…å ±ã®å–å¾—
スマートフォンWebã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’高速化ã™ã‚‹å–り組㿠- クックパッド開発者ブãƒã‚°
ユーザファースト推進部ã®ä¸¸å±±(@h13i32maru)ã§ã™ã€‚ 先日「撮るレシピã€ã¨ã„ã†ã‚µãƒ¼ãƒ“スを cookpad.com ã«ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚「撮るレシピã€ã¨ã„ã†ã‚µãƒ¼ãƒ“スã¯æ–™ç†æœ¬ã‚„雑誌ã®ãƒ¬ã‚·ãƒ”を写真ã«æ’®ã£ã¦ã‚¯ãƒƒã‚¯ãƒ‘ッド上ã«ä¿å˜ã§ãã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚æ–™ç†æœ¬ã‚„雑誌ã§ãƒ¬ã‚·ãƒ”を良ã見る方ã¯ãœã²ä½¿ã£ã¦ã¿ã¦ãã ã•ã„(Androidアプリ版もã‚ã‚Šã¾ã™)。 ã“ã®ã€Œæ’®ã‚‹ãƒ¬ã‚·ãƒ”ã€ã¯å…¨ä½“公開å‰ã«ä¸€éƒ¨ã®ãƒ¦ãƒ¼ã‚¶ã«é™å®šå…¬é–‹ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ãã—ã¦å…¨ä½“公開をã™ã‚‹ã«ã‚ãŸã‚Šãƒ•ãƒãƒ³ãƒˆå´ã®ã‚³ãƒ¼ãƒ‰ã‚’å…¨é¢çš„ã«æ›¸ãæ›ãˆé«˜é€ŸåŒ–ã‚’è¡Œã„ã¾ã—ãŸã€‚ãã®çµæžœã€æœ€å¤§ã§30å€é«˜é€ŸåŒ–ã™ã‚‹ã“ã¨ãŒã§ãユーザã®ä½¿ã„å‹æ‰‹ãŒå‘上ã—ã¾ã—ãŸã€‚以下ãŒã€Œæ›¸ãæ›ãˆå‰ã€ã¨ã€Œæ›¸ãæ›ãˆå¾Œã€ã®è¨ˆæ¸¬çµæžœã§ã™(Android端末8機種 + iOS3機種ã§å„æ“作ã®ã‚¿ãƒ¼ãƒ³ã‚¢ãƒ©ã‚¦ãƒ³ãƒ‰æ™‚é–“*1を計測)。 閲覧系 最大: 30å€é«˜é€ŸåŒ–(4.2秒→0.14秒) å¹³å‡: 15.7å€é«˜é€ŸåŒ–(3.6秒→
Androidアプリケーション開発ガイド
TOPICS Programming , Web , Mobile , HTML/CSS , JavaScript 発行年月日 2011å¹´02月 PRINT LENGTH 224 ISBN 978-4-87311-486-6 原書 Building Android Apps with HTML, CSS, and JavaScript FORMAT Javaを使ã‚ãªãã¦ã‚‚Webアプリケーション開発ã®æ¨™æº–技術ã§Androidアプリケーションを開発ã§ãã¾ã™ã€‚本書ã§ã¯ãƒ‘ソコンå‘ã‘Webアプリケーションをスタート地点ã«ã€CSSã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€jQueryã®åˆ©ç”¨ã€jQTouchを利用ã—ãŸé«˜åº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€PhoneGapを使ã£ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーション化ã™ã‚‹ã“ã¨ã§Android固有ã®æ©Ÿèƒ½ã‚’使ã†æ–¹æ³•ã€ãã—ã¦Android Marketã¸ã®ç™»éŒ²ã«è‡³ã‚‹ã¾ã§ã€HTML＋CSS＋JavaScriptã«ã‚ˆ
本当ã«ã‚ã£ãŸTouchEventã®æ€–ã„話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 事å‰çŸ¥è˜: ブラウザ毎ã®å·®ç•° Android 2.x, 3.x 2.x, 3.x ã§ã¯ä¼çµ±çš„ã« TouchEvent ãŒã¾ã¨ã‚‚ã«ä½¿ãˆã¾ã›ã‚“。 経験上ã€ä¸€éƒ¨ç«¯æœ«ã§document.createEvent('TouchEvent')ã™ã‚‹ã¨NOT_SUPPORTED_ERRã‚’åããªã©ã®ç¾è±¡ãŒè¦‹ã‚‰ã‚Œã€seleniumã®ã“ã®ã‚³ãƒ¼ãƒ‰ã§ã‚‚ã€MouseEventsを利用ã—ã¦ç„¡ç†çŸ¢ç†å›žé¿ã—ã¦ã„ã¾ã™ã€‚ 4.x (Stock Browser & WebView) 4.x ã§ã¯ã€ã‚„ã£ã¨ TouchEvent ãŒåˆ©ç”¨ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ ãŒã€ イベントã®åˆæœŸåŒ–
第1回　PhoneGapã¨ã¯ | gihyo.jp
ã¯ã˜ã‚ã¾ã—ã¦ã€æ ªå¼ä¼šç¤¾ã‚クミミã®å¯Œç”°å®æ˜ã¨ç”³ã—ã¾ã™ã€‚ãŠã‚‚ã«Webアプリケーションを開発ã—ã¦ã„ã¾ã™ã€‚ã“ã®é€£è¼‰ã§ã¯ã€PhoneGapを使ã£ãŸiOSãŠã‚ˆã³Androidアプリケーションã®é–‹ç™ºæ–¹æ³•ã«ã¤ã„ã¦å…¨4回ã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã©ã†ãžãŠæ¥½ã—ã¿ãã ã•ã„。 PhoneGapã¨ã¯ PhoneGapã¯NitobiãŒé–‹ç™ºã€å…¬é–‹ã—ã¦ã„るクãƒã‚¹ãƒ—ラットフォーム・モãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚スマートフォンå‘ã‘アプリケーションã®é–‹ç™ºã§ã¯ã€å„OSã”ã¨ã«ç‰¹å®šã®è¨€èªžã‚’使用をã—ã¦é–‹ç™ºã‚’ãŠã“ãªã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ãŸã¨ãˆã°iOSã®å ´åˆã¯Objective-Cã€Androidã‚„BlackBerryã®å ´åˆã¯Javaã€Windows Phone 7ã®å ´åˆã¯C#・Vidual Basicãªã©ã§ã™ã€‚複数ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã™ã‚‹ã‚¢ãƒ—リケーションを開発ã™ã‚‹å ´åˆã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ã¯è¤‡æ•°ã®è¨€èªžã‚’ã‚‚ã¡ã„ã¦ãã‚Œãžã‚Œã®é–‹ç™ºç’°å¢ƒ
リアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€ŒMeteor 0.9.2ã€ç™»å ´ã€iOS/AndroidアプリもPhoneGapã§å¯èƒ½ã«ã€‚ブラウザã‹ã‚‰ç°¡å˜ã«ã‚³ãƒ¼ãƒ‰ã‚’試ã›ã‚‹ã€ŒMeteorPadã€ã‚‚公開
リアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€ŒMeteor 0.9.2ã€ç™»å ´ã€iOS/AndroidアプリもPhoneGapã§å¯èƒ½ã«ã€‚ブラウザã‹ã‚‰ç°¡å˜ã«ã‚³ãƒ¼ãƒ‰ã‚’試ã›ã‚‹ã€ŒMeteorPadã€ã‚‚公開 リアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’実ç¾ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã—ã¦çŸ¥ã‚‰ã‚Œã‚‹ã€ŒMeteorã€ã®æœ€æ–°ç‰ˆã€ŒMeteor 0.9.2ã€ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚0.9.2ã§ã¯PhoneGap/Cordvaをサãƒãƒ¼ãƒˆã—ã€Meteorã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚¢ãƒ—リケーションをiOSアプリケーションやAndroidアプリケーションã¨ã—ã¦ç”Ÿæˆå¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ ã¾ãŸã€åŒæ™‚ã«ã‚³ãƒ¼ãƒ‰ãƒ—レイグラウンドã¨ã—ã¦ã€ŒMeteorPadã€ãŒå…¬é–‹ã•ã‚Œã€Webブラウザã‹ã‚‰ç°¡å˜ã«Meteorã®ã‚³ãƒ¼ãƒ‰ã‚’記述ã—ã¦å‹•ä½œã‚’試ã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ iOS/Androidアプリも開発å¯èƒ½ã« MeteorãŒå®Ÿç¾ã™ã‚‹ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨ã¯ã€ã‚¢ãƒ—リケーション内ã§ç™ºç”Ÿã—ãŸãƒ‡ãƒ¼ã‚¿ã®å¤‰æ›´ãŒ
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Amazon.co.jp: CSS3&jQueryã§ä½œã‚‹ スマートフォンサイトUI図鑑 (WEB PROFESSIONAL): 礒田優 (è‘—), ä¹…ä¿çŸ¥å·± (è‘—), 近藤直人 (è‘—), æ—©å·ç¨” (è‘—), 宮田優希 (è‘—), æ ªå¼ä¼šç¤¾ã¾ã¼ã‚ã— (監修): 本
Effective web performance tuning for smartphone
PhoneGapã§æ‰‹è»½ã«iPhone/Androidアプリを作ã‚ㆠ記事一覧 | gihyo.jp
Titanium Mobileã§ä½œã‚‹ï¼ iPhoneï¼Androidアプリ 記事一覧 | gihyo.jp
{{#tags}}- {{label}}
{{/tags}}