大手WebサービスãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ç™ºç”Ÿã—ãŸJavaScriptã®ã‚¨ãƒ©ãƒ¼ã‚’ã©ã†åŽé›†ã—ã¦ã„ã‚‹ã®ã‹ ã¾ã¨ã‚ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ソーシャルボタンã®JavaScriptã§functionã®å‰ã«ã€Œ!ã€ãŒã¤ã„ã¦ã„ã‚‹ç†ç”± - hogehoge @teramako
çµè«–ã‹ã‚‰è¨€ã†ã¨ã€å˜ãªã‚‹æ ¼å¥½ä»˜ã‘ã§ã™ã€‚ 以下説明。 主è¦ãªJavaScript (ECMAScript 5th)ã§ã¯ã€functionã¯2種類ã‚ã‚Šã¾ã™ã€‚ æ–‡(Statement) *1 å¼(Expression) ã§ã™ã€‚ 所謂ã€ã€Œå³æ™‚関数ã€ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã¯functionã¯å¼(Expression)ã§ã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 何故ãªã‚‰ã€é–¢æ•°å®Ÿè¡Œã‚’示ã™æ§‹æ–‡ã§ã‚ã‚‹CallExpressionãŒå¼ã§ã‚ã‚Šã€ãれ以外å˜åœ¨ã—ãªã„ã‹ã‚‰ã§ã™ã€‚*2 JavaScript コードã¯æ–‡(Statement)ã®é›†åˆ JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¯æ–‡ã®é›†åˆã¨è¨€ãˆã¾ã™ã€‚ã„ããªã‚Šå¼ãŒå§‹ã¾ã‚‹ã“ã¨ã¯ã‚ã‚Šãˆã¾ã›ã‚“。 ã¨ã¯ã„ãˆã€ foo(); 1 + 2; ã¨ã„ã£ãŸã‚‚ã®ã¯æˆã‚Šç«‹ã¡ã¾ã™ã€‚ã“ã‚Œã¯æ–‡(Statement)ã®è§£é‡ˆã¨ã—ã¦ExpressionStatement(å¼ã‚’書ã„ã¦ã‚‚良ã„)ã¨ã„ã†ã€æ–‡ãŒå®šç¾©ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã‚‚ã‹ãã€æ–‡
ã„ã„åŠ æ¸›ã€<script src="http://..　ã¨æ›¸ãã®ã¯ã‚„ã‚ã¾ã—ょㆠ- DQNEOèµ·æ¥æ—¥è¨˜
外部サイトã®JSファイルをèªã¿è¾¼ã‚€ã¨ãã«ã€ã“ã†ã„ã†æ›¸ãæ–¹ã™ã‚‹ã®ã¯ã‚„ã‚ã¾ã—ょã†ã€‚ <script src="http://example.com/js/jquery.js"></script> ç†ç”± ã‚ãªãŸã®ã‚µã‚¤ãƒˆãŒã€ã„ã¤ã®æ—¥ã‹SSLã«å¯¾å¿œã™ã‚‹ã“ã¨ã«ãªã£ãŸã¨ãã€ãã®scriptã‚¿ã‚°ãŒãƒã‚°ã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ ã”覧ã®ã¨ãŠã‚Šã€HTTPSページã®ä¸ã§HTTPè¦ç´ ã‚’èªã¿è¾¼ã‚‚ã†ã¨ã™ã‚‹ã¨ã€ãƒ–ラウザã«ã‚ˆã£ã¦ã¯å®‰å…¨è£…ç½®ãŒåƒã„ã¦èªã¿è¾¼ã‚“ã§ãã‚Œãªã„ã®ã§ã™ã€‚ 上ã®ä¾‹ã§ã¯jQueryã®èªã¿è¾¼ã¿ã«å¤±æ•—ã—ã¦ã„ã¾ã™ãŒã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã€ŒUncaught ReferenceError: jQuery is not defined ã€ã‚’見ã¦ã‚‚HTTPS/HTTPã®ãƒ—ãƒãƒˆã‚³ãƒ«ãŒåŽŸå› ã ã¨ã¯ã™ãæ°—ã¥ã‹ãªã„ã®ã§ã€ã‚ã‹ã‚Šã«ãã„ãƒã‚°ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ çµè«– JSファイル(ã¨ã‹CSSã¨ã‹ç”»åƒã¨ã‹)ã‚’èªã¿è¾¼ã‚€ã¨ãã¯ã€"http:"ã®éƒ¨åˆ†ã‚’çœ
JavaScriptæ£è¦è¡¨ç¾ãƒ¡ãƒ¢ã€‚ (JavaScriptã§ã‚ˆã使ã†æ›¸ã方。) - ã“ã›ãã®æŠ€è¡“日記
タイトル変ãˆã¾ã—ãŸã€‚旧タイトル「JavaScriptã§ã‚ˆã使ã†æ›¸ãæ–¹ã€ã€‚よã使ã†ã‘ã©æ¯Žå›žå¿˜ã‚Œã‚‹ã€‚ æ£è¦è¡¨ç¾ã«ãƒžãƒƒãƒã™ã‚‹ã‹ã©ã†ã‹ã€‚ RegExp#testを使ã†ã€‚ /abc/.test("abcdefg") // => true String#searchã¯ãƒžãƒƒãƒã—ãŸä½ç½®ã‚’è¿”ã™ã€‚マッãƒã—ãªã„å ´åˆã¯-1。先é ã«ãƒžãƒƒãƒã™ã‚‹ã¨0ã§falseãªã®ã§æ³¨æ„。真å½å€¤ãŒæ¬²ã—ã„å ´åˆã¯String#searchを使ã‚ãªã„。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true æ£è¦è¡¨ç¾ã®éƒ¨åˆ†ãƒžãƒƒãƒã‚’得る。 部分マッãƒã‚’å¾—ã‚‹ã«ã¯ã€RegExp#execã‹String#matchを使ã†ã€‚execã¨matchã®é€Ÿåº¦ã¯å¤§ã—ã¦å¤‰ã‚らãªã„。 æ£è¦è¡¨ç¾ã®ãƒ™ãƒ³ãƒãƒžãƒ¼
ãŸã£ãŸ2è¡Œã§IE5.5～IE8をモダンブラウザã®æŒ™å‹•ã«ã™ã‚‹é”法ã®JS | attrip
開発者泣ã‹ã›ã®å•é¡Œå…ブラウザã€Internet Explorerã§ã™ãŒã€IE5.5ã€IE6ã€IE7ã€IE8をモダンブラウザã®æŒ™å‹•ã«ã™ã‚‹ç¥žJSãŒGoogle Codeã§é…布ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã¨ã‚Šã¾ã€ attripã®ãƒ‡ã‚¶ã‚¤ãƒ³å´©ã‚Œã¯ã“ã‚Œã§è§£æ±ºã§ãã¾ã—ãŸï¼ 使ã„æ–¹ã¯ç°¡å˜ï¼ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã‚’貼り付ã‘ã‚Œã°OKï¼ ã¾ã˜ä»ã€‚ 「IE9.jsã€ã¯ã€IEを普通ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã®æŒ™å‹•ã«ã™ã‚‹JSã§ã™ã€‚IE5ã€IE6ã§ã‚‚é€éŽPNGãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 「css3-mediaqueries.jsã€ã¯ã€IEã§CSS3 Media Queriesを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹JS。レスãƒãƒ³ã‚·ãƒ–デザインã®ã‚µã‚¤ãƒˆã‚’IEã§ã‚‚見れるよã†ã«ã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€border-radiusã‚„ã€box-shadow ã¯ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ ã‚ã¨ã€IEã§ã®è¦‹ãˆæ–¹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹æ–¹æ³•ã¯ã“ã¡ã‚‰â†“↓ IE9環境ã§IE6/IE7/IE8/IE9表示ã™ã‚‹æ–¹æ³•(å…±å˜
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”法ã®jsも入れã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“発ã§è©±é¡Œã«ãªã£ã¦ã„る「ãŸã£ãŸ2è¡Œã§IE5.5～IE8をモダンブラウザã®æŒ™å‹•ã«ã™ã‚‹é”法ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webデザイン界隈ã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8以å‰ã®ãƒ–ラウザã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚開発者泣ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—具体的ã«æ›¸ãã¨ã€ie9.jsを組ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ 属性セレクタã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
IE開発者ツールã§JavaScriptコードを整形ã—ã¦è¡¨ç¤ºã™ã‚‹ã«ã¯ï¼Ÿ - ï¼ IT
Webブラウジングä¸ã«ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ»ã‚ー［F12］を押ã™ã¨èµ·å‹•ã§ãる「開発者ツールã€ãŒã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³8以é™ã®Internet Explorer（以下ã€IE）ã«ã¯æ載ã•ã‚Œã¦ã„る。開発者ツールã¯ã€ç¾åœ¨é–‹ã„ã¦ã„ã‚‹Webページã®HTMLコード内ã®å„è¦ç´ をツリー形å¼ã§ãƒ“ジュアルã«è¡¨ç¤ºã—ãŸã‚Šã€Webページ上ã®è¦ç´ をクリックã—ã¦ã€ãã‚Œã«è©²å½“ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’表示ã—ãŸã‚Šã€HTMLコードやCSSプãƒãƒ‘ティãªã©ã‚’ãã®å ´ã§è©¦ã—ã«æ›¸ãæ›ãˆã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«Webページã®è¡¨ç¤ºã‚’変更ã—ãŸã‚Šã§ãã‚‹ãªã©ã€Web制作ã«å½¹ç«‹ã¤æ©Ÿèƒ½ãŒãã‚ã£ã¦ã„る。ãã†ã„ã£ãŸWeb開発用機能ã®1ã¤ã¨ã—ã¦ã€JavaScriptコードã®ãƒ‡ãƒãƒƒã‚°æ©Ÿèƒ½ãŒã‚る。 IE9ã§ã¯ã€ã“ã®é–‹ç™ºè€…ツールãŒå¼·åŒ–ã•ã‚Œã€JavaScriptコードã®æ›¸å¼ã‚’æ•´å½¢ã—ã¦ã€è¦‹ã‚„ã™ã表示ã™ã‚‹æ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚ŒãŸã€‚本TIPSã§ã¯ã€ã“ã®æ©Ÿèƒ½ã®ä½¿ã„方を説明ã™ã‚‹ã€‚ ■開発者ツール（IE9以é™ï¼‰ã®Java
[CSS]IEã§ã€min-widthã‚„max-widthを実ç¾ã™ã‚‹æ–¹æ³•
CSS-Tricksã§ã€IE用ã«ã€Œexpressionã€ã‚’使用ã—ã¦ã€min-widthã€max-widthを実ç¾ã™ã‚‹æ–¹æ³•ãŒã‚¨ãƒ³ãƒˆãƒªãƒ¼ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ The Perfect Fluid Width Layout デモページã§ã¯ã€æœ€å°å¹…780pxã‚’ç¶æŒã—ã¤ã¤ã€æœ€å¤§å¹…1280px以上ã«ãªã‚‹ã¨æ®‹ã‚Šã®ç®‡æ‰€ã¯èƒŒæ™¯ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™(å‚照：ã‚ャプãƒãƒ£ç”»åƒ)。 min-widthã€max-widthã®ç®‡æ‰€ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚ #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
TechNet Script Center
The “Hey, Scripting Guys!†blog has been retired. There are many useful posts in this blog, so we keep the blog here for historical reference. However, some information might be very outdated and many of the links might not work anymore. New PowerShell content is being posted to the PowerShell Community blog where members of the community can create posts by submitting content in the GitHub reposi
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}