Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

McNultyæ°ã¯è¬›æ¼”ã®å†’é ã§ã€ŒWeb Componentsã¯ã€ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã§å‹•ä½œã§ãã‚‹ã€ã¨è¿°ã¹ã€ŒTODOアプリã€ã®ãƒ‡ãƒ¢ã‚’è¡Œã£ãŸã€‚Bidelmanæ°ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ã‚ˆã†ã«ã€Chrome上ã§é–‹ç™ºè€…ツールを用ã„ã¦Web Componentsを使用ã—ã¦ã„ã‚‹ã“ã¨ã‚’確èªã—ãŸå¾Œã€åŒã˜ã‚¢ãƒ—リをWindows 8上ã®Internet Explorer(以下ã€IE)ã§å‹•ã‹ã—ã¦ã¿ã›ãŸã€‚ Polymerã¨ã¯ï¼Ÿ Polyfillã¨ã¯ï¼Ÿ Web Componentsã¯ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã«ç„¦ç‚¹ã‚’当ã¦ã¦ã„ã‚‹ãŒã€ãƒ–ラウザãŒç•°ãªã‚Œã°å®Ÿè£…状æ³ã«ãƒ ラãŒã‚ã‚Šã€ãれをサãƒãƒ¼ãƒˆã™ã‚‹ã®ãŒã€ŒPolymerã€ã¨ã„ã†JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã 。ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã§å®Ÿè£…ã•ã‚Œã‚‹å‰ã«Web ComponetnsãŒä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ãれる。 ã‚‚ã¨ã‚‚ã¨ã€ã€ŒPolyfillã€ã¨ã„ã†ã€ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã¨å¤ã„ブラウザã®æ©Ÿèƒ½å·®ã‚’埋ã‚るコンセプトãŒ
ã“ã‚“ã«ã¡ã¯ã€Web アプリケーションエンジニア㮠id:nanto_vi ã§ã™ã€‚先日開催ã•ã‚ŒãŸ Kyoto.js #12 ã«ãŠã„ã¦ã€ã€Œè–„ã„フレームワーク指å‘ã® Web クライアントサイドプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã¨é¡Œã—ãŸç™ºè¡¨ã‚’è¡Œã„ã¾ã—ãŸã€‚ã¨ã‚ã‚‹ Web アプリケーションã®é–‹ç™ºã«ã‚ãŸã£ã¦ã€JavaScript ã«ã‚ˆã‚‹ GUI プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã©ã†å–り組んã ã‹ã¨ã„ã†è©±ã«ãªã‚Šã¾ã™ã€‚当日ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã®å†…容ã«å£é ã§ä¼ãˆãŸå†…å®¹ã‚’åŠ ãˆã€ä»¥ä¸‹ã«ã¾ã¨ã‚ã¾ã™ã€‚ å‰æ SPA ã§ã¯ãªã„ ãã“ã¾ã§è¦šæ‚Ÿã—ãªãã¦ã‚‚よㄠ薄ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯æŒ‡å‘ cf. ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãょã†ã®ã†ã‡ã¶ã‚ã·ã‚Šã‘ーã—ょんãµã‚Œãƒ¼ã‚€ã‚ーã - YAPC Asia 2011 開発期間ãŒæ±ºã¾ã£ã¦ã„ã‚‹ Web アプリケーションを新è¦é–‹ç™ºã™ã‚‹ã«ã‚ãŸã‚Šã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã‚’ã©ã†å®Ÿç¾ã™ã‚‹ã‹ã€‚ã“ã“ã§ã¯é–‹ç™ºæœŸé–“ãŒæ±ºã¾ã£ã¦ã„ã‚‹ã¨ã„ã†ã®ãŒå¤§ããªè¦å› ã¨ãªã‚Šã€ãƒãƒ¼ãƒ メンãƒãƒ¼ã®
視界ãŒã‚ˆã‚Šã‚¯ãƒªã‚¢ã«ï¼Meta Questã®æœ€æ–°ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¢ãƒƒãƒ—デート MRVRアップデートMeta Quest 10æ™‚é–“å‰ DNP「メタãƒãƒ¼ã‚¹å½¹æ‰€ã€ã‚’江戸å·åŒºã«æä¾›ï¼æ¥åºä¸è¦ã®åŒºå½¹æ‰€ã‚’å®Ÿç¾ å¤§æ—¥æœ¬å°åˆ·æ ªå¼ä¼šç¤¾DNPメタãƒãƒ¼ã‚¹å½¹æ‰€æ±Ÿæˆ¸å·åŒºæ±äº¬æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³å°‚é–€è·å¤§å¦ãƒ“ジãƒã‚¹VR 2024/06/07 18:00 建è¨æ¥å‘ã‘「快測ARã€ãƒªãƒªãƒ¼ã‚¹ï¼3Dモデルã§æ–½å·¥ç‰©ã®å½¢çŠ¶ã‚’イメージ è£½é€ æ¥ãƒ»å»ºè¨æ¥å‘ã‘ソリューションKENTEMæ ªå¼ä¼šç¤¾å»ºè¨ã‚·ã‚¹ãƒ†ãƒ ARスマホARアプリ 2024/06/06 18:00 clusterã®ã€Œå…‰ã¨æ˜Ÿã®ãƒ¡ã‚¿ãƒãƒ¼ã‚¹å…本木ã€ãƒãƒ¼ãƒãƒ£ãƒ«æ–‡åŒ–ç¥7月20æ—¥ã‹ã‚‰é–‹å‚¬ï¼ ã‚¤ãƒ™ãƒ³ãƒˆé›»é€šã‚¯ãƒ©ã‚¹ã‚¿ãƒ¼æ ªå¼ä¼šç¤¾clusterメタãƒãƒ¼ã‚¹ãƒ†ãƒ¬ãƒ“æœæ—¥ãƒ¡ã‚¿ãƒ¡ã‚¿å¤§ä½œæˆ¦VRスマホVR 2024/06/05 18:00 clusterã«ã€Œé˜²è¡›çœãƒ»è‡ªè¡›éšŠãƒ¡ã‚¿ãƒãƒ¼ã‚¹åŸºåœ°ã€ã‚ªãƒ¼ãƒ—ンï¼è‡ªè¡›éšŠã®1日を体験 VRイベント
This document summarizes a presentation about single-page applications (SPAs). It discusses what SPAs are, some user experience challenges with SPAs like navigation and accessibility, and solutions to those challenges including server-side rendering and preloading resources. Links are provided to additional resources on topics like accessibility in SPAs and using service workers and prefetching to
ãŒã¾ã ç§ã«ã¯é›£ã—ã™ãŽã‚‹æ°—ãŒã™ã‚‹ã‚ˆâ€¦â€¦ Elm - functional web programming (http://elm-lang.org/) Elmã¨ã„ã†FRPã‚„ã‚ㆠ(http://qiita.com/jooex/items/89ab4bf7c953a6f40069) elmã¯Haskellã«ä¼¼ãŸæ§‹æ–‡ã‚’æŒã¤é–¢æ•°åž‹è¨€èªžã®AltJS。コンパイルã™ã‚‹ã¨JavaScriptãŒç”Ÿæˆã•ã‚Œã‚‹ã®ã§ãƒ–ラウザ上ã§å‹•ãゲームも作れる。ãªã®ã§ã”ãç°¡å˜ãªãƒŸãƒ‹ã‚²ãƒ¼ãƒ ã‚’elmã§ä½œã£ã¦ã¿ãŸã€‚ Sine Jump (http://abagames.sakura.ne.jp/elm/sj/) ゲームライブラリ相当ã®éƒ¨åˆ†ã‚’除ãã¨250行強ã¨ã„ã†ã¨ã“ã‚ãªã®ã§ã€ã‚³ãƒ¼ãƒ‰ã®åˆ†é‡çš„ã«ã¯CoffeeScriptã§æ›¸ãã®ã¨ä¼¼ãŸã‚ˆã†ãªã‚‚ã®ã‹ã¡ã‚‡ã„é•·ã‚ã¨ã„ã†ã¨ã“ã‚ã‹ãªã‚。ã§ã‚‚コードを書ãéš›ã«ã¯é–¢æ•°åž‹è¨€èªžãªã‚‰ã§ã¯ã®ã‹ãªã‚Šé•ã†ç™ºæƒ³ãŒæ±‚ã‚ら
グーグルãŒChrome DevToolsã®å¦ç¿’ビデオを公開。DOMæ“作ã‹ã‚‰ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã€ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ã®ç™ºè¦‹ã¾ã§è©³ã—ãå¦ã¹ã‚‹ å¦ç¿’内容ã¯å…¨éƒ¨ã§ä»¥ä¸‹ã®7ã¤ã®ãƒ¬ãƒ™ãƒ«ã«åˆ†ã‹ã‚Œã¦ãŠã‚Šã€17本ã®ãƒ“デオã¨ã€ãƒ¬ãƒ™ãƒ«ã”ã¨ã«ç”¨æ„ã•ã‚ŒãŸã€å®Ÿéš›ã«è‡ªåˆ†ã§æ“作ã—ã¦è§£ã„ã¦ã¿ã‚‹75以上ã®ä¾‹é¡Œã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚レベルをクリアã™ã‚‹ã¨ãƒãƒƒã‚¸ãŒã‚‚らãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚å‰å›žã¯JavaScriptã‹ã‚‰ã¿ãŸHTMLã®åŸºæœ¬ã‚’ä¸å¿ƒã«è§£èª¬ã—ã¾ã—ãŸã€‚今回ã¯ã¾ãšã€ã‚¤ãƒ™ãƒ³ãƒˆã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚JavaScriptã€DOMã«ãŠã„ã¦ã‚¤ãƒ™ãƒ³ãƒˆã¯æ¥µã‚ã¦é‡è¦ã§ã™ã€‚ブラウザ上ã®JavaScriptã§ã¯å¿…ãšã¨ã„ã£ã¦ã‚ˆã„ã»ã©ã‚¤ãƒ™ãƒ³ãƒˆãŒçµ¡ã‚“ã§ã„ã¾ã™ã—ã€ã‚¦ã‚§ãƒ–アプリケーションをコントãƒãƒ¼ãƒ«ã™ã‚‹æ ¹å¹¹çš„ãªæŠ€è¡“ã¨è¨€ãˆã‚‹ã»ã©ã§ã™ã€‚ JavaScriptã¨ã‚¤ãƒ™ãƒ³ãƒˆ ブラウザã¯scriptã‚¿ã‚°ã§æŒ‡å®šã•ã‚ŒãŸJavaScriptを解釈ã—ã¦å®Ÿè¡Œã—ã¾ã™ã€‚ãã®æ™‚ã€é–¢æ•°ãªã©ã‚’定義ã™ã‚‹ã ã‘ã«ã—ã¦ã€å®Ÿéš›ã«ãã®å‡¦ç†ãŒè¡Œã‚れるã®ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒœã‚¿ãƒ³ã‚’クリックã—ãŸæ™‚ã‚„ã€ä½•ã‹ã‚’入力ã—ãŸæ™‚ãªã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½•ã‚‰ã‹ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«é–¢é€£ä»˜ã‘ã¦JavaScriptを実行ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã•ã‚‰ã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã ã‘ã§ãªãã€ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ã‚„通信処ç†ã®å®Œäº†å¾Œãªã©ã€ãƒ–ラウザ上ã§èµ·ã“ã‚‹ã‚らゆるイベントã«ã¤ã„ã¦å‡¦ç†
CSS ã®ãƒ‡ãƒ¼ã‚¿ã‚’扱ㆠJavaScript を書ããŸãã¦ä½œã£ãŸ ã„ã‚ã„ã‚ã¨ä½¿ãˆãã†ãªã®ã§æ™’ã—ã¦ãŠãã¾ã™ ã¾ã ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã ã‘ã§ã™ã‚ˆï¼žï¼œ var JSCSS = {}; // http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-StyleSheet JSCSS.StyleSheet = function(type, disabled, ownerNode, parentStyleSheet, href, title, media) { this.type = type; this.disabled = disabled; this.ownerNode = ownerNode; this.parentStyleSheet = parentStyleSheet; this.href = href; this
Coreã®ç°¡æ˜“リファレンス。Coreã¯è¦ç´ ã‚’å‚ç…§ã—ãŸã‚Šã€ç›¸å¯¾ä½ç½®ã‹ã‚‰å‘¨ã‚Šã®ãƒŽãƒ¼ãƒ‰ã‚’å‚ç…§ã—ãŸã‚Šã€è¦ç´ を生æˆã™ã‚‹ã¨ã„ã£ãŸéƒ¨åˆ†ã€‚主ã«åˆ©ç”¨ã™ã‚‹ã§ã‚ã‚ã†ãƒ—ãƒãƒ‘ティやメソッドã¯ã‚«ãƒãƒ¼ã—ã¦ã„ã‚‹ã¤ã‚‚ã‚Šã§ã™ã‘ã©ã€ã“れも入れã¨ã‘ã£ã¦ã®ã‚ã£ãŸã‚‰æ•™ãˆã¦ãã ã•ã„。 ã“ã®ã‚ãŸã‚Šã¯åœ°å‘³ã§ä½¿ã„ã¥ã‚‰ããã®ä¸Šç†è§£ã—ã«ãã„ã¨ã„ã†æ®‹å¿µãªéƒ¨åˆ†ã€‚ãµã¨å¿˜ã‚ŒãŸã¨ãã«ä½¿ã†å€‹äººçš„ãªã‚‚ã®ã§ã™ãŒã€æ…¢æ€§jQuery拒絶症候群ãªäººã‚ˆã‹ã£ãŸã‚‰ã©ã†ãžã€‚ãã‚Œã«ã—ã¦ã‚‚æš‘ã„。ガリガリå›ãŠã„ã—ã„ã。 DOMã¨ã¯ã€‚ Document Object Model (DOM) ã¯ã€HTML ãŠã‚ˆã³ XML ドã‚ュメントã®ãŸã‚ã® API ã§ã™ã€‚ã“ã‚Œã¯ãƒ‰ã‚ュメントã®æ§‹é€ çš„ãªè¡¨ç¾ã‚’æä¾›ã—ã€å†…容や表示形態ã®å¤‰æ›´ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚端的ã«è¨€ãˆã°ã€Web ページをスクリプトやプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã¤ãªãよã†ãªæ©Ÿæ§‹ã§ã™ã€‚ https://developer.mozilla.org/ja/
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}