JS開発ã«ãŠã‘ã‚‹TDDã¨è‡ªå‹•ãƒ†ã‚¹ãƒˆãƒ„ール利用ã®å‹˜æ‰€
1. JS開発ã«ãŠã‘ã‚‹ TDDã¨è‡ªå‹•ãƒ†ã‚¹ãƒˆ ツール利用ã®å‹˜æ‰€ 2012.12.06 æ ªå¼ä¼šç¤¾ãƒžãƒ”オン ä¸æ‘ 浩士 12å¹´12月5日水曜日 2. 自己紹介 ä¸æ‘ 浩士 ( @kozy4324 ) æ ªå¼ä¼šç¤¾ãƒžãƒ”オン所属 主ã«Webアプリã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º JavaScript, ActionScript 12å¹´12月5日水曜日
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”法ã®jsも入れã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“発ã§è©±é¡Œã«ãªã£ã¦ã„る「ãŸã£ãŸ2è¡Œã§IE5.5～IE8をモダンブラウザã®æŒ™å‹•ã«ã™ã‚‹é”法ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webデザイン界隈ã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8以å‰ã®ãƒ–ラウザã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚開発者泣ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—具体的ã«æ›¸ãã¨ã€ie9.jsを組ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ 属性セレクタã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
JavaScriptã§ãƒ’アドã‚ュメントを使ã†ãƒ©ã‚¤ãƒ–ラリを作ã£ãŸã€‚ - ã“ã›ãã®æŠ€è¡“日記
JavaScriptã§ãƒ’アドã‚ュメントを使ã†ãƒ©ã‚¤ãƒ–ラリを作りã¾ã—ãŸã€‚ heredoc.js http://www.teria.com/~koseki/memo/jsheredoc/heredoc.js テスト http://www.teria.com/~koseki/memo/jsheredoc/test.html 外部ファイルサンプル http://www.teria.com/~koseki/memo/jsheredoc/tests.txt 使ã„æ–¹ scriptタグ内ã«ç›´æŽ¥æ›¸ã込む使ã„æ–¹(インラインモード)ã¨ã€å¤–部ファイルをèªã¿è¾¼ã‚“ã§ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’実行ã™ã‚‹ä½¿ã„æ–¹ãŒã‚ã‚Šã¾ã™ã€‚ インラインモード <script src="heredoc.js"> # ã“ã“ã¯scriptã¨ã—ã¦è§£é‡ˆã•ã‚Œã¾ã›ã‚“。 str1 =<<EOT 複数行ã®æ–‡å—列ã§ã™ã€‚ 下ã®è¡Œã§ãŠã‚ã‚Šã§ã™ã€‚str1ã¯ã‚°ãƒãƒ¼ãƒãƒ«ã«ãªã‚Šã¾ã™ã€‚
WEB制作ã®IE対ç–ã„ã‚ã„ã‚ ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„HTML5/CSS3対応方法ãªã© | DECONCEPTER
ã‹ã‚ã„ã„ã‚ã„ã¤IEã¨ã®ä»˜ãåˆã„ Internet Explorer 通称 IEã¯ã‹ã‚ã„ã„ã‚„ã¤ã§ã‚る。ç§ã®å¿ƒã‚’掴んã§é›¢ã•ãªã„。IEã«ã¤ã„ã¦è¨€åŠã™ã‚Œã°ç«ãŒç‡ƒãˆä¸ŠãŒã‚‹ã€å˜åœ¨ãŒç‡ƒãˆã¦ã„る最強ã®ç«ç¨®ã 。 ãªãœã“ã‚“ãªã«IEã¯ã‹ã‚ã„ã„ã®ã‹ã€‚テーブルタグã§ã‚¦ã‚§ãƒ–サイトをレイアウトã™ã‚‹æ™‚代ã‹ã‚‰CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹æ™‚代ã¸ç§»è¡Œã™ã‚‹éš›ã¯IE5/IE5.5/IE6/Mac IE5.2ã§ã©ã†ã—ãŸã‚‰åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実ç¾ã§ãã‚‹ã‹ã‚’苦悩ã•ã›ã¦ãã‚ŒãŸå¼·æ•µï¼ˆã¨ã‚‚）ã ã£ãŸã€‚ 昨今ã®HTML5ãƒãƒ³ã‚¶ã‚¤WEB制作ã«ãŠã„ã¦ã¯ã€æœ€æ–°æ©Ÿèƒ½ã‚’使ã£ã¦WEBサイトを作る上ã§IEã®è¡¨ç¤ºã‚„機能をã©ã†ã™ã‚‹ã‹ã¨ã„ã†è©±é¡ŒãŒå¸¸ã«ãƒ¢ãƒã‚リã 。 ãã‚“ãªæˆ‘々ã®å¿ƒã‚’離ã•ãªã„IEã®å¯¾ç–ã‚’ã™ã‚‹ä¸Šã§ä¸€ã¤ä¸€ã¤è¡¨ç¤ºã‚’確èªã—ãªãŒã‚‰ä½œã£ã¦ã„ãŸã‚‰æ—¥ãŒãã‚Œã¦å®šå¹´ã‚’è¿Žãˆã¦ã—ã¾ã†ã€‚IE定年を迎ãˆãªã„ãŸã‚ã«ã‚る程度ã©ã†ã„ã†å¯¾å¿œãŒå¿…è¦ã‹ã‚ˆãã¾ã¨ã¾ã£ã¦ã„るサイトを見ã¦ã„ã“ã†ã¨æ€ã†ã€‚ ãƒãƒ¼ãƒˆ
Railsプãƒã‚°ãƒ©ãƒžã¯ã“れを入れれã°ã™ãã«ã‚ºãƒ«ã„デザインをã¯ã˜ã‚られã¾ã™ï¼ | mah365
先日ã®ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘デザイン勉強会ã§ç™ºè¡¨ã•ã‚ŒãŸã€Œå°‘ãªã„手間ã¨çŸ¥è˜ã§â€ãã‚Œãªã‚Šâ€ã«è¦‹ã›ã‚‹ã€ã‚ºãƒ«ã„デザインテクニックã€ï¼ˆby 赤塚ã•ã‚“）ã®ä¸ã«æ›¸ã‹ã‚Œã¦ã„ãŸSassã®Mixinã‚’Railsã§ä½¿ãˆã‚‹Gemã«ã—ã¦ã¿ã¾ã—ãŸã€‚ zurui-sass-rails: https://github.com/mahm/zurui-sass-rails sample: http://zurui-sample.herokuapp.com/ ã†ãŠãŠãšã‚‹ã„ï¼ï½— RT @mah_lab: .@ken_c_lo ã•ã‚“ã®ã‚ºãƒ«ã„デザインをGemã«ã—ã¦ã¿ã¾ã—ãŸã€‚ github.com/mahm/zurui-sas… サンプルã¯ã“ã¡ã‚‰ zurui-sample.herokuapp.com (based on github.com/machida/Custom…) — TAEã•ã‚“ (@ken_c_lo) 11月 7, 2012 @m
機能全部入りアップãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…jQueryプラグイン「Fine Uploaderã€:phpspot開発日誌
Fine Uploader a.k.a valums file-uploader 機能全部入りアップãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…jQueryプラグイン「Fine Uploaderã€ã€‚ プãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ä»˜ãã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å¾Œã®å³æ™‚サムãƒã‚¤ãƒ«è¡¨ç¤ºã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—アップãƒãƒ¼ãƒ‰ã€è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å¯¾å¿œãªã©å…¨éƒ¨å…¥ã‚Šã€‚ BootStrapã®ãƒ†ãƒ¼ãƒžã«ã‚ã‚ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚IE7移行も対応ã—ã¦ã„ã¾ã™ã€‚ モダンãªã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã‚’作るãªã‚‰ï¼‘ã¤ã®é¸æŠžè‚¢ã«ãªã‚Šãã†ã§ã™ 関連エントリ ç”»åƒé¸æŠžæ™‚ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒå‡ºã¦åˆ†ã‹ã‚Šã‚„ã™ã„進æ—付ãjQueryファイルアップãƒãƒ¼ãƒ€ãƒ¼ã€ŒjQuery File Upload Demo〠HTML5を使ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨ãƒ—ãƒã‚°ãƒ©ãƒ 集
JavaScriptã§ã†ã£ã‹ã‚Šã‚„ã£ã¦ã—ã¾ã„ãã†ãªã“ã¨è‰²ã€…
'aaaaa'.replace(/a/g, 'b') // => bbbbb Number â—parseInt()ã¯åŸºæ•°ã‚’指定ã—ãªã„ã¨å±é™º æ•°å—æ–‡å—列を整数ã«å¤‰æ›ã—ã¦ãれるparseInt()ã§ã™ãŒã€ç¬¬äºŒå¼•æ•°ã¯å¿…ãšæŒ‡å®šã—ã¾ã—ょã†ã€‚ 指定ã—ãªã„å ´åˆã€å…ˆé ãŒ0ã®å ´åˆã«æ€ã‚ã¬å€¤ã¨ãªã‚Šã¾ã™ã€‚
大è¦æ¨¡ JavaScript ãã®è¨è¨ˆã¨å®Ÿè£…ã¨ç¾å®Ÿ
1. 大è¦æ¨¡ JavaScript ãã®è¨è¨ˆã¨å®Ÿè£…ã¨ç¾å®Ÿ æ ªå¼ä¼šç¤¾Aiming ソフトウェアエンジニア 竹馬光太郎 2012/10/24@AimingStudy#6 12å¹´10月24日水曜日 2. @mizchi / Koutaro Chikuba 2012/3/1- Aiming/Software Engineer * github https://github.com/mizchi * blog http://d.hatena.ne.jp/mizchi 12å¹´10月24日水曜日
jQueryより20å€é€Ÿã„ï¼æœ€å¼·ãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ãƒ©ã‚¤ãƒ–ラリTweenMaxJS | DECONCEPTER
Flash界最強ライブラリã®ä¸€è§’ jQuery animateよりも圧倒的パフォーマンス。Flashã®æœ€å¼·ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ラリTweenMax。JavaScript版ãŒã‚ã‚‹ã®ã¯ã”å˜çŸ¥ã§ã—ょã†ã‹ã€‚ TimlineMax/Lite TweenMax/Liteã®4ã¤ã®ãƒ©ã‚¤ãƒ–ラリ群ã®ç·ç§°ã§GSAP JSã¨ã„ã†ãƒ‘ッケージ構æˆã§ã™ã€‚※è¦ãƒ©ã‚¤ã‚»ãƒ³ã‚¹æ³¨æ„（後述） ã¾ãšã¯ãã®åœ§å€’的パフォーマンスを体感ã—ã¦ãã ã•ã„。プルダウンã‹ã‚‰ä¸»è¦ãƒ©ã‚¤ãƒ–ラリをé¸ã‚“ã§ã€STARTを押ã™ã¨å³ä¸‹ã®fpsã®æ•°å€¤ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ GreenSock Animation Speed Test 豊富ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ GSAP JSã®ä¸»è¦ãªæ©Ÿèƒ½ã¨ã—ã¦ä¸‹è¨˜ã®ç‰©ãŒæŒ™ã’られã¾ã™ã€‚パララックスãªã©ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚µã‚¤ãƒˆã‚’作る上ã§ã‚‚ã¨ã¦ã‚‚ã™ã”ãé‡å®ã—ãã†ã§ã™ã€‚ ベジェアニメーション 繰り返㗠逆å†ç”Ÿ 時間指定 一時åœæ¢ フレームラベル ゆ
ãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKスタジオパークã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインãŒå‡„ã¾ã˜ãレスãƒãƒ³ã‚·ãƒ–ï¼ï¼ | ゴリミー
今ã®ã‚¦ã‚§ãƒ–デザインã®æµè¡Œã‚Šã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインã€ï¼ 昨日ã€ã¨ã‚るアプリã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦è©±ã—åˆã£ã¦ã„ãŸã®ã ãŒã€æ ªå¼ä¼šç¤¾LIGã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã‚ã£ãŸã€Œå¿…èªï¼5分ã§ã‚ã‹ã‚‹æµè¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã¾ã¨ã‚ã€ã«è¼‰ã£ã¦ã„ãŸã€ŒNHKスタジオパークã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインãŒã‚¤ã‚±ã‚¤ã‚±ã™ãŽã¦æ„Ÿå‹•ã—ãŸã®ã§ã€ç´¹ä»‹ã™ã‚‹ï¼ã“ã‚Œã¯æœ¬å½“ã«ã™ã”ã„ï¼ï¼ ã¾ãšæ™®é€šã«è¡¨ç¤ºã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚よãã‚ã‚‹3コラムベースã®ã‚¦ã‚§ãƒ–サイト。 å°‘ã—å¹…ã‚’ç‹ã‚ã‚‹ã¨ã€ä¸‹ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ç§»å‹•ã—ã€å³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸‹ã«ç§»å‹•ã—ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å³ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒå®Œå…¨ã«ç„¡ããªã£ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã‚‹ã¨ä»Šåº¦ã¯å·¦ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒæ¶ˆãˆãŸã€‚ ブラウザã®é™ç•Œã¾ã§ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å„パーツã®å¹…ã‚‚ç‹ã¾ã£ã¦ã“ã®ã‚ˆã†ãªå½¢ã«è½ã¡ç€ã„ãŸã€‚ ã“れを試ã—ã¦ã„る時ã€å„è¦ç´ ã®å‹•ããŒã‚ã¾ã‚Šã«ã‚‚滑らã‹ã§ã‚‚ã®ã™ã”ãæ„Ÿå‹•ã—ãŸã€‚皆ã•
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
自社サービスã®æ©Ÿèƒ½ã‚’ç°¡å˜ã«APIã§æ供出æ¥ã¦ã—ã¾ã†ï¼gem doorkeeperãŒå‡„ã„。 - @camelmasaã®é–‹ç™ºæ—¥è¨˜
自社サービスã«APIを実装ã™ã‚‹äº‹ã£ã¦ã‚ã¾ã‚Šãªã„ã§ã™ã‚ˆã。 kamadoã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚‚ç¾åœ¨ã¯APIã¯å…¬é–‹ã—ã¦ã¾ã›ã‚“。 ã‚‚ã—æä¾›ã™ã‚‹ã®ã§ã‚ã‚Œã°ã€ç°¡æ˜“çš„ãªæ–¹æ³•ã§ã™ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ãƒ¼ãƒ–ルã«tokenã‚«ãƒ©ãƒ ã‚’è¿½åŠ ã—ã¦ã€API用ã®ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚’作æˆã™ã‚‹â€¦ã¨ã„ã†æ–¹æ³•ãŒè€ƒãˆã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ãã®å®Ÿè£…時間ã§ã‚ˆã‚Šè‰¯ã„APIãŒå®Ÿè£…出æ¥ã‚‹ã¨ã—ãŸã‚‰ç´ 晴らã—ã„ã§ã™ã‚ˆã。 ãã“ã§ç´¹ä»‹ã—ãŸã„ã®ãŒgem doorkeeperã§ã™ã€‚ 日本語ã®è¨˜äº‹ãŒè¦‹å½“ãŸã‚‰ãªã‹ã£ãŸã®ã§è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ github https://github.com/applicake/doorkeeper gem doorkeeperã£ã¦ã©ã‚“ãªæ©Ÿèƒ½ãŒã‚ã‚‹ã®ã‹ï¼Ÿ ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€ ・アプリケーションã®ç®¡ç†æ©Ÿèƒ½ ・アプリケーションã®æ‰¿èªç®¡ç† ・スコープã®è¨å®š ã„ã£ã¦ã—ã¾ãˆã°ã€Facebook API(ã«è¿‘ã„実装)ãã®ã¾ã¾å®Ÿè£…出æ¥ã¾ã™ã€‚ ã—ã‹ã‚‚OAu
Webパフォーマンス ベストプラクティス - Make the Web Faster
Webパフォーマンス ベストプラクティス Last updated: 02 October 2012 翻訳：@t32k WebページをPage Speedã§èª¿ã¹ã‚‹ã¨ãƒ«ãƒ¼ãƒ«ã«æº–æ‹ ã—ã¦ã„ãªã„ã‚‚ã®ãŒæ示ã•ã‚Œã‚‹ã€‚ã“ã®ãƒ«ãƒ¼ãƒ«ã¨ã„ã†ã®ã¯ã€ä¸€èˆ¬çš„ã«ã‚ãªãŸãŒé–‹ç™ºæ®µéšŽã«ãŠã„ã¦å–り入れるã¹ãフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスã 。ã‚ãªãŸãŒPage Speedを使用ã—よã†ã¨ã—ã¾ã„ã¨ã€ç§ãŸã¡ã¯ã“ã®å„ルールã«ã¤ã„ã¦ã®ãƒ‰ã‚ュメントをæä¾›ã™ã‚‹ï¼ˆãŸã¶ã‚“ã¡ã‚‡ã†ã©æ–°ã—ã„サイトを開発ä¸ã§ãƒ†ã‚¹ãƒˆã™ã‚‹æº–å‚™ãŒæ•´ã£ã¦ãªã„ã ã‚ã†ï¼‰ã€‚ã‚‚ã¡ã‚ã‚“ã€ã“れらã®ãƒšãƒ¼ã‚¸ã¯ã„ã¤ã§ã‚‚å‚ç…§ã™ã‚‹ã“ã¨ãŒã§ãる。ç§ãŸã¡ã¯ã‚ãªãŸã®é–‹ç™ºãƒ—ãƒã‚»ã‚¹ã«å–り入れã¦ã‚‚らã†ãŸã‚ã«ã€ã“ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスを実装ã™ã‚‹ãŸã‚ã®æ˜Žç¢ºãªãƒ†ã‚£ãƒƒãƒ—スã¨æ案をæä¾›ã™ã‚‹ã€‚ パフォーマンス ベストプラクティスã«ã¤ã„㦠Page Speedã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã‹ã‚‰ã®è¦³ç‚¹ã§ãƒ‘フォーマンスを評価ã—ã€ä¸€èˆ¬çš„ã«ãƒšãƒ¼
iOS6ã®Safariã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã‚‹HTML5ã®æ©Ÿèƒ½ | DevelopersIO
以å‰ã€HTML5ã§ã‚«ãƒ¡ãƒ©ã‚„GPSãªã©ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã‚‰ã§ã¯ã®æ©Ÿèƒ½ãŒã©ã“ã¾ã§ä½¿ãˆã‚‹ã®ã‹èª¿ã¹ã¾ã—ãŸã€‚ 最近ã€iPhone5ã‚’è²·ã£ãŸã®ã§ä»Šåº¦ã¯iOS6ã®Safariã§ã‚µãƒãƒ¼ãƒˆã•ã‚ŒãŸHTML5ã®æ©Ÿèƒ½ã‚’試ã—ã¦è¦‹ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 試ã—ãŸã®ã¯ä»¥ä¸‹ã®5ã¤ã§ã™ã€‚iPhoneã§ç¢ºèªã§ãるよã†ã«ã‚µãƒ³ãƒ—ルを作ã£ãŸã®ã§è©¦ã—ã¦ã¿ã¦ä¸‹ã•ã„。 ファイルアクセス(File API)ã¨ã‚«ãƒ¡ãƒ©(HTML Media Capture) 音声処ç†ãƒ»åˆæˆ(Web Audio API) アニメーション(Animation Timing API) CSS Filter Effects Remote Debugger ■ファイルアクセス(File API)ã¨ã‚«ãƒ¡ãƒ©(HTML Media Capture) ファイルアクセスã¨ã‚«ãƒ¡ãƒ©é€£æºã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚iOS6ã§ã¯File APIã®æ›¸ãæ–¹ã§ã‚«ãƒ¡ãƒ©ã‚‚使ãˆã¾ã—ãŸã€‚ [ファイルをé¸æŠž]ボタンを押ã™ã¨
タグマãƒã‚¸ãƒ¡ãƒ³ãƒˆãƒ„ール「Googleタグマãƒãƒ¼ã‚¸ãƒ£ï¼ˆTag Manager）ã€ã«ã¤ã„ã¦ã®ç´¹ä»‹ | ã‚¢ãƒ¦ãƒ€ãƒ³ãƒ†æ ªå¼ä¼šç¤¾
ç¾åœ°æ™‚é–“ã®2012å¹´10月1æ—¥ã€æ—¥æœ¬æ™‚é–“ã§ã¯10月2æ—¥ã«Googleã‹ã‚‰æ–°ãŸãªWebサイトå‘ã‘ツール「Google Tag ManagerTMã€ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ã“ã‚Œã¯GoogleアナリティクスTMやコンãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¿ã‚°ãªã©ã¨ã„ã£ãŸã€ŒHTMLã«å·®ã—込んã§ä½¿ç”¨ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã€ã‚’HTMLã‹ã‚‰å¤–部化ã—ã¦ã€ä¸€å…ƒç®¡ç†ã™ã‚‹ãŸã‚ã®ã„ã‚ゆるタグマãƒã‚¸ãƒ¡ãƒ³ãƒˆãƒ„ールã§ã™ã€‚ 今ã¾ã§ã®Googleã®ãƒ„ールã¨æ¯”較ã™ã‚‹ã¨å°‘々使ã„æ–¹ãªã©ãŒç‰¹æ®Šã§ã€äººã«ã‚ˆã£ã¦ã¯åˆ†ã‹ã‚Šã¥ã‚‰ãæ„Ÿã˜ã‚‹æ–¹ã‚‚ã„らã£ã—ゃるã‹ã¨æ€ã„ã¾ã™ã®ã§ã–ã£ãã‚Šã¨ã—ãŸç´¹ä»‹ã‚’ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 「HTMLã«åŸ‹ã‚込むコードã€ã‚’一元管ç†ã™ã‚‹ãŸã‚ã®ãƒ„ール 具体的ã«ã¯ã€å¤–部ツールãŒç”Ÿæˆã—ãŸã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ã‚‹ 実際ã«ä½¿ã£ã¦ã¿ã‚ˆã† 使用準備（åˆæœŸè¨å®šï¼‰ Google Tag Managerコードã®åŸ‹ã‚込㿠既å˜HTMLã‹ã‚‰åŸ‹ã‚込んã§ã„る他ツールã®ã‚³ãƒ¼ãƒ‰ã‚’切り出㗠「タグã€ã¨ã€Œãƒ«ãƒ¼ãƒ«
iOS6 Mobile SafariãŒAjax POSTã§ã‚ャッシュã™ã‚‹å•é¡Œã‚’回é¿ã™ã‚‹æ–¹æ³• | DevelopersIO
iOS6出ãŸï¼ iOS6ãŒå‡ºæ¥ã¾ã—ãŸã。社内ã§ã¯iPhone5を入手ã—ãŸç¤¾å“¡ãŒLTEã®é€Ÿåº¦ã«é©šã„ã¦ã„ã¾ã—ãŸã€‚ç§ã¯ã¾ã iPhone4Sã§ã™ãŒã€iOS6ã«ã—ã¦æ–°ã—ã„機能を楽ã—ã‚“ã§ã„ã‚‹ã¨ã“ã‚ã§ã™ã€‚ã•ã¦ã€iOS6ã«ã—ã¦Safariã®ä»•æ§˜ãŒå¤‰ã‚ã£ã¦å›°ã£ãŸã¨è¨€ã£ãŸæŠ•ç¨¿ãŒæµ·å¤–ã®ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã§æŒ™ã£ã¦ã„ã¾ã™ã€‚ãれもã€åŸºæœ¬çš„ãªPOST通信ã«ã¤ã„ã¦ã§ã™ã€‚ã“ã‚Œã¯å›°ã£ãŸã¨ã„ã†ã“ã¨ã§ã€å‹•ä½œã‚’確èªã—ã¦å¯¾ç–方法ã«ã¤ã„ã¦ã‚·ã‚§ã‚¢ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã©ã‚“ãªæ™‚ã«POSTã‚’ã‚ャッシュã™ã‚‹ï¼Ÿ ã¾ãšã¯ã©ã‚“ãªçŠ¶æ³ã‹ç¢ºèªã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Cache-Controlã‚‚Expiresã‚‚ç„¡ã„å ´åˆã€€ï¼šã€€iOS6 Mobile Safariã¯POSTã‚’ã‚ャッシュã™ã‚‹ Cache-Control max-age=0指定 㨠Expires指定　：　iOS6 Mobile Safariã¯POSTã‚’ã‚ャッシュã™ã‚‹ Cache-Control: no-
スマホサイトã«å…¥ã‚Œã‚‹ã¨ä½¿ã„ã‚„ã™ããªã‚‹ï¼ãŠã™ã™ã‚jQuery4é¸ï¼ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã©ã†ã‚‚ã€ã¯ã‚„ã¡ã§ã™_(:3ã€âˆ )_ スマホã«ä½¿ã†ã¨ã‚ˆã‚Šã‚µã‚¤ãƒˆãŒè¦‹ã‚„ã™ããªã‚‹jQueryã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ アコーディオン アコーディオンã¿ãŸãé–‹é–‰å¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jsã§ã™ã€‚ 記事ã®å¤šã„コンテンツをã¾ã¨ã‚ã‚‹ã®ã«ä¾¿åˆ©ã§ã™ã。 â– å‹•ãã‚’ã¿ã‚‹ HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚スト</dd> <dd class="acordion_tree">テã‚ストテã‚ストテã‚ストテã‚スト テã‚ストテã‚ストテã‚ストテã‚スト</dd> <dd class="acordion_tree">テã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
A/BテストãŒãƒ“ジãƒã‚¹ãƒ«ãƒ¼ãƒ«ã‚’変ãˆã¦ã„ã（ã‚ã‚‹ã„ã¯ã€ã¼ãらã®äººç”Ÿã™ã‚‰ã‚‚？）
地ç„ã®JavaScriptã‚»ã‚ュリティ
nicoapi.com
{{#tags}}- {{label}}
{{/tags}}