Antwort - Responsive Layouts for EmailAntwort was initially created for InterNations GmbH and released under the MIT License.
クライアントサイドJavaScriptã§ã®ãƒ“ューã®ä½œã‚Šæ–¹4㤠- id:anatooã®ãƒ–ãƒã‚°
追記: 指摘ã«ã‚ˆã‚Šã€UIã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆåž‹ã‚’è¿½åŠ ã—ãŸ(thx @kanreisa)。 クライアントサイドJavaScriptã§ã®ãƒ“ューã®ä½œã‚Šæ–¹ã‚’大別ã™ã‚‹ã¨ã€3ã¤4ã¤ã‚る。 DOMæ“作型 テンプレートエンジン型 UIオブジェクト型 データãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°åž‹ ã“ã“ã§ã„ã†ãƒ“ューã®ä½œã‚Šæ–¹ã¨ã¯ã€æœ‰ã‚Šä½“ã«ã„ã†ã¨JavaScriptã‹ã‚‰ã©ã†ã‚„ã£ã¦DOMè¦ç´ を生æˆã—ãŸã‚Šã™ã‚‹ã‹ã©ã†ã‹ã€‚イベントリスナーã®ç™»éŒ²ã¨ã‹ã‚‚å«ã‚€ã€‚ DOMæ“作型 昔ãªãŒã‚‰ã®ã‚„り方。jQueryã¨ã‹ä½¿ã£ã¦ç›´æŽ¥DOMæ“作ã—ã¦ãƒ“ューを作る。 // 例ãˆã°ã€<div class='hoge'>fugafuga</div> ã¿ãŸã„ãªDOMを表示ã™ã‚‹ var myView = $("<div class='hoge'/>"); myView.text('fugafuga'); // body以下ã«æŒ¿å…¥ $(body).append(myView); 長所
Google製ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã€JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateã¯GoogleãŒé–‹ç™ºã—ãŸJavaScript製ã®ãƒ†ãƒ³ãƒ—レートエンジンã§ã™ã€‚ WebアプリケーションãŒã•ã‚‰ã«é–‹ç™ºã•ã‚Œã¦ã„ããŸã‚ã«å¿…è¦ãªã®ãŒé«˜æ©Ÿèƒ½ãªJavaScriptテンプレートエンジンã®å˜åœ¨ã§ã™ã€‚å¹¾ã¤ã‹å‡ºã¦ãã¦ã„ã¾ã™ãŒä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã‹ãªã‚Šæœ‰åŠ›ã§ã™ã€‚ãªãœãªã‚‰GoogleãŒé–‹ç™ºã—ãŸãƒ†ãƒ³ãƒ—レートエンジンã ã‹ã‚‰ã§ã™ã€‚ãã‚ŒãŒJsTemplateã§ã™ã€‚ デモã§ã™ã€‚左上ãŒãƒ†ãƒ³ãƒ—レートã€å³ä¸ŠãŒJSONã®å…ƒãƒ‡ãƒ¼ã‚¿ã«ãªã‚Šã¾ã™ã€‚ ãã—ã¦å·¦ä¸‹ãŒå®Ÿéš›ã«ç”Ÿæˆã•ã‚ŒãŸHTMLã§ã€å³ä¸‹ãŒãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°çµæžœã«ãªã‚Šã¾ã™ã€‚ idを使ã£ã¦ãƒ†ãƒ³ãƒ—レートåを定義ã—ã¦ã„ã¾ã™ã€‚ ã“ã†ã„ã†é¢¨ã«ãƒ‡ãƒ¼ã‚¿ãŒãªã„å ´åˆã®ãƒã‚§ãƒƒã‚¯ã‚‚ã§ãã¾ã™ã€‚ 実際ã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚jsdisplayã®ã¨ã“ã‚ã«æ¤œè¨¼ãŒå…¥ã£ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ データãŒã‚ã‚‹å ´åˆã¯ã‚‚ã¡ã‚ã‚“ç¹°ã‚Šè¿”ã—表示ã—ã¾ã™ã€‚ 実際ã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ JsTemplateã¯å†å¸°å‡¦ç†ãŒã§ããŸã‚Šev
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}