TypeScriptã®è¨å®šã®è‰¯ã—悪ã—You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Visual Studio Code 㯠JavaScript 開発ãŒè¶…絶便利ã«ãªã‚‹å¯èƒ½æ€§ã‚’秘ã‚ã¦ã„ã‚‹ï¼
Visual Studio Code 㯠JavaScript 開発ãŒè¶…絶便利ã«ãªã‚‹å¯èƒ½æ€§ã‚’秘ã‚ã¦ã„ã‚‹ï¼ ã‚¯ãƒã‚¹ãƒ—ラットフォームã§ã‚ªãƒ¼ãƒ—ンソース㪠IDE 環境ã€Visual Studio Code ãŒå…¬é–‹ã•ã‚ŒãŸã®ã§è©¦ã—ã¦ã¿ãŸã€‚ 拡張を入れãªãã¦ã‚‚ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ JavaScript ã®ã€Œè‡ªå‹• Lintã€ã€ŒGruntã€Gulp 連æºã€ã€Œãƒ‡ãƒãƒƒã‚°ã€ãŒå‹•ã„ãŸã€‚ãªã‚“ã ã‹ã™ã”ã便利ãã†ãªäºˆæ„Ÿã€‚ Windows 環境ã§èµ·å‹•ã—ã¦ã¿ãŸã‚‰ã“ã‚“ãªç”»é¢ã ã£ãŸã€‚ ãªã‚“ã‹é»’ã„ãŒã€è‰²ã¯å¥½ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã—ã€ãƒ—リセットã‹ã‚‰ã‚‚é¸ã¹ã‚‹ã€‚ フォルダーを開ãã“ã¨ã‹ã‚‰å§‹ã¾ã‚‹ Visual Studio Code ã«ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ¦‚念ã¯ãªã„。 [File] > [Open Folder] ã‹ã‚‰ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‚’é–‹ã‘ã°ã‚ˆã„。 ãŸã‚ã—ã«ã€éŽåŽ»ã«ä½œã£ãŸ Node.js 製㮠livereloadx ã®ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‚’é–‹ã„ã¦ã¿ãŸã€‚ å·¦å´ã«
jQueryã¨CSSã®transitionã§å¯è¦–範囲ã«å…¥ã£ã¦ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ–¹æ³•
å¯è¦–範囲ã«ãªã£ã¦ã‹ã‚‰è¡¨ç¤ºã•ã‚ŒãŸã‚Šå‹•ã„ãŸã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚å‹•ãã‚’ã¤ã‘ã¦ç›®ã‚’引ãã“ã¨ã§ã€åŠ¹æžœçš„ã«ä¼ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 以å‰ã€ã€ŒjQueryを使ã£ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç¾ã‚ŒãŸã¨ãã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã¿ã‚‹ï½œWebparkã€ã¨ã„ã†è¨˜äº‹ã§åŒã˜ã‚ˆã†ãªã‚‚ã®ã‚’紹介ã—ãŸã®ã§ã™ãŒã€ãƒ‡ãƒ¢ãŒæ°—ã«å…¥ã£ã¦ã„ãªã„ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒ1度ãã‚Šã¨ã„ã†ã“ã¨ã§ä½œã‚Šå¤‰ãˆã¾ã—ãŸã€‚ ã¾ãšã¯ã‚µãƒ³ãƒ—ルをã”覧ãã ã•ã„。スクãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¢ã‚¤ã‚³ãƒ³ã¨ãƒ†ã‚ストãŒé †ç•ªã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¾ã™ã€‚ ã“ã®ã‚µãƒ³ãƒ—ルã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€ç”»é¢ã„ã£ã±ã„ã«è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¨ã€ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã¨ãã«ç¾ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ä»¥å‰ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚æ°—ã«ãªã‚‹æ–¹ã¯ã©ã†ãžã€‚ ç”»é¢ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦é«˜ã•ã‚’指定ã™ã‚‹3ã¤ã®æ–¹æ³•ï½œWebpark jQueryã§ä½œã‚‹ã€ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§æ¶ˆãˆã¦ã€ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ç¾ã‚Œã‚‹å›ºå®šãƒ¡ãƒ‹ãƒ¥ãƒ¼ï½œWebpark ã¨ã„
会社をプãƒã‚°ãƒ©ãƒžãƒ¼ç›®ç·šã§ãƒã‚§ãƒƒã‚¯ã™ã‚‹ - komagataã®ãƒ–ãƒã‚°
9月1æ—¥ã‹ã‚‰æ ªå¼ä¼šç¤¾Blaboã§é€±2æ—¥ã§åƒã„ã¦ã„ã¾ã™ã€‚Blabo開発ã€é–‹ç™ºãƒãƒ¼ãƒ 構築ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãƒªã‚¯ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãŒãŠä»•äº‹ã§ã™ã€‚æµè¡Œã‚Šã®æš«å®šCTOçš„ãªã‚„ã¤ã§ã™ã€‚1ヶ月ã§é–‹ç™ºãŒå›žã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸã®ã§ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®å‹Ÿé›†ã‚’開始ã—ã¾ã—ãŸã€‚ ã—ã‹ã—ã€äººäº‹éƒ¨ã®å‡ºã™ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼å‹Ÿé›†ã£ã¦ãŠã‚Œã‚‰ï¼ãŠã¾ãˆã‚‰çš„ã«å˜˜ãã•ã„ã—ã€çŸ¥ã‚ŠãŸã„æƒ…å ±ã˜ã‚ƒãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ 「プãƒã‚°ãƒ©ãƒžãƒ¼ã¨ã—ã¦å…¥ç¤¾ã‚’検討ã—ã¦ã„る会社ã«ã¤ã„ã¦çŸ¥ã‚ŠãŸã„ã“ã¨ã€ ã¨ã„ã†è¦–点ã‹ã‚‰ç‹¬è‡ªã®èª¿æŸ»ã‚’ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Rubyã¨Railsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 100人ä¸65535人ã®Railsプãƒã‚°ãƒ©ãƒžãƒ¼ãŒã€ä¼šç¤¾ã‚’é¸ã¶æ™‚ã¯çµ¦ä¸Žã‚„ç¦åˆ©åŽšç”Ÿã§ã¯ãªãã€ã¾ã—ã¦ã‚„会社ã®ãƒ“ジョンã§ã‚‚ãªã〠「使ã£ã¦ã„ã‚‹Rubyã¨Railsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§æ±ºã‚る〠ã¨ç”ãˆã¦ã„ã¾ã™ï¼ˆç¢ºä¿¡ï¼‰ Gemfileを見ã¦ã¿ã¾ã—ãŸã€‚ source "https://rubygems.org" ruby
npm ã¨ã‹ bower ã¨ã‹ä¸€ä½“何ãªã‚“ã よï¼Javascript 界隈ã®æ–‡è„ˆã‚’ç†è§£ã—よㆠ- Qiita
背景 Javascript 㧠Web アプリを作ã‚ã†ã¨ã™ã‚‹ã¨ã€ã‚ˆãã‚ã‹ã‚‰ãªã„ã“ã¨ã らã‘ã§è¶…æ··ä¹±ã—ã¾ã™ã€‚ npm 㨠bower ã®é•ã„ã¯ï¼Ÿ npm ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ç”¨ã€bower ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ç”¨ã‚‰ã—ã„よ ãˆã£ã€ã§ã‚‚ãªã‚“㧠bower ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã« npm ãŒå¿…è¦ãªã®ï¼Ÿ サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ Rails ã§æ›¸ããŸã„ã‹ã‚‰ npm è¦ã‚‰ãªã„ã¨æ€ã†ã‚“ã ã‘ã©ãƒ»ãƒ»ãƒ» ã¦ã„ã†ã‹ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JSã¨ã‹ node.js ã£ã¦ä½•ï¼Ÿ よã見る browserify ã£ã¦ä½•ï¼Ÿ ã“ã†ã„ã£ãŸç–‘å•ãŒæ²¸ã上ãŒã‚‹ã®ã¯ã€å„ツールãŒç”Ÿã¾ã‚ŒãŸæ–‡è„ˆãŒã‚ˆãã‚ã‹ã£ã¦ã„ãªã„ã‹ã‚‰ã§ã™ã€‚ã„ã‚ã„ã‚調ã¹ã¦ã‚„ã£ã¨ã¡ã‚‡ã£ã¨ã‚ã‹ã£ã¦ããŸã®ã§ãƒ¡ãƒ¢ã—ã¾ã™ã€‚é–“é•ã„ãŒã‚ã£ãŸã‚‰ã”指摘ãã ã•ã„。 「CommonJSã€èª•ç”Ÿ - Javascript ã¯æ±Žç”¨ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¸ ãã®æ˜”ã€Javascript 大好ããŠã˜ã•ã‚“ã¯è¨€ã„ã¾ã—ãŸã€‚ Javascrip
ブラウザ内ã§50万件ã®ãƒ†ãƒ¼ãƒ–ルもサクサクã§è¡¨ç¤ºã§ãるよã†ã«ã™ã‚‹ã€ŒClusterize.jsã€:phpspot開発日誌
Clusterize.js ブラウザ内ã§50万件ã®ãƒ†ãƒ¼ãƒ–ルもサクサクã§è¡¨ç¤ºã§ãるよã†ã«ã™ã‚‹ã€ŒClusterize.js〠ブラウザ内ã®DOMã«ï¼•ï¼ä¸‡ä»¶ã‚’èªã‚€ã¨ã„ãら高速ãªãƒ–ラウザã§ã‚‚ãƒãƒ³ã‚°ã—ãŸã‚Šã—ãã†ã§ã™ãŒã€ã“ã¡ã‚‰ã‚’使ãˆã°å•é¡Œãªã50万件ã®ãƒ‡ãƒ¼ã‚¿ã‚‚èªã¿è¾¼ã‚“ã§è¡¨ç¤ºãŒå‡ºæ¥ã¾ã™ DOMæ§‹é€ ã‚’50万件作るã®ã§ã¯ãªãã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦DOM内を書ãæ›ãˆã¦ã„ã‚‹ã®ãŒãã®ä»•çµ„ã®ã‚ˆã†ã§ã™ã€‚ 大é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’ブラウザ上ã§ä¸€æ°—ã«è¡¨ç¤ºã—ãŸã„å ´åˆã«ä¾¿åˆ©ãã†ã§ã™ 関連エントリ 高機能＆高速ãªãƒ†ãƒ¼ãƒ–ル実装jQueryプラグイン「WATable〠テーブルをGoogle Chartsを使ã£ã¦å¤šæ§˜ãªã‚°ãƒ©ãƒ•ã«å¤‰æ›ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€ŒChartinator〠HTMLテーブルを JSONã€XMLã€PNGã€CSVã€PDFãªã©ã‚らゆる形å¼ã«å¤‰æ›ã§ãる「HTML table Export〠レスãƒãƒ³ã‚·ãƒ–ã«è¦ç´ を消ã•ãšã«å¤‰å½¢ã™ã‚‹ãƒ†ãƒ¼ãƒ–ル
汎用性é‡è¦–ã®ãƒ†ãƒ¼ãƒ–ルフィルタリング系 jQuery プラグイン | CYOKODOG
汎用性をé‡è¦–ã—ãŸãƒ†ãƒ¼ãƒ–ルフィルタリング系㮠jQuery プラグインã§ã™ã€‚ 実装ã®åŸºæœ¬æ€æƒ³ã¯ä»¥å‰æ›¸ã„ãŸã€ŒjQuery ã«ã‚ˆã‚‹ã‚·ãƒ³ãƒ—ルãªãƒ†ãƒ¼ãƒ–ルフィルタリング処ç†ã®å®Ÿè£…を考ãˆã¦ã¿ã‚‹ã€ã«åŸºã¥ã„ã¦ã¾ã™ã€‚ å¤‰æ›´å±¥æ´ v0.5 フィルタæ¡ä»¶ã®å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’自動生æˆã™ã‚‹æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ Excel ã®ã‚ªãƒ¼ãƒˆãƒ•ã‚£ãƒ«ã‚¿ã®ã‚ˆã†ãªãƒ—ルダウンã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ã‚ˆã‚‹æ¡ä»¶å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®è‡ªå‹•ç”Ÿæˆæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ QueryString ã«ã‚ˆã‚‹ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ Bootstrap3 対応。 ä½¿ç”¨æ‰‹é †ã®èª¬æ˜Žã€ãƒ‡ãƒ¢ã‚’大幅刷新ã—ã¾ã—ãŸã€‚ v0.4 １ã¤ã®æ¡ä»¶å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’複数カラムã«å¯¾ã—é©ç”¨ã—ãŸå ´åˆã€å½“該フィールドã«ã¤ã„ã¦ã¯ OR æ¡ä»¶ã§ãƒ•ã‚£ãƒ«ã‚¿ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ãŸã€‚ v0.3 プラグインã®å®Ÿè¡Œæ™‚ã€ãƒ‘ラメータåを指定ãœãšãƒ•ã‚£ãƒ«ã‚¿ãƒ¼è¦ç´ ã®ã¿ã‚’指定ã§ãるよã†ã«ã—ãŸã€‚ $(‘table’
Ajaxを劇的ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascript界隈ã§ãƒ•ãƒ¬ãƒ¼ãƒ ワーク戦争ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚クライアント開発ã®è¦æ¨¡ã‚‚年々大ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’管ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚昨年ã¾ã§Angularã¨backboneを試ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCを作るMVCã®2階建ã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚フレームワークãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚一苦労ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ームã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebook発ã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—出ã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’使ã£ã¦è‰²ã€…調ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Rails以æ¥ã®è¡æ’ƒ 色々試ã—ã¦
今話題ã®React.jsã¯ã©ã®ã‚ˆã†ãªWebアプリケーションã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To React─ Frontrend Conference
今話題ã®React.jsã¯ã©ã®ã‚ˆã†ãªWebアプリケーションã«é©ã—ã¦ã„ã‚‹ã‹ï¼Ÿ Introduction To React─ Frontrend Conference å¤–æ‘ å’Œä»ï¼ˆæ ªå¼ä¼šç¤¾ ピクセルグリッド） 本記事ã¯ã€2015/2/21ã«è¡Œã‚ã‚ŒãŸFrontrend Conferenceã®ã€ŒIntroduction To Reactã€ã®å†…容を紹介ã—ã¾ã™ã€‚ 当日ã®è³‡æ–™ã¯ä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„。 Introduction To React // Speaker Deck React.jsã¨ã¯ä½•ã‹ React.jsã¯Facebook製ã®JavaScriptライブラリã§ã™ã€‚ http://facebook.github.io/react/ å…¬å¼ã‚µã‚¤ãƒˆã«ã€ã€ŒA JavaScript library for building user interfacesã€ã¨ã‚るよã†ã«ã€R
Amaze: Empowering Creators to Sell Anything, Anywhere
Create any product you can imagine and sell it everywhere. We remove the roadblocks—supply chain, global shipping, and customer service—so you can focus on your creativity. With automatic storefronts on platforms like YouTube, TikTok and more, your fans can easily buy what they love from you. You create. We handle the rest.
JavaScriptã§ã‚ªãƒ–ジェクト志å‘çš„ã«ã€MVCçš„ã«æ›¸ã - 憧れ駆動開発
完全ã«æ‰‹ç¶šãçš„ã«æ›¸ãã¨ã„ã†ã‚ˆã‚Šã€ã™ã“ã—MVCã¨ã„ã†ã‹MVVCçš„ãªæ§‹é€ ã«åˆ‡ã‚Šåˆ†ã‘ã¦ã‹ã„ãŸã‚‰ã„ã„ã®ã§ã¯ã¨ã„ã†å†…容。ãƒãƒ©è£ã«ç§»å‹•ã•ã›ãŸ
WebViewã‹ã‚‰JavaScriptをコールã—ãŸã‚Š
Androidã¨ã‹iPhoneã®ã‚¢ãƒ—リ開発ã¯WebViewを使ã£ãŸWebアプリãŒå¢—ãˆã¦ã„ãæ„Ÿã˜ãŒã‚ã‚‹ãŒã€ WebViewã ã‘ã ã¨èªã¿è¾¼ã¿ãŒé…ã„ã¨ã‹ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒæ‚ªã„ã¨ã‹ã¾ã ã¾ã Nativeã§ä½œã£ãŸæ–¹ãŒãƒ¦ãƒ¼ã‚¶ã¨ã—ã¦ã¯ã‚¹ãƒˆãƒ¬ã‚¹ãŒå°‘ãªã„ã‚‚ã®ãŒä½œã‚Œã‚‹ã‚ˆã†ãªæ°—ãŒã™ã‚‹ã€‚ HTML5ã§ã‚¢ãƒ—リãŒWebアプリã«ãªã£ãŸã¨ã—ã¦ã‚‚ãªã‹ãªã‹ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®éƒ¨åˆ†ã¯è§£æ±ºãŒé›£ã—ã„ã®ã§ã¯ãªã„ã‹ãªï¼Ÿã¨ã„ã†ã®ãŒå€‹äººçš„ãªå°è±¡ã€‚ ãã‚“ãªã¨ãã«ã¯Nativeã¨WebViewã®çµ„ã¿åˆã‚ã›ã§ã‚¢ãƒ—リを作ã‚ã†ã¨ã™ã‚‹å ´åˆãŒã‚ã‚‹ã¨æ€ã†ã€‚ 両者を橋渡ã—ã™ã‚‹ã“ã¨ã«ãªã‚‹ã®ã¯JavaScriptã«ãªã‚Šãã†ã ã‘ã©ã€ãã‚Œãžã‚Œã®ãƒ—ラットフォームã§ã‚³ãƒ¼ãƒ«ã®ä»•æ–¹ã¨ã‹é•ã†ã¿ãŸã„ãªã®ã§å°‘ã—調ã¹ã¦ã¿ãŸã€‚ Androidã¨iPhoneを比ã¹ã‚‹ã¨ Nativeã‹ã‚‰JSを呼ã³å‡ºã™ã®ã¯iPhoneã®ãŒæ•´ã£ã¦ã„㦠JSã‹ã‚‰Nativeを呼ã³å‡ºã™ã®ã¯Androidã®æ–¹ãŒæ•´ã£ã¦ã„ã‚‹å°è±¡ã€‚
ã‚ãªãŸã®ä½œæ¥ã‚’音速ã«ã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„WEB屋ã®ä½œæ¥ã‚¹ãƒ”ードを上ã’ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆå¤§é‡ç´¹ä»‹ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ã“ã®ãƒ–ãƒã‚°ãŒãƒ•ãƒãƒ³ãƒˆã«é–¢ã™ã‚‹è¨˜äº‹ãŒå¤šã„ã‚‚ã‚“ã ã‹ã‚‰ã€ãŸã¾ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã‚“ã§ã™ãŒã€åƒ•ã¯æ¥å‹™ã¨ã—ã¦ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚ˆã‹åˆ¶ä½œãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã®æ–¹ãŒã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°ãƒ¡ã‚¤ãƒ³ãªã‚“ã§ã™ã‚ˆã。 ãã‚“ãªãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦ã®å½¹å‰²ã®ä¸€ã¤ã«ã€å‘¨ã‚Šã«ã„る優れãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„プãƒã‚°ãƒ©ãƒžãƒ¼ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーã®æ¥å‹™åŠ¹çŽ‡ã‚’考ãˆã‚‹ã“ã¨ãŒæŒ™ã’られã¾ã™ã€‚ 何をå–ã‚‹ã‚ã‘ã§ã‚‚ãªãä¸é€”åŠç«¯ãªåƒ•ã§ã™ãŒã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦å‘¨ã‚Šã®å„プãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã®å½¹ã«å°‘ã—ã§ã‚‚ç«‹ã¦ã‚Œã°ã¨ã€ãã—ã¦åˆ¶ä½œã™ã‚‹ä¸Šã§ã®åŠ¹çŽ‡ã‚’å‘上ã•ã›ã‚‹ã¹ãè‰²ã€…æƒ…å ±åŽé›†ã‚’ã™ã‚‹ä¸ã§ã€ã‚ˆããƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®å˜åœ¨ã‚’ç›®ã«ã—ã¾ã™ã€‚（ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã£ã¦ã©ã‚Œã ã‘æ™®åŠã—ã¦ã‚‹ã®ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ã¤ã¾ã‚Šã‚«ãƒ³ãƒ‹ãƒ³ã‚°ãƒšãƒ¼ãƒ‘ーã®ã“ã¨ã‚‰ã—ã„ã§ã™ã€‚） WEB屋ã«ã¨ã£ã¦ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã£ã¦ã€ã©ã‚Œã ã‘優れãŸæŠ€è¡“力やデザイン力をæŒã£ã¦ã„ã¦ã‚‚ã€ä½•ã‹ã—ら新ã—ã„発見ãŒã‚る物ã§ã™ã‚ˆã。以å‰æ›¸ã‹ã›ã¦ã‚‚らã£ãŸæ™‚é–“ã®ä¾¡å€¤ã¯äººã«ã‚ˆã£ã¦é•ã†ï¼
スマートフォンサイトã«ãƒ•ãƒªãƒƒã‚¯ãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—実装ã§ãã‚‹jQueryスライダプラグイン
※コメントã«ã‚‚é ‚ã„ã¦ãŠã‚Šã¾ã™ãŒã€ã“ã®å…¬é–‹ç‰ˆã¯ãƒã‚°ãŒã‚ã‚Šã¾ã™ã®ã§ã€æ‰¿çŸ¥ã®ä¸Šã§ã”利用ã«ãªã‚‹ã‹ã€ã”自身ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚Œã‚‹æ–¹ãŒãŠä½¿ã„ãã ã•ã„。 スマートフォンサイトã«ãŠã„ã¦ã€å·¦ã®ãƒ ービーã®ã‚ˆã†ãªãƒ•ãƒªãƒƒã‚¯å‹•ä½œãŒã§ãã‚‹ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã®jQueryプラグインを作りã¾ã—ãŸã€‚（ムービーã¯iOSシミュレータã«ã‚ˆã‚‹ãƒ‡ãƒ¢ã§ã™ï¼‰iPhone・Androidã§ã”覧ã®æ–¹ã¯ãƒ‡ãƒ¢ã«ç›´æŽ¥ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ãã ã•ã„（ムービーã¯å†ç”Ÿã•ã‚Œã¾ã›ã‚“）。 ã€ãƒ‡ãƒ¢ã‚’見る（iPhone・Androidã§è¦‹ã¦ãã ã•ã„）】 ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‘ ãªãœãƒ—ラグイン化ã—ãŸã‹ 横å‘ã対応ãŒãƒãƒ¼ãƒ‰ãƒ«ã‚’高ãã™ã‚‹ ã”自身ã§ã“ã®æ‰‹ã®UIを組んã 経験ãŒã‚ã‚‹æ–¹ã¯ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€çµ¶å¯¾é…置（position:absolute）を使ã£ãŸãƒªã‚ッドレイアウトを組むã®ã¯ãªã‹ãªã‹æ‰‹ã®è¾¼ã‚“ã ã“ã¨ãŒå¿…è¦ã§ã€ä»Šå¾Œã®ä»•äº‹ã§éƒ½åº¦ã‚¼ãƒã‹ã‚‰UI作æˆã‚’è¡Œã†ã®ã¯åŠ¹çŽ‡ãŒæ‚ªããªã£ã¦ã—ã¾ã†ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚
[JS]ホãƒãƒ¼æ™‚ã«å…‰æºãŒç§»å‹•ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã£ã“ã„ã„スクリプト
マウスã®ãƒ›ãƒãƒ¼æ™‚ã«ã€å…‰æºãŒã‚«ãƒ¼ã‚½ãƒ«ã«è¿½å¾“ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã£ã“ã„ã„スクリプトをcoders.meã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
for 文を setTimeout ã«å¤‰æ›ã™ã‚‹ - IT戦記
for 文㧠100 é …ç›®ã¨ã‹ 1000 é …ç›®ã¨ã‹ã‚るテストケースを処ç†ã™ã‚‹ã¨ãƒ–ラウザãŒå›ºã¾ã‚‹ã€‚ ã“ã‚“ãªãƒ€ã‚¤ã‚¢ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ for 文を setTimeout ã‚„ setInterval ã«å¤‰æ›ã™ã‚‹äº‹ã§å®šæœŸçš„ã«ãƒ–ラウザã«å‡¦ç†ã‚’戻ã™ã“ã¨ãŒã§ãる。 // ã“ã“ã§ã¯ console.log ã®ã¨ã“ã‚ã§ãƒã‚°ã‚’å–ã£ã¦ã¾ã™ãŒ // 通常ã¯å‡¦ç†ãŒå…¥ã‚Šã¾ã™ã€‚ for (var i = 0; i < 3; i ++) { console.log('a' + i); } /* * çµæžœ * a0 * a1 * a2 */ ã“れをã¾ãš while æ–‡ã«å¤‰æ› var i = 0; while (true) { if (!(i < 3)) break; console.log('a' + i); i ++; } /* * çµæžœ * a0 * a1 * a2 */ ã§ã€ setTimeout ã«
jQueryã®ãƒ†ã‚¹ãƒ†ã‚£ãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ワークQUnit (ã§ãƒã¹ã‚ã£ã±ãƒ¼ãšãƒ»ã•ã„ã©)
jQueryã®Subversionリãƒã‚¸ãƒˆãƒªã«testフォルダãŒã‚ã£ã¦ã€jQuery自身ã®ãƒ†ã‚¹ãƒˆãŒç´ã‚られã¦ã„ãŸã®ã§ã™ãŒã€ãã“ã§ä½¿ã‚ã‚Œã¦ã„るテスティングフレームワークãŒQUnitã¨ã—ã¦ãƒˆãƒƒãƒ—レベルã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãªã£ãŸã‚ˆã†ã§ã™ã€‚ QUnit - jQuery JavaScript Library ã“れを使ã†ã¨ç°¡å˜ã«jQueryプラグインã®ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‘ã¡ã‚ƒã„ã¾ã™ã€‚ 使ã„æ–¹ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ æä¾›ã•ã‚Œã¦ã„るメソッド test( name, test ) : nameã«ãƒ†ã‚¹ãƒˆã®å称ã€testã«ã¯å®Ÿè¡Œã™ã‚‹ãƒ†ã‚¹ãƒˆã‚’関数ã®å½¢ã§æ¸¡ã—ã¾ã™ã€‚ module( name ) : テストã®é€”ä¸ã§ã€ãƒ†ã‚¹ãƒˆå¯¾è±¡ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„関数ã®ç›®å°ã‚’付ã‘ãŸã„ã¨ãã«ä½¿ã„ã¾ã™ã€‚nameã«ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®å称を渡ã—ã¾ã™ã€‚ ok( state, message ) : stateãŒtrueãªã‚‰OKã€falseãªã‚‰NGã¨ã„ã†åˆ¤å®šã«ãªã‚Šã¾ã™
bookreader.js
bookreader.jsã¯ã€é•·æ–‡ã‚’縦スクãƒãƒ¼ãƒ«ã§ã¯ãªãã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã—èªã¿ã‚„ã™ãã™ã‚‹JavaScriptライブラリã§ã™ã€‚ →プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ›ãƒ¼ãƒ (Google Code) - New!! →ダウンãƒãƒ¼ãƒ‰(ver 0.4.6) - 2009/04/18公開 ※ダウンãƒãƒ¼ãƒ‰ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’ã”覧下ã•ã„。 ã¾ãšã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã§ä½“験ã—ã¦ã¿ã¦ä¸‹ã•ã„。ã‚ーボードã®[→]/[â†]ã‚ーãŒã€ã€Œé€²ã‚€ã€ã‚ã‚‹ã„ã¯ã€Œæˆ»ã‚‹ã€ã«å¯¾å¿œã—ã¾ã™ã€‚ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€åŠé€æ˜Žã®â–¶/◀ボタンをクリックã—ã¦ã‚‚OKã§ã™ã€‚使ã„æ–¹ã®è©³ç´°ã¯ã€Œãƒ˜ãƒ«ãƒ—ã€ã‚’å‚ç…§ãã ã•ã„。 次期ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é–‹ç™ºçŠ¶æ³ 幸ã„ã«ã—ã¦ã•ã¾ã–ã¾ãªæ–¹ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ãれを元ã«æ©Ÿèƒ½ã®çµžã‚Šè¾¼ã¿ã¨WEBサイトã¸ã®ã€Œçµ„è¾¼ã¿æ–¹ã€ã«ã¤ã„ã¦æ¤œè¨Žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã¾ã ã€å®Ÿè£…ã®æ–¹é‡ãŒå®šã¾ã£ãŸã€ã¨ã„ã†æ®µéšŽã§ã™ãŒæ¬¡æœŸ0.8.xç³»ã®ã‚µ
jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’良ãã™ã‚‹5ã¤ã®TIPS
jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’良ãã™ã‚‹5ã¤ã®TIPS 5 Tips for Better jQuery Codeã§jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’良ãã™ã‚‹5ã¤ã®TIPSãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ DOMä¸ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã§ãã‚‹dataメソッドを使ãŠã† $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); 「altã€ãªã©ã®HTMLã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã—ã¦ãŠãã¨å¾Œã§å–り出ã›ãªããªã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰è‰¯ããªã„。 $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Create a new fiddle - JSFiddle
{{#tags}}- {{label}}
{{/tags}}