http://pagescroller.com/
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
HTML5演出ã«æœ€é©ãªè¤‡æ•°ç”»åƒèªã¿è¾¼ã¿ç®¡ç†ã®JSライブラリ「LoadManager.js〠| ClockMaker Blog
HTMLã§è¤‡æ•°ã®ç”»åƒã‚’èªã¿è¾¼ã‚€ã¨ãã€HTMLã®imgã‚¿ã‚°ã ã‘ã ã¨ä¸æ°å¥½ã¨ãªã‚ŠãŒã¡ã§ã™ãŒã€èªã¿è¾¼ã¿ã‚’管ç†ã™ã‚Œã°è¦‹æ „ãˆã‚‚æ•´ã„ã¾ã™ã¨ã„ã†ãƒ‡ãƒ¢ã¨JSライブラリを作ã£ã¦ã¿ã¾ã—ãŸã€‚次ã®2ã¤ã®ãƒ‡ãƒ¢ã‚’見比ã¹ã¦ä½•ãŒé•ã†ã®ã‹ç¢ºèªãã ã•ã„。 デモ (通常ã®imgã‚¿ã‚°) デモ (LoadManager.jsを使用) デモã®é•ã„ã¨ã¯ å‰è€…ã¯ç”»åƒãŒãƒãƒ©ãƒãƒ©ã¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¬ãƒ¼ã‚¹çš„ã«èªã¿è¾¼ã¾ã‚Œã€å¾Œè€…ã¯èªã¿è¾¼ã¿çµ‚ã‚ã‚‹ã¾ã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒè¡¨ç¤ºã•ã‚Œèªã¿è¾¼ã¾ã‚ŒãŸã‚‚ã®ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ â–¼å‰è€…ã®ãƒ‡ãƒ¢ ▼後者ã®ãƒ‡ãƒ¢ 後者ã®ãƒ‡ãƒ¢ã«ã¯ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ‘ーセンテージ表示も付ã„ã¦ã„ã¾ã™ã€‚èªã¿è¾¼ã¿ãŒä½•%ã¾ã§é”ã—ã¦ã„ã‚‹ã‹ã‚’確èªã§ãã‚‹ã®ã‚‚ã€å¾Œè¿°ã®JSライブラリã®ãƒ¡ãƒªãƒƒãƒˆã§ã™ã€‚ HTML5ã§ä½œã‚‰ã‚ŒãŸãƒ•ãƒ«Flashçš„ãªã‚µã‚¤ãƒˆã‚’見ãŸã¨ãã«imgã‚¿ã‚°ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ¬ãƒ¼ã‚¹çš„ã«ç”»åƒãŒãƒãƒ©ãƒãƒ©ã¨ã§ã¦ãã‚‹ã“ã¨ãŒå¤šãã¦ã€ã„ã¤ã‚‚微妙ãªæ€ã„ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚Flas
JavaScript 3Dレンダリングエンジンã®Three.jsを試ã™
ã“ã‚“ã«ã¡ã¯ã€‚ KRAYアルãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ 今回ã¯ã€æœ€è¿‘ã¡ã¾ãŸã§å™‚ã®Three.jsã§éŠã‚“ã§ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ http://github.com/mrdoob/three.js webgl対応ã®ãƒ–ラウザã§è¦‹ã¦ã„ã‚‹æ–¹ã¯ã€å³ä¸Šã«3Dã®ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsを使ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã‚’ç°¡å˜ã«Javascriptã§å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ åŠä¿¡åŠç–‘ã§ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€ãŸã—ã‹ã«Three.jsã§ã¯ã€3D特有ã®è¡Œåˆ—計算や数å¦çš„æ€è€ƒã‚’ã›ãšã¨ã‚‚ã€3Dを表示ã€æ“作ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ 「ã¡ã‚‡ã£ã¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§3DãŒã§ãる。〠ã“ã®é¢ç™½ã•ã‚’皆ã•ã‚“ã«å±Šã‘ãŸã„ã§ã™ã€‚ 目次 立方体を表示ã™ã‚‹ 光をã‚ã¦ã‚‹ テスクãƒãƒ£ã‚’貼り付ã‘ã‚‹ マウスã§å›žè»¢ã•ã›ã‚‹ マウスã§ç§»å‹•ã•ã›ã‚‹ クリック判定ã™ã‚‹ Three.js web上ã«ã¯ã€HTML5ã®canvasを利用ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ルページやアプリケーシ
テトリス作ã£ã¦ã¿ãŸ
ã¯ã˜ã‚ã¾ã—ã¦ï¼é–‹ç™ºéƒ¨ã®yatakeã¨ç”³ã—ã¾ã™ã€‚ ãã—ã¦æ˜Žã‘ã¾ã—ã¦ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ï¼ä»Šå¹´ã‚‚宜ã—ããŠé¡˜ã„致ã—ã¾ã™m(_ _)m ã•ã¦ã•ã¦ã€æ—©é€Ÿæœ¬é¡Œã§ã™ã€‚ ã‚る日気ãŒã¤ãã¨åƒ•ã¯éžå¸¸ã«ãƒ†ãƒˆãƒªã‚¹ãŒä½œã‚ŠãŸã„気分ã«ãªã£ã¦ãŸã®ã§ã‚µã‚¯ã£ã¨ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã§ã‘ãŸãƒ¼ï¼(*´ω`) è½ã¡ã‚‹é€Ÿåº¦ã‚’変ãˆã‚‹å‡¦ç†ãŒã†ã¾ãå‹•ã‹ãšã¡ã‚‡ã£ã¨ã¦ã“ãšã‚Šã¾ã—ãŸãŒã€ãƒ†ãƒˆãƒªã‚¹ã®æœ¬ä½“自体ã¯4時間ãらã„ã§ã¡ã‚‡ã¡ã‚‡ã„ã¨ä½œã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãã—ã¦ã€ã‚ã¾ã‚Šã«ã‚‚ã‚ã£ã•ã‚Šä½œã‚Œã™ãŽã¦ãƒ†ãƒˆãƒªã‚¹ã«å¯¾ã™ã‚‹æ°—æŒã¡ã‚’æŒã¦ä½™ã—ã¦ã‚‹åƒ•ã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å¯¾æˆ¦æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ã¿ã‚‹äº‹ã«ã—ã¾ã—ãŸ(´ー`*) 環境ã¨ã—ã¦ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ クライアントサイド 対応ブラウザ：chrome 言語：javascript サーãƒãƒ¼ã‚µã‚¤ãƒ‰ 言語：python2.5 フレームワーク：tornado 通信部分ã¯WebSocketsを使ã£ã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ç›¸æ‰‹ã®ç”»é¢ã‚’表示ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™
Androidã®å ´åˆã®ã¿bodyã«classã‚’è¿½åŠ ã™ã‚‹JavaScript
Androidã®å ´åˆã®ã¿bodyã«classã‚’è¿½åŠ ã™ã‚‹JavaScript ã¡ã‚‡ã£ã¨ã—ãŸä¿®æ£ã§Androidã ã‘CSSを変更ã—ãªãã¦ã¯ã„ã‘ãªã„ã“ã¨ãŒã‚ã£ãŸã®ã§Androidã®å ´åˆã®ã¿bodyã«classã‚’è¿½åŠ ã™ã‚‹JavaScriptを書ã„ã¦ã¿ã¾ã—ãŸã€‚ <body> <script> if(/Android/.test(window.navigator.userAgent)){ document.getElementsByTagName("body")[0].setAttribute("class","android"); } </script> 上記ã®ã‚ˆã†ãªJavaScriptã‚’bodyã®å¾Œã«æ›¸ã„ã¦ãŠãã¨Androidã®å ´åˆã®ã¿bodyè¦ç´ ã«ã€Œandroidã€ã¨ã„ã†classãŒè¨å®šã•ã‚Œã¾ã™ã€‚ ライブラリ化ã™ã‚‹ã®ã‚‚大ã’ã•ãªã®ã§ã€ã¡ã‚‡ã£ã¨ã—ãŸä¿®æ£ã®éš›ã«ã‚³ãƒ”ペã—ã¦åˆ©ç”¨ã—ã¦ãã ã•ã„。 関連エントリ
jQueryã®ãã‚ŒJavaScriptã§ã©ã†ã‚„ã‚‹ã‚“ã ã£ã‘？ã®éš›ã«ä½¿ãˆã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹:phpspot開発日誌
jQueryã®ãã‚ŒJavaScriptã§ã©ã†ã‚„ã‚‹ã‚“ã ã£ã‘？ã®éš›ã«ä½¿ãˆã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ 2012å¹´01月24æ—¥- From jQuery to JavaScipt: A Reference | Nettuts jQueryã®ãã‚ŒJavaScriptã§ã©ã†ã‚„ã‚‹ã‚“ã ã£ã‘？ã®éš›ã«ä½¿ãˆã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€‚ jQueryをインクルードã™ã‚Œã°ã€$(element) ã¨ã‹ä½¿ãˆã¦ä¾¿åˆ©ã§ã™ãŒã€ã‚ãã¾ã§jQueryã®æ©Ÿèƒ½ã§ã‚ã£ã¦ç´ ã®JSã§ã‚„ã‚‹å ´åˆã¯å…¨ãé•ã„ã¾ã™ã。 jQueryãªã‚‰ç°¡å˜ã ã¨jQueryã‹ã‚‰å…¥ã£ãŸäººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã“ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§åŸºæœ¬ã‚‚知ã£ã¦ãŠãã¨ã€ã¡ã‚‡ã£ã¨ã—ãŸå‡¦ç†ã«ã„ã¡ã„ã¡jQueryを使ã‚ãªãã¦ã‚ˆã„å ´é¢ãŒã§ããã†ã§ã™ ã¾ã‚クãƒã‚¹ãƒ–ラウザã®å·®ç•°å¸åŽã—ã¦ãã‚Œã¦é¢å€’ã˜ã‚ƒãªã„ã®ã§ã€åŸºæœ¬ã¯jQueryを使ã†ã®ãŒç„¡é›£ã§ã¯ã‚ã‚Šã¾ã™ã。 関連エントリ レスãƒãƒ³ã‚·ãƒ–ãªjQueryスライダー実装プラグイン８個
WordPressã®è¨˜äº‹ã”ã¨ã«å€‹åˆ¥ã®CSS, JavaScriptã‚’è¿½åŠ ã§ãるプラグイン -Custom CSS and JS
WordPressã®è¨˜äº‹ã‚„ページã”ã¨ã«ã€ãã‚Œãžã‚Œå€‹åˆ¥ã®CSS, JavaScriptã®å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã§ãるプラグインを紹介ã—ã¾ã™ã€‚ Custom CSS and JS [ad#ad-2] Custom CSS and JSã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« WordPressã®è¨˜äº‹ã”ã¨ã«å€‹åˆ¥ã®CSSã‚’è¿½åŠ WordPressã®è¨˜äº‹ã”ã¨ã«å€‹åˆ¥ã®JavaScriptã‚’è¿½åŠ Custom CSS and JSã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« プラグインã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ã€WordPressã®ç®¡ç†ç”»é¢ã€Œãƒ—ラグインã€ã®ã€Œæ–°è¦è¿½åŠ ã€ã‹ã‚‰è¡Œãˆã¾ã™ã€‚ã‚ーワードã«ã€ŒCustom CSS and JSã€ã‚’入力ã—ã¦ã€ã€Œãƒ—ラグインã®æ¤œç´¢ã€ãƒœã‚¿ãƒ³ã‚’クリックã—ã¦ãã ã•ã„。 プラグインã®æ–°è¦è¿½åŠ ç”»é¢ã®ã‚ャプãƒãƒ£ 検索çµæžœã«è¡¨ç¤ºã•ã‚ŒãŸã€ŒCustom CSS and JSã€ã®ã€Œãƒ—ラグインã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒå§‹ã¾ã‚Šã¾ã™ã€‚ ã¾ãŸã€ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã‹
JavaScriptエンジニアå‘ã‘ï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§å‹•ãブラウザゲームã®ä½œã‚Šæ–¹
自己紹介 ã©ã‚‚。KAYACã§JS書ã„ã¦ã‚‹@kyo_agoã§ã™ 去年（2011年）ã¯SVG Girl（SVG女å）ã¨ã‹ã€HTML5花ç«å¤§ä¼šï¼ˆã®ãƒ™ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼‰ã¨ã‹ã€HTML5実力テスト（ã®JSå•é¡Œï¼‰ã¨ã‹ã€www.kayac.comã®JS書ã„ãŸã‚Šã¨ã‹ã€html5ã¨ã‹å‹‰å¼·ä¼šã§è©±ã—ãŸã‚Šã¨ã‹ã—ã¦ã¾ã—ãŸã€‚ 最近ã¯ã‚¹ãƒžãƒ›ç’°å¢ƒã§è‰²ã€…JS書ã„ã¦ã¾ã™
JavaScript/SVG/Canvas/HTML5を使ã£ãŸã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリ×22é¸ MOONGIFT
特集「オープンソース×10年〠予算ゼãƒã‹ã‚‰ã®IT環境整備2014/01/30 特別寄稿：センãƒãƒ¡ãƒ³ã‚¿ãƒ«ãƒ»ã‚¸ãƒ£ãƒ¼ãƒ‹ãƒ¼ ~OSSã¯ã¾ã 16ã ã‹ã‚‰~2014/01/30 EC-CUBE – オープンソース・Eコマースã®é›„ã®é€²åŒ–を見るï¼2014/01/30 Zabbix Japanã«èžã„ãŸã‚ªãƒ¼ãƒ—ンソース×ビジãƒã‚¹ã‚’æˆåŠŸã•ã›ã‚‹ãŸã‚ã®3ã¤ã®åŸºæœ¬2014/01/30 MOONGIFTã®é‹å–¶ã§å¤§äº‹ã«ã—ã¦ã„ã‚‹3ã¤ã®ã“ã¨2014/01/30 2007〜8å¹´ã®å¤§ããªå¤‰å‹•ã¾ã¨ã‚ï¼2014/01/30 ãªãœãƒ—レミアム？ãã“ã‹ã‚‰å¾—られãŸçµŒé¨“æ•™ãˆã¾ã™2014/01/30 2006〜09å¹´ã€å„å¹´ã®äººæ°—オープンソース・ソフトウェアベスト52014/01/30 ç‹™ã‚れやã™ã„サイトã¯ã©ã‚“ãªã‚µã‚¤ãƒˆï¼Ÿã‚ªãƒ¼ãƒ—ンソース×セã‚ュリティã«ã¤ã„ã¦ãƒšãƒ³ã‚¿ã‚»ã‚ュリティシステムズã«èžã2014/01/30 aegifãŒè€ƒãˆã‚‹ä¼æ¥ã§OSSを開発ã™
csg.js: Constructive Solid Geometry 3d Modeling in...
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. Evan Wallace, the same guy who brought us that amazing WebGL water simulation is back at it again, this time with a library called csg.js for doing Constructive Solid Geometry modeling in JavaScript. Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects†as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
「Modernizr〠モダンãªã‚¯ãƒã‚¹ãƒ–ラウザCSSã®ç‚ºã®æ”¯æ´ã‚¹ã‚¯ãƒªãƒ—ト - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚（更新ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ HTML5/CSS3ã§æ–°ãŸã«ä½¿ãˆã‚‹æ©Ÿèƒ½ãŒãƒ–ワッã¨å¢—ãˆãŸã‚ã‘ã§ã™ãŒã€ 新機能ã«å¯¾å¿œã—ã¦ã„る環境ã¨ã„ã†ã®ã¯ã¾ã ã¾ã ã”ãã‚ãšã‹ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã¯ã€æ©Ÿèƒ½ãŒä½¿ãˆã‚‹or使ãˆãªã„å ´åˆã«å‡¦ç†ã‚’分ã‘ãŸã‚Šã—ãªã‘ã‚Œã°ã„ã‘ãªã„ã‚ã‘ã§ã€‚ 「Modernizrã€ã¯ã€ãれを支æ´ã—ã¦ãれるJavaScriptライブラリã§ã™ã€‚ Modernizr 「Modernizerã€ã§ã¯ãªãã€ã€ŒModernizrã€ã€‚ eãŒæ¬ ã‘ã¦ã„る点ã«æ³¨æ„。Flickrã¿ãŸã„ãªæ„Ÿã˜ã€‚ ModernizrãŒã—ã¦ãれる事ã¯ã€ãŸã 一ã¤ã®å˜ç´”ãªå‡¦ç†ã§ã™ã€‚ 閲覧ã—ã¦ã„るブラウザãŒã€æˆ–る機能ã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’JavaScriptã§åˆ¤åˆ¥ã—〠ãã®çµæžœã‚’htmlè¦ç´ ã®classã¨ã„ã†å½¢ã§æ•™ãˆã¦ãã‚Œã¾ã™ã€‚ 例ãˆã°ã€box-shadowã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’知りãŸã„å ´åˆã€‚ Modernizrã‚’èªã¿è¾¼
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
JavaScriptã«ã‚ˆã‚‹cross domain & streamingãªAPIアクセスã®æ–¹æ³•è‰²ã€… - Nakamap APIã®å ´åˆ - - KAYAC Engineers' Blog
ã“ã‚“ã«ã¡ã¯ã€‚ã™ãŽã‚ƒãƒ¼ã‚“(@sugyan)ã§ã™ã€‚ 先日ã€Nakamap APIを公開ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ãれをJavaScriptã‹ã‚‰ä½¿ã†ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリを用æ„ã—ã¦ã¿ã¾ã—ãŸã®ã§ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ 使ã„æ–¹ <script type="text/javascript"http://developer.nakamap.com/js/nakamap.js"></script> ã¨scriptã‚’èªã¿è¾¼ã‚€ã“ã¨ã§ä½¿ç”¨ã§ãã¾ã™ã€‚ access_tokenãŒæ—¢ã«å–å¾—ã§ãã¦ã„ã‚Œã°ã€ var client = new Nakamap.Client({ token: '*********' }); /* REST API */ client.get('/me', function (result) { console.log(result); }); /* Streaming API */ client.lis
CSS3ã®ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’使ã£ãŸãƒ“ジュアルエフェクト生æˆç”¨jsライブラリ・Alice.js - ã‹ã¡ã³ã¨.net
æ°—ã«ãªã£ãŸã®ã§å‚™å¿˜éŒ²çš„ã«è§¦ã£ã¦è¦‹ã¾ã—ãŸã€‚ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’使ã£ãŸ CSS3ã®æ–°æ©Ÿèƒ½ã‚’実装出æ¥ã‚‹jsライブラリ・ Alice.jsã§ã™ã€‚ã¨ã€åˆ†ã‹ã£ãŸã‚ˆã†ãªäº‹ã‚’ 書ãã¾ã—ãŸãŒã€ã¾ã ã¡ã‚‡ã£ã¨å‹‰å¼·ä¸è¶³ã§ ã„ã‚ã„ã‚調査ä¸ã§ã™ã€‚ã®ã§å†…容ã«ã¯ã‚ã¾ã‚Š 期待ã—ãªã„ã§ä¸‹ã•ã„。 アクセラレーターã«é–¢ã—ã¦ã¯ä»¥ä¸‹ã®è¨˜äº‹ãŒã‚ã‹ã‚Šæ˜“ã„ã§ã™ã€‚ iOSã®ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒä½¿ãˆã‚‹CSS3 ã“ã®ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’使ã£ã¦é«˜åº¦ãªãƒ“ジュアルエフェクトã®ç”Ÿæˆã‚’ã¡ã‚‡ã„ã¨ç°¡ç•¥åŒ–ã—よã†ã€ã¨ã„ã†æ„図ã§ä½œã‚‰ã‚ŒãŸãƒ©ã‚¤ãƒ–ラリã¿ãŸã„ã§ã™ã€‚ サンプルを見ãŸã»ã†ãŒæ—©ã„ã¨æ€ã„ã¾ã™ã®ã§ä»¥ä¸‹ã§Chromeã‹iOSã«ã¦ã”覧下ã•ã„。6ã¤ç”¨æ„ã—ã¾ã—ãŸã€‚ Sample01・Toss Sample02・Wobble Sample03・Rotate Sample04・Spring Sample05・Bounce Sample06・carousel 出æ¥ã‚Œã°i
jQueryã ã‘使ã†ã®ãŒé¦¬é¹¿ã‚‰ã—ããªã‚‹ã€‚KnockoutJSã«è§¦ã‚Œã‚‹
ä¹…ä¿ç”°ã§ã™ã€‚最近KnockoutJSã¨ã„ã†JavaScriptフレームワークを勉強ã—ã¦ã„ã¾ã™ã€‚ KnouckoutJSã¯jQueryã®ä¸Šã«æ§‹ç¯‰ã•ã‚Œã¦ã„るフレームワークã§ã™ã€‚jQueryã®ã¿ä½¿ã†ã®ã¨æ¯”ã¹ã¦KnockoutJSを利用ã™ã‚‹ã¨ã€ã‚¦ã‚§ãƒ–ページ上ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’圧倒的ã«ç°¡å˜ã«è¨˜è¿°ã§ãã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ç°¡å˜ã«KnockoutJSã®æ¦‚è¦ã‚’説明ã—ã€KnockoutJSを用ã„ãŸãƒ‡ãƒ¢ã‚’紹介ã—ã¾ã™ã€‚ ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®ç‰¹å¾´ã¨ã—ã¦ã‚ã‚‹ã®ã¯ã€HTML内ã«å®£è¨€çš„ãªè¨˜è¿°ã‚’埋ã‚込むã“ã¨ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã‚‹ã“ã¨ã§ã™ã€‚HTML5ã®ã‚«ã‚¹ã‚¿ãƒ 属性(data*属性)を用ã„ã¦ã€ãã®è¦ç´ ã«é–¢ã™ã‚‹å‡¦ç†ã‚’宣言ã—ã¦ãã¾ã™ã€‚è£å´ã®å‡¦ç†ã¯ã€JavaScriptã§ViewModelを定義ã—ã€ãã“ã«ãƒ“ューãŒå¿…è¦ã¨ã™ã‚‹å€¤ã‚’管ç†ã—ã¾ã™ã€‚ 例ãˆã°ã€ã‚ã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ã‚’入れるã¨ä¸‹ã®è¦ç´ ãŒãƒˆã‚°ãƒ«ã™ã‚‹ç°¡å˜ãªä¾‹ã¯ã€ä»¥ä¸‹
WebKit サーãƒãƒ¼ã¨ã„ã†ã‚‚ã®ã‚’作ã£ã¦ã¿ãŸ - IT戦記
ã¿ãªã•ã‚“ ãŠä¹…ã—ã¶ã‚Šã§ã™ãƒ½(´ー｀)ノå¤ä¼‘ã¿ã®å®¿é¡Œçµ‚ã‚ã‚Šã¾ã—ãŸï¼Ÿ 毎日ãŒå¤ä¼‘ã¿ã®æœ€çµ‚æ—¥ã¿ãŸã„ãªç”Ÿæ´»ã—ã¦ã‚‹ã‚ã¾ã¡ã‚ƒã‚“ã§ã™ï¼ ã•ã¦ã•ã¦ 今日㯠WebKit サーãƒãƒ¼ã¨ã„ã†ã‚‚ã®ã‚’作ã£ã¦ã¿ãŸã®ã§ã€ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ WebKit ã£ã¦ä½•ï¼Ÿ WebKit ã£ã¦ã„ã†ã®ã¯ Chrome ã‚„ Safari ã®ä¸ã«å…¥ã£ã¦ã‚‹ãƒ–ラウザã®ã‚¨ãƒ³ã‚¸ãƒ³ã®ã“ã¨ã§ã™ï¼ 実ã¯ãƒ–ラウザã£ã¦ã„ã†ã®ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ³éƒ¨åˆ†ã¨è¦‹ãŸç›®ã®éƒ¨åˆ†ï¼ˆã‚¿ãƒ–ã¨ã‹ãƒœã‚¿ãƒ³ã¨ã‹ã）ã«åˆ¥ã‚Œã¦ã„ã¦ã€æ„外ã¨é•ã†ãƒ–ラウザã§ã‚‚エンジン部分ã¯åŒã˜ã‚‚ã®ã‚’使ã£ã¦ã‚‹ã£ã¦ã“ã¨ã‚‚多ã„ã‚“ã§ã™ã‚ˆ(*´ー｀) ブラウザã®ã‚µãƒ¼ãƒãƒ¼ã£ã¦ã©ã†ã„ã†ã“ã¨ï¼Ÿ è¦ã¯ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ãƒ–ラウザを起動ã—㦠JavaScript を実行ã—ãŸã‚Šã€ JavaScript ãŒå®Ÿè¡Œã•ã‚Œãªã„ã¨èªã‚ãªã„ページã‹ã‚‰å€¤ã‚’æŒã£ã¦ãã‚‹ã®ã«ä½¿ã£ãŸã‚Šã—よã†ã¨ã„ã†é‚胆ã§ã™ã€‚ 今ã¾ã§ã¯ãã†ã„ã†ã®ãªã‹ã£ãŸã®ï¼Ÿ 実ã¯ã€ä»Šã¾ã§ã¯ JavaS
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
theta.ne.jp
css-lecture.com
{{#tags}}- {{label}}
{{/tags}}