JavaScriptã§ç”»åƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ™‚ã«ç”»åƒã‚’表示ã—ã¦ç¢ºèªã™ã‚‹ | ITè·äººã®å°ãƒã‚¿å¸³
ç°¡å˜ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ <html> <head> <title>ç”»åƒç¢ºèª</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <SCRIPT LANGUAGE="JavaScript"> <!-- function imageChange( localFile ) { var iid = document.getElementById( 'image' ); iid.innerHTML = '<img src="'+localFile+'">'; } // --> </SCRIPT> </head> <body bgcolor="#FFFFFF" text="#000000"> <form name="form1" method="post" action="" ENCTYPE="multipa
JavaScript HTMLテンプレートエンジン SNBinder 公開
先日予告ã—ãŸSNBinderã®ã‚ªãƒ¼ãƒ—ンソース化ã€GitHubã«ç°¡å˜ãªREADME付ãã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã®ã§ã”覧ã„ãŸã ããŸã„。 https://github.com/snakajima/SNBinder SNBinderã¯ã€ã²ã¨è¨€ã§è¨€ãˆã°ã€Œãƒ–ラウザー上ã§View(テンプレート)ã¨Data（JSON）をçµåˆã—㦠HTML を生æˆã™ã‚‹ãƒ†ãƒ³ãƒ—レートエンジンã€ã§ã‚る。 ï¼™ï¼å¹´ã®åŠã°ã‹ã‚‰æ€¥é€Ÿã«åºƒã¾ã£ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã€‚サーãƒãƒ¼å´ã§ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ç”Ÿæˆã—ãŸHTMLページをブラウザーã§é–²è¦§ã™ã‚‹ã ã‘ã€ã¨ã„ã†ã‚·ãƒ³ãƒ—ルã§ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªã‚¢ãƒ¼ã‚テクãƒãƒ£ã‚†ãˆã®æˆåŠŸã 。ã—ã‹ã—ã€ãƒ–ラウザーã®é«˜æ©Ÿèƒ½åŒ–ã«ä¼´ã„ã€JavaScriptを駆使ã—ã¦ä½¿ã„ã‚„ã™ã•ã‚’å‘上ã—よã†ã¨ã„ã†è©¦ã¿ãŒè‰²ã€…ãªã‚¦ã‚§ãƒ–サイトã§è¡Œã‚ã‚Œã¦ã„る。GMailã€Google Docsã€Facebookãªã©ã¯è‰¯ã„例ã 。 ãã®æ–¹å‘性を究極ã«ã¾ã§çªãè©°ã‚ã‚‹ã¨ã€ã‚µãƒ¼ãƒãƒ¼å´ã¯ï¼ˆMVC
Webページを速ã見ã›ã‚‹ãŸã‚ã®5ã¤ã®ã¡ã‚‡ã£ã¨ã—ãŸå·¥å¤«ï¼ˆ1/3） - ï¼ IT
æ ªå¼ä¼šç¤¾ãƒ©ã‚¤ãƒ–ドア マークアップエンジニア 浜 俊太朗 2009/4/30 ページ表示高速化をサーãƒã®è¨å®šã ã‘ã«ä»»ã›ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ HTMLã‚„CSSã€JavaScriptã®æ›¸ãæ–¹ã§ã‚‚速ãã§ãã¾ã™ï¼ˆç·¨é›†éƒ¨ï¼‰ 連載第1回ã®ã€ŒWebサイトを“速ãâ€è¡¨ç¤ºã•ã›ã‚‹7ã¤ã®è¨ˆæ¸¬ãƒã‚¤ãƒ³ãƒˆã€ã§ã¯ã€YSlowを使ã£ã¦é€Ÿåº¦ã«é–¢ã™ã‚‹å•é¡Œã‚’調査ã—ã¾ã—ãŸã€‚ 今回ã¯ã€CSS・JavaScript・HTMLã®å·¥å¤«ã§é€Ÿåº¦ã‚’改善ã™ã‚‹ä¸‹è¨˜5ã¤ã®æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ä¸ã«ã¯YSlowã®æŒ‡æ‘˜ã«å«ã¾ã‚Œãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä½µã›ã¦ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ãã¾ã—ょã†ã€‚ CSSã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ä¸Šéƒ¨ã«è¨˜è¿°ã™ã‚‹ JavaScriptã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ä¸‹éƒ¨ã«è¨˜è¿°ã™ã‚‹ CSSã¨JavaScriptを書ãé †ç•ª JavaScriptを圧縮ã—ã¦èªã¿è¾¼ã¿ã‚’速ãã™ã‚‹ èªã¿è¾¼ã¿ãŒé…ã„ブãƒã‚°ãƒ‘ーツã«ã¯è¦æ³¨æ„ ã€1】CSSã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ä¸Šéƒ¨ã«è¨˜è¿°ã™ã‚‹ 連載第1回ã§ã¯ã€ã€ŒCSSã¯
å°ç²‹ç©ºé–“: RSS Feed（フィード）を表示ã™ã‚‹
RSS Feed（フィード）をブãƒã‚°ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ç‰ã«è¡¨ç¤ºã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚方法ã¯è‰²ã€…ã‚ã‚‹ã¿ãŸã„ã§ã™ãŒã€ã“ã“ã§ã¯ã€ŒFeed2JSã€ã‚’利用ã—ãŸæ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Feed2JS ã¯ãƒ•ãƒªãƒ¼ã®ãƒ„ールã§ã™ã€‚RSS フィードを HTML ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ä»•çµ„ã¿ã¯ã€ã¾ãšã“ã® Feed2JS ã«å¯¾ã—ã€ãƒ–ãƒã‚°ã«è¡¨ç¤ºã—ãŸã„ RSS フィードã®URLを入力ã—ã¦ã€ãã‚Œã«å¯¾å¿œã™ã‚‹ JavaScript を生æˆã—ã¾ã™ã€‚ãã—ã¦ã“ã® JavaScript をブãƒã‚°ã«è²¼ã‚Šä»˜ã‘ã¾ã¦ãŠãã¾ã™ã€‚ã‚ã¨ã¯ãƒšãƒ¼ã‚¸ã‚’表示ã™ã‚‹ã“ã¨ã§ã€JavaScript ã‹ã‚‰ Feed2JS ã®PHPã‚’èµ·å‹•ã—ã€ã•ã‚‰ã«PHPã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰ RSS フィードをå–å¾—ã—ã€HTML ã«å¤‰æ›ã—ã¦è¡¨ç¤ºã™ã‚‹ã€ã¨ã„ã†è¨³ã§ã™ã€‚ ç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³ã®RSSも利用ã™ã‚‹ã“ã¨ãŒã§ãã€è¡¨ç¤ºæ–¹æ³•ã‚‚ãã‚ç´°ã‹ã„è¨å®šãŒå¯èƒ½ã§ã€å˜ç´”ãªãƒ†ã‚ストã¨ã—ã¦å–å¾—ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ Feed2JS ã¯ã‚µ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library
{{#tags}}- {{label}}
{{/tags}}