JavaScriptã§CSSã¨ã‚¤ãƒ™ãƒ³ãƒˆã‚’扱ㆠfrom Kanasan.JS | Blog.37to.net
最終更新日 Sun, 19 Apr 2009 20:27:25 +0900 最後ã®ã‚³ãƒ¡ãƒ³ãƒˆ Mon, 14 Jul 2014 08:14:00 +0900 ブックマーク 先日開催ã•ã‚ŒãŸã€Kanasan.JS JavaScript第五版èªæ›¸ä¼š#7ã®ãƒ¬ãƒãƒ¼ãƒˆã§ã™ã€‚ 今回ã¯CSSã¨ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ã®å…¥é–€çš„内容ã§ã—ãŸã€‚ ã”å‚åŠ é ‚ã„ãŸçš†æ§˜ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ JavaScriptã‹ã‚‰CSSを扱ㆠãれ程難ã—ãã¯ãªã„ã®ã§ã€ç°¡å˜ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã¯ã¾ã‚ŠãŒã¡ãªäº‹ Element.style.colorãªã©ã€Element.style.〜ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚ªãƒ–ジェクトã§æ“作出æ¥ã‚‹ã®ã¯ã€ インライン指定ã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã®ã¿ãªã®ã§æ°—を付ã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 僕も最åˆã®é ƒã¯çŸ¥ã‚‰ãšã«ã‚ˆãé–“é•ãˆã¦ã„ãŸã®ã§ã™ãŒã€ã“れを知ã£ã¦ã„ã‚‹ã¨ç„¡é§„ã«æ™‚間を使ã‚ãªãã¦æ¸ˆã‚€ã¨æ€ã„ã¾ã™ã€‚ <style> #foo { background-c
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ールを使ã£ã¦ã€ãƒ†ã‚ストã€å†™çœŸã€å‹•ç”»ã‚’共有ã§ãã¾ã™ã€‚
ã¨ã¦ã‚‚シンプルã«è‡ªåˆ†è‡ªèº«ãŒå±žã™ã‚‹ script è¦ç´ ã‚’å–å¾— - IT戦記
ã‚°ãƒãƒ¼ãƒãƒ«é ˜åŸŸã«ä»¥ä¸‹ã®ä¸€è¡Œã‚’書ã <script> var currentScript = (function (e) { if(e.nodeName.toLowerCase() == 'script') return e; return arguments.callee(e.lastChild) })(document); alert(currentScript); </script>ã“ã†ã™ã‚‹ã“ã¨ã§ã€currentScript ã¯ã“ã® script è¦ç´ を指ã™ã€‚ ã„ã¡ãŠã†èª¬æ˜Ž DOM ã¯æ§‹ç¯‰ã•ã‚Œã‚‹ã¨ãã«ã€ä¸Šã‹ã‚‰é †ç•ªã«æ§‹ç¯‰ã•ã‚Œã‚‹ã€‚ãã—ã¦ã€script ã‚¿ã‚°ãŒã‚ã‚‹ã¨ã€ script è¦ç´ を構築ã—ãŸã‚ã¨ã«ã€ã‚¹ã‚¯ãƒªãƒ—トを実行ã™ã‚‹ã€‚ ã¤ã¾ã‚Šã€ã‚¹ã‚¯ãƒªãƒ—トãŒå®Ÿè¡Œã•ã‚ŒãŸã¨ã script è¦ç´ ã¯ä»Šã¾ã•ã«ä½œã‚‰ã‚ŒãŸã°ã‹ã‚Šã§ã‚ã‚Šã€ãれよりも後ã‚ã®è¦ç´ ãŒå˜åœ¨ã—ãªã„。ã•ã‚‰ã«ã“ã® script è¦ç´ ã‚’å«ã‚€ã™ã¹ã¦ã®è¦
String#scrape - ヽ( ・∀・)ノãã¾ãã¾ãƒ¼(2007-01-15)
â— String#scrape ã©ã†ã›ãŠå‰ã‚‰ã¯ã‚ã‚Œã ã‚ã€scrAPI ã¯å¼·åŠ›ã ã—ã€ã“ã‚Œã“ã自分ãŒã¾ã•ã«å¾…望ã—ã¦ãŸé“å…·ã€ä½¿ã„ã“ãªã™ãœï¼ã¨æ„気込んã§ã‚‹ã‚“ã ã‘ã©ã€ã©ã‚Œã ã‘決æ„ã—ã¦ã‚‚ã‚ã®è¤‡é›‘ãªå¼•æ•°ã«æ¯Žå›žæŒ«æŠ˜ã—ã¡ã‚ƒã£ã¦ã€æŒ«æŠ˜ã¤ãƒ¼ã‹ã¡ã‚‡ã£ã¨ä½¿ã„ãŸã„ã ã‘ãªã®ã«ãƒ‘ーザ(Scrape)用ã®ã‚¯ãƒ©ã‚¹ã‚’定義ã™ã‚‹ã®ãŒé¢å€’ãªã‚“ã よãã€ã¿ãŸã„ãªè¨€ã„訳を毎回自分ã«ã—ã¤ã¤ã€çµå±€ä½¿ã„ã“ãªã›ã¦ãªã„脳内ゆã¨ã‚Šä¸–代ã®ãŠå‰ã‚‰ãªã‚“ã ã‘ã©ã€ã¾ã実際引数ã«ç„¡é§„ã«è‰²ã‚“ãªæ©Ÿèƒ½ã‚’è©°ã‚è¾¼ã¿éŽãŽã¦ã‚‹æ„Ÿã¯å¦ã‚ãªã„ã—ã€ã¨ã„ã†ã‹extractorã®srcã¨dstã¯ã©ã†è¦‹ã¦ã‚‚ç›´æ„Ÿçš„ã«é€†ã ã‚ã€grepã¿ãŸã„ã«ä½¿ã‚ã›ã‚よ使ãˆãªã„1ã ãªã€ã¿ãŸã„ãªæ„šç—´ã‚’ã“ã¼ã—ã¦ãŸã‚‰ã€ã‚€ã—ã‚CSS3ãªgrepã¨ã—ã¦ä½¿ãˆã‚‹ã ã‘ã§ã„ã„事ã«æ°—付ã„ã¦ã€Youã€Stringクラスã«å…¥ã‚Œã¡ã‚ƒã„ãªYOï¼ String#scrape ã®å®šç¾© require 'scrapi' class Strin
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠- ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚了日を2020å¹´1月31æ—¥(金)ã«æ±ºå®šã—ã¾ã—㟠以下ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’目処ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—を終了予定ã§ã‚る旨をãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019年末を目処ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æ供を終了ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã“ã®ãŸã³ã€æ£å¼ã«çµ‚了日を決定ã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”確èªãã ã•ã„。 終了日: 2020å¹´1月31æ—¥(金) エクスãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1月31æ—¥(金) 終了日以é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“。日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„。 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„㦠- ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記 ã”利用ã®ã¿ãªã•ã¾ã«ã¯ã”迷惑をãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 追記 ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—日記ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2月28
ruby ã®ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングツールã‚ット scrAPI - å·o・-・）＜2nd life
http://blog.labnotes.org/category/scrapi/ ruby ã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã—㦠web ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã®ã«ã¯ã€ä»Šã¾ã§æ£è¦è¡¨ç¾ã‹ xpath ã§ã‚„ã£ã¦ãŸã®ã§ã€ã‚ã‚Šã¨é¢å€’ã§ã—ãŸã€‚ã§ã€ãµã¨ scrAPI ã¨ã„ã†ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングツールã‚ットを知ã£ãŸã®ã§ã™ãŒã€ã“ã‚ŒãŒã‹ãªã‚Šä¾¿åˆ©ãã†ã€‚ ã“ã®ãƒ„ールã‚ットを使ã†ã¨ã€CSS3 ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’記述ã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã¨ãˆã°ã¨ã‚るサイトã®ãƒªãƒ³ã‚¯ã‚’全部å–å¾—ã—ãŸã‘ã‚Œã°ã€ require 'rubygems' require 'scrapi' require 'open-uri' require 'nkf' require 'pp' $KCODE = 'u' links = Scraper.define do process "a[href]", "urls[]"=>"@href" result :urls e
HTMLDocumentã‚’(ã‹ãªã‚Šç„¡ç†çŸ¢ç†)生æˆã™ã‚‹æ–¹æ³•ãŒã‚ã‹ã£ãŸã®ã§GM_xmlhttpRequestã§well-formedã˜ã‚ƒãªã„HTMLã®ã‚³ãƒ¼ãƒ‰ã‚’å–ã£ã¦ãã¦æ–°ã—ã生æˆã—ãŸHTMLDocumentã§ãƒ‘ースã—ã¦ã¿ã‚‹ã‚ˆ
ç§ã€é¤¡åã®ãŸã‚ãªã‚‰é€†ç«‹ã¡ã ã£ã¦ã—ã¾ã™ã‚ˆã€‚ ã“ã˜ã‚‰ã›ã¦ã„る。 食ã¹ãŸã„ã¨æ€ã£ãŸã‚‰é£Ÿã¹ãŸã„ã®ã§ã‚る。 ã“ã“ãŒåŒ—カリフォルニアã®ç‰‡ç”°èˆŽã§ã‚ã‚ã†ã¨ã€ç§ãŒã‚ã‚“ã¿ã¤ãŒé£Ÿã¹ãŸã„ã¨æ€ãˆã°ã€ã‚ã‚“ã¿ã¤ã¯ä»Šã™ã作ã£ã¦é£Ÿã¹ãªãã¦ã¯ã„ã‘ãªã„ã‚‚ã®ã«ãªã‚‹ã€‚食ã„ã—ã‚“åŠã®æ€è€ƒã¯å‡„ã¾ã˜ã„。 åä¾›ãŒè¦³ã¦ã„ãŸã‚¢ãƒ‹ãƒ¡ã§ã€èµ¤ã¡ã‚ƒã‚“ãŒç©ºã®â€¦
line-height ã®å€¤ã«ã¯å˜ä½ãªã—ãŒè‰¯ã„ã¨ã•ã‚Œã‚‹ç†ç”±
CSS ã§è¡Œãƒœãƒƒã‚¯ã‚¹ã®é«˜ã•ã‚’指定ã™ã‚‹ line-height 値ã«ã€em(length) ã‚„ %(percentage) ãªã©ã®å˜ä½ã‚’付ã‘ã¦æŒ‡å®šã—ã¦ã„るサイトをæ„外ã¨è¦‹ã‹ã‘る。ãã‚Œã¯é–“é•ã„ã§ã¯ãªã„ã—ã€ä¾‹ãˆã°ãƒŠãƒ“ゲーションã¨ã‹ã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®åž‚直センターã«é…ç½®ã™ã‚‹ãŸã‚ã«æ„図的ã«æŒ‡å®šã—ã¦ã„ã‚‹ã‚“ã§ã‚ã‚Œã°è‰¯ã„ã‚“ã ã‘ã‚Œã©ã€ãã†ã§ãªã„ãªã‚‰ line-height 値ã«ã¯å˜ä½ãªã— (number) ã§æŒ‡å®šã—ãŸæ–¹ãŒè‰¯ã„ã®ã«ã¨ã‹æ€ã£ãŸã‚Šã™ã‚‹ã€‚ãã®ç†ç”±ã¯ Eric's Archived Thoughts: Unitless line-heights ã§ã‚‚分ã‹ã‚Šã‚„ã™ã説明ã•ã‚Œã¦ã„ã‚‹ã‚“ã ã‘ã©ã€ã¡ã¨åŠ£åŒ–コピーã—ã¦ã¿ã‚‹ã€‚ å˜ä½ã‚ã‚Šã¨å˜ä½ãªã—ã®é•ã„ 手ã£å–ã‚Šæ—©ã説明ã™ã‚‹ãŸã‚ã«ã€ã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ãŸã€‚p è¦ç´ ãŒã‚ã£ã¦ã€ãã®ä¸ã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã® em ã§ä¸€éƒ¨åˆ†ã‚’強調ã—ã¦ã„る。分ã‹ã‚Šã‚„ã™ã„よã†ã«ãã‚Œãžã‚Œã® font-size
第7回 ãƒšãƒ¼ã‚¸æ§‹é€ ã‚’ç¢ºèªã™ã‚‹æ–¹æ³•
XHTML+CSSã§ã¯ã€ãƒšãƒ¼ã‚¸æ§‹é€ ã‚’æ„è˜ã—ã¦åˆ¶ä½œã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ã€‚Firefoxã®æ‹¡å¼µãƒ„ール「Web Developer Toolbarã€ã‚’利用ã—ã¦ã€ãƒ†ãƒ¼ãƒ–ルレイアウトã®æ§‹é€ ã€ãƒ•ãƒ«CSSã®ãƒšãƒ¼ã‚¸æ§‹é€ ã€è¦‹å‡ºã—æ§‹é€ ã€éžæŽ¨å¥¨è¦ç´ を確èªã™ã‚‹æ–¹æ³•ã‚’説明ã—よã†ã€‚ Firefoxã®æ‹¡å¼µãƒ„ール「Web Developer Toolbar〠Firefoxã§ã¯ã€ŒWeb Developer Toolbarã€ï¼ˆä»¥ä¸‹ã€WDT）ã¨ã„ã†é«˜æ©Ÿèƒ½ãªæ‹¡å¼µãƒ„ールãŒåˆ©ç”¨ã§ãる。åå‰ã®ã¨ãŠã‚Šã€Web開発者å‘ã‘ã®ãƒ„ールãƒãƒ¼ã§ã‚ã‚Šã€CSSã‚„JavaScriptã®ç„¡åŠ¹åŒ–ã€ç”»åƒè¡¨ç¤ºã®ç„¡åŠ¹åŒ–ã€ã‚½ãƒ¼ã‚¹ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã‚’ツールãƒãƒ¼ã‹ã‚‰ç›´æŽ¥å®Ÿè¡Œã™ã‚‹ã“ã¨ãŒã§ãる。 ã¾ãšã€ã‚¤ãƒ³ãƒ•ã‚©ã‚¢ã‚¯ã‚·ã‚¢ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹WDT日本語版をインストールã—よã†ï¼ˆhttp://www.infoaxia.com/tools/webdeveloper/）。Firefox（ã¾
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Vim-users.jp - Hack #23: Vimã§ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã•ã›ãŸã‚³ãƒ¼ãƒ‰ã‚’見ãŸç›®ãã®ã¾ã¾ã«HTML出力ã•ã›ã‚‹
専門家ã¯å€‹äººã®è²¬ä»»ã§æƒ…å ±ç™ºä¿¡ã™ã‚‹ãª - void GraphicWizardsLair( void ); //
{{#tags}}- {{label}}
{{/tags}}