HTML5ã¨HTML4ã®é•ã„ãŒä¸€ç›®ã§åˆ†ã‹ã‚‹ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
HTML 5 Visual Cheat Sheet by Woork HTML5ã§æ–°ã—ããªã£ãŸç®‡æ‰€ã¯ãƒ”ンク（赤）色ã§ã€é€†ã«HTML5ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œãªã„ã®ã¯ã‚°ãƒ¬ãƒ¼è‰²ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯A3サイズã®ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ç‰ˆã¯ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã‚ˆã‚Šã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ç”¨ã®å°ã•ã„サイズã¯ä¸‹è¨˜ãƒšãƒ¼ã‚¸ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ HTML 5 Cheat Sheet by Woork (Flickr)
[CSS]スクリプト無ã—ã§ã€ãƒ‘ãƒãƒ«ã‚’滑らã‹ãªã‚¹ãƒ©ã‚¤ãƒ‰ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ç”»åƒã‚’é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’アニメーションã®ã‚ˆã†ãªæ»‘らã‹ãªã‚¹ãƒ©ã‚¤ãƒ‰ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Experimental - Sliding menu demo デモã§ã¯ãƒ‘ãƒãƒ«ã®å·¦å´ã®ãƒŠãƒ“ゲーションã«ãƒžã‚¦ã‚¹ã‚’ホãƒãƒ¼ã™ã‚‹ã¨ã€å³å´ã«ãã‚Œã«å¯¾å¿œã—ãŸç”»åƒãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªã‚¹ãƒ©ã‚¤ãƒ‰ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ スタイルシートã ã‘ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã„るよã†ã«è¦‹ãˆã‚‹ã®ã¯ã€ç”»åƒã‚’表示ã™ã‚‹éš›ã«å°‘ã—ãšã¤ä½ç½®ã‚’変更ã—ã€ã‚ãŸã‹ã‚‚滑らã‹ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ã„るよã†ã«è¦‹ã›ã¦ã„ã¾ã™ã€‚
[CSS]スクリプト無ã—ã§ã€ãƒªã‚¹ãƒˆè¦ç´ をプルダウンã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
IE6ãªã©ã‚¯ãƒã‚¹ãƒ–ラウザ対応ã®ã€ãƒªã‚¹ãƒˆè¦ç´ をプルダウンã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Pro Blog Designã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <div class="blogroll"> <p>Blogroll</p> <ul> <li><a href="http://www.site.com/">Example Site</a></li> <li><a href="http://www.site.com/">Example Site</a></li> <li><a href="http://www.site.com/">Example Site</a></li> <li><a href="http://www.site.com/">Example Site</a></li> </u
セマンティックã§ä½¿ã„ã‚„ã™ã„フォームを制作ã™ã‚‹ãŸã‚ã®ç¿’作
ビギナーã®ãŸã‚ã®ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã§æ©Ÿèƒ½æ€§ã«ã‚‚優れãŸãƒ•ã‚©ãƒ¼ãƒ を制作ã™ã‚‹ãŸã‚ã®ç¿’作Nettuts+ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 20+ HTML Forms Best Practices for Beginners 下記ã¯ã€ãã®æ„訳ã§ã™ã€‚ 1ステップãšã¤ãƒ•ã‚©ãƒ¼ãƒ を改善ã—ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ルã§æ©Ÿèƒ½æ€§ã‚’アップã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ セマンティック アクセシビリティ ファンクショナリティ デザイン çµè«– セマンティック 1. fieldsetを使用 ユーザーãŒå…¥åŠ›ã™ã‚‹å¤šãã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãŒã‚ã‚‹éš›ã€fieldsetè¦ç´ を使用ã—ã¦é¡žä¼¼æƒ…å ±ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <fieldset> <span>Billing Address</span><input type="text" /> <span>City</sp
[CSS]クãƒã‚¹ãƒ–ラウザ対応ã€validãªXHTMLã¨CSSã§å®Ÿè£…ã•ã‚ŒãŸLightbox風エフェクト
validãªXHTMLã¨CSSã§Lightbox風エフェクトを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Carsonifiedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ How to Create a Valid Non-Javascript Lightbox demo 対応ブラウザã¯IE6/7/8, Fx, Safari, Chromeã§ã€ä¸Šè¨˜ã¯Safari4ã€ä¸‹è¨˜ã¯IE6ã®ã‚ャプãƒãƒ£ã§ã™ã€‚ IE6/7ã§ã¯èƒŒæ™¯è‰²ãŒæ¿ƒã„ã§ã™ã€‚
Opera 10 リリース記念ã€ç§ãŒ Opera を使ㆠ10 ã®ç†ç”± - WebOS Goodies
一昨日〠Opera 10 æ£å¼ç‰ˆãŒã¤ã„ã«å…¬é–‹ã•ã‚Œã¾ã—ãŸï¼æ®‹å¿µãªãŒã‚‰æœŸå¾…ã® Opera Unite ã¯æ¬¡æœŸ Opera 10.1 ã«å›žã•ã‚Œã¾ã—ãŸãŒã€ä¸»è¦ãªæ©Ÿèƒ½å…¨èˆ¬ã«ã‚ãŸã£ã¦æ”¹å–„ãŒã»ã©ã“ã•ã‚Œã€ 2 æ¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ç›¸å¿œã—ã„æ´—ç·´ã•ã‚ŒãŸä»•ä¸ŠãŒã‚Šã«ãªã£ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—〠Opera ã®ã‚·ã‚§ã‚¢ã¯æ®‹å¿µãªãŒã‚‰ä½Žãã€ç§ãŒ Opera 使ã„ã ã¨çŸ¥ã‚‹ã¨é©šã人ãŒå°‘ãªãã‚ã‚Šã¾ã›ã‚“。ãã“ã§ã€ã“ã®æ©Ÿä¼šã« Opera ã®ç´ 晴らã—ã•ã‚’知ã£ã¦ã‚‚らã†ã¹ã〠Opera を使ã†åˆ©ç‚¹ã‚’ 10 ã»ã©æŒ™ã’ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 10 個ãªã®ã¯ã‚‚ã¡ã‚ã‚“ Opera 10 ã«ã¡ãªã‚“ã§ã§ã™ï¼ˆç¬‘）。 実際ã«åˆ©ç‚¹ã‚’ã”紹介ã™ã‚‹å‰ã«çŸ¥ã£ã¦ãŠã„ã¦ã»ã—ã„ã®ã¯ã€ã“れらã®æ©Ÿèƒ½ã¯ã™ã¹ã¦ Opera ã«æ¨™æº–ã§ãƒ“ルトインã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚インストール後ã«å¤šæ•°ã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã‚’インストールã™ã‚‹å¿…è¦ã¯ãªãã€ãƒ–ラウザã®ã‚¢ãƒƒãƒ—デートã§ä½¿ãˆãªããªã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã›
jQueryを使ã„始ã‚ãŸã¨ãã«æ„Ÿã˜ã‚‹13ã®ç–‘å• : tech.kayac.com - KAYAC engineers' blog
æ¥é€±ã¯ç§ãŒå¤ä¼‘ã¿ãªã®ã§æ›´æ–°ã¯ãªã„予定ã§ã™ã€‚agoã§ã™ã€‚ 最近ã€äººã«jQueryを解説ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€æ˜”ã‚’æ€ã„出ã—ã¦jQueryを使ã„始ã‚ãŸé ƒã«æ„Ÿã˜ã‚‹ç–‘å•ã‚’書ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 ãã‚‚ãも何ã§ä½¿ã†ã®ï¼Ÿã„ã¾ã§ã‚‚å›°ã£ã¦ãªã„よ 作æˆã™ã‚‹å†…容ã«ã‚‚よりã¾ã™ãŒã€æ…£ã‚Œã‚‹ã¨ä½¿ç”¨ã—ãªã„å ´åˆã«æ¯”ã¹ã¦è¨˜è¿°ã™ã‚‹ã‚³ãƒ¼ãƒ‰é‡ãŒ3分ã®1程度ã¾ã§æ¸›ã‚Šã¾ã™ã€‚ ã¾ãŸã€å¤‰æ•°ã€æ¡ä»¶åˆ†å²ã€ç¹°ã‚Šè¿”ã—ãŒæ¸›ã‚‹ã®ã§ãƒã‚°ãŒç™ºç”Ÿã—ã«ãããªã‚Šã¾ã™ã€‚ 2 何ã‹ç‰¹æ®Šãªã“ã¨ãŒã§ãる？ çµå±€ã§ãã‚‹ã“ã¨ã¯å¤‰ã‚ã‚Šã¾ã›ã‚“。 jQuery自体JSã§æ›¸ã‹ã‚Œã¦ã¾ã™ã—ã€è¨˜è¿°ã®è‡ªç”±åº¦ã‚‚JSã®åˆ¶ç´„ã«åˆ¶é™ã•ã‚Œã¾ã™ã€‚ 3 何ãŒé›£ã—ã„ã®ï¼Ÿ 文法ãŒã‚„ã‚„jQueryçš„ã«ãªã‚Šã¾ã™ã€‚ å‚考 jQuery言語入門 jQuery自体ã®ã‚³ãƒ¼ãƒ‰é‡ã¯å°‘ãªã„ã®ã§ã™ãŒã€ç‹¬ç‰¹ã®è¨˜è¿°æ³•ãŒå¤šã慣れるã¾ã§å¤šå°‘時間ãŒã‹ã‹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã¾ãŸã€CSS Selectorã®çŸ¥è˜ã¯ã»ã¼å¿…é ˆã§ã™ã€‚ 特ã«ãƒž
CSSã«ã‚ˆã‚‹ç”»åƒåˆ†å‰²ã‚’è¡Œã†Spriteç”»åƒã‚’生æˆã™ã‚‹Â·SpriteMe MOONGIFT
å°ã•ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’多数集ã‚ã¦ä¸€ã¤ã®ç”»åƒã«ã—ã€CSSã§åˆ†å‰²ã™ã‚‹CSS Spriceã¨ã„ã†æŠ€è¡“ã«ã¤ã„ã¦ã¯ä½•åº¦ã‹ç´¹ä»‹ã—ãŸã„。Tonttuã‚‚ãã®ä»£è¡¨ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ä¸€ã¤ã 。ブラウザã‹ã‚‰ã‚µãƒ¼ãƒã«å¯¾ã™ã‚‹ã‚¢ã‚¯ã‚»ã‚¹æ•°ãŒæ¸›ã‚‹ã®ãŒæœ€ã‚‚大ããªåŠ¹æžœã§ã€å°ã•ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’数多ã使ã£ã¦ã„るサイトã»ã©æœ‰åŠ¹ã 。 生æˆã—ãŸã„ç”»åƒã‚’ドãƒãƒƒãƒ—ã™ã‚‹ Tonttuã®å ´åˆã€ã‚¢ã‚¤ã‚³ãƒ³ãŒæ‰‹å…ƒã«ã‚る状態ã‹ã‚‰é–‹å§‹ã™ã‚‹ã€‚逆ã«Webサイトã‹ã‚‰ã‚¢ã‚¤ã‚³ãƒ³ã‚’抽出ã™ã‚‹ã®ãŒSpriteMeã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯SpriteMeã€æ—¢å˜ã‚µã‚¤ãƒˆã‹ã‚‰Spriteç”»åƒã‚’生æˆã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。 SpriteMeã¯PHPã§ä½œã‚‰ã‚ŒãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã€ãƒ–ックマークレットを使ã£ã¦å‹•ä½œã™ã‚‹ã€‚ä»»æ„ã®Webサイトã«ã¦ãƒ–ックマークレットを実行ã™ã‚‹ã¨ã€ãƒ•ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒè¡¨ç¤ºã•ã‚Œã¦ãã“ã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»åƒã‚’抽出ã™ã‚‹ã€‚ãã—ã¦ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹ç”»åƒã®ä¸ã§Sp
SVG + VMLã®JavaScriptグラフィックスライブラリ·Raphaël MOONGIFT
SVGã¯æŠ€è¡“çš„ã«æ³¨ç›®ã‚’集ã‚ã¦ã„ã¦ã‚‚実際ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹å ´é¢ã¯ãã†è¦‹ã‹ã‘ãªã„。ブラウザ上ã§ãƒ‰ãƒãƒ¼ã‚’æãã ã‘ã§ã‚ã‚Œã°ã€ç”»åƒã§å分ã¨ã„ã†è©±ã§ã‚ã‚‹ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¿…è¦ã¨ã™ã‚‹ãªã‚‰FlashãŒã‚ã‚‹ã‹ã‚‰ã 。ã‹ã¤IE6ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ãƒ¬ã‚¬ã‚·ãƒ¼ãªãƒ–ラウザã§å‹•ä½œã—ãªã„ã¨ã„ã†æœ€å¤§ã®å•é¡ŒãŒã‚る。 ã ãŒFlashã«æ¯”ã¹ã‚Œã°æ‰±ã„ã‚„ã™ãã€ãƒ†ã‚ストベースãªã®ã§ã‚·ã‚¹ãƒ†ãƒ ã¨ã®è¦ªå’Œæ€§ã‚‚高ã„。ã¾ãŸç”»åƒã¨ã¯é•ã„インタラクティブãªå‹•ä½œãŒã§ãる。ãã‚“ãªSVGã®åˆ©ç”¨ã‚’推進ã™ã‚‹ã®ãŒRaphaëlã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Raphaëlã€JavaScriptã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ©ã‚¤ãƒ–ラリã 。 Raphaëlã¯SVGã€VMLã€JavaScriptを使ã£ãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ©ã‚¤ãƒ–ラリã 。グラフやSVGã€æ§˜ã€…ãªã‚ªãƒ–ジェクトをæã出ã™ã“ã¨ãŒã§ãる。もã¡ã‚ã‚“JavaScriptã«ã‚ˆã£ã¦åˆ»ã€…ã¨å¤‰åŒ–ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„マウスã®å‹•ãã«ã‚ˆã£ã¦
id:wideangleã£ã¦ä½•ãªã®ï¼Ÿ
ãªã‚“ã‹ã‚‚ã†åŠå¹´ä»¥ä¸Šã€ãƒ–クマã§ã‚ˆã見ã‹ã‘る。妙ã«ç›®ã«ç•™ã¾ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ï¼ˆå¤šåˆ†ã‚¢ãƒ‹ãƒ¡ã®ãƒãƒ«ãƒ’ã‚ャラ）ã®ã›ã„ã§ã€ã€Œã¾ãŸã“ã„ã¤ã‹ã€ã¨æ¯Žå›žå¿ƒã®ä¸ã§å‘†ã‚Œã‚‹ã€‚ ã†ã–ã„ã¨ã¯è¨€ã‚ãªã„ã‘ã©ãšã‚‹ã•ã‚’æ„Ÿã˜ã‚‹ã€‚何も発言ã—ã¦ã„ãªã„ãã›ã«ã€ãŸã ブクマã™ã‚‹ã‹ã‚¹ã‚¿ãƒ¼ã¤ã‘ã‚‹ã ã‘ã§ã€å°‘ãªãã¨ã‚‚俺ã¨è¨€ã†äººé–“ã«æ³¨ç›®ã•ã‚Œã¦ã„る。 ãã‚ŒãŒæ°—ã«é£Ÿã‚ãªã„。彼をå«ã‚€ã¯ã¦ãªã®é€£ä¸ã¯ã€ä¿ºã®ãƒ–クマ常連ã£ã·ã‚Šã«ã¯æ°—ã¥ã„ã¦ã„ãªã„ã«é•ã„ãªã„ã‹ã‚‰ã 。スターãªã‚“ã¦ä¸€ã¤ã‚‚è²°ã£ãŸã“ã¨ãŒç„¡ã„。 俺ã«ã¨ã£ã¦wideangleã®å˜åœ¨ã¯å¤§ãã„。ã¨ã«ã‹ã目立ã¤å¥´ãªã®ã 。ã ã‘ã©ã€å½¼ã¨åŒã˜ãらã„ブクマã™ã‚‹ä¿ºãŒã€å½¼ã‹ã‚‰è˜åˆ¥ã•ã‚Œã¦ã„ãªã„ã“ã¨ãŒã‚€ã‹ã¤ã。 敬æ„を払ãˆãªã‚“ã¦ã„ã†ãŠã“ãŒã¾ã—ã„ã“ã¨ã‚’言ã†ã¤ã‚‚ã‚Šã¯ç„¡ã„ã‘ã©ã€å›ãŒä¿ºã‹ã‚‰æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã®ã¯ã€å›ã®æ‰‹æŸ„ã§ã¯ãªã„ã¨ã„ã†ã“ã¨ã ã‘ã¯ã‚ã‹ã£ã¦ãŠã„ã¦ã»ã—ã„。 å›ã®ã‚¢ã‚¤ã‚³ãƒ³ã®æ‰‹æŸ„ãªã®ã ã¨ã„ã†ã“ã¨ã‚’ã。 ã‚ã¨ã€ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ•ãƒ©ãƒƒã‚°ã®äººã‚‚最近気ã«ãªã‚‹ã€‚
タブUI詳解
タブUIã®æ§‹é€ や特長ã€è¨ç½®ã®åˆ¤æ–ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã€å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã‚„機能ã®æ‹¡å¼µæ–¹æ³•ã€å®Ÿè£…例やスクリプト例をSmashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Module Tabs in Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ ※原文ã§ã¯ã€Œã‚¿ãƒ–モジュールã€ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚¿ãƒ–モジュールやタブUIã¨è¨˜è¼‰ã™ã‚‹ã¨ç…©é›‘ã«ãªã‚‹ãŸã‚ã€ã€Œã‚¿ãƒ–ã€ã¨ç•¥ã—ã¾ã™ã€‚ タブã®ã¿ã‚’指ã™å ´åˆã¯ã€ã€Œã‚¿ãƒ– コントãƒãƒ¼ãƒ«ã€ã¨ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. タブã®æ§‹é€ 2. タブã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã®ã‹ 3. タブã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ãƒ™ã‚¹ãƒˆãƒ—ラクティス 4. タブã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ 5. タブã®æ‹¡å¼µ 6. タブã®å®Ÿè£…集 7. タブを実装ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† 8. タブを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト集 ã¯ã˜ã‚㫠タブモジュールã¯è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã«é…ç½®ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã§ã™ã€‚ パãƒãƒ«
高密度å°æ± ï¼ git-svn ã®ã¡ã‚‡ã£ã¨ã‚¤ã‚¤è©±
git-svn ã®ã¡ã‚‡ã£ã¨ã‚¤ã‚¤è©± Git-SVN を使ã£ã¦ã‚‹äººãŒå‘¨ã‚Šã«ãªã‚“ã¨ãªã増ãˆã¦ããŸã®ã§ã€‚ SVN クライアントã¨ã—㦠Git を使ãˆã‚‹åˆ©ç‚¹ã¯ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã©ã†ã“ã†ã¨ã„ã†ã‚ˆã‚Šã¯ã€ Git ã®ä¾¿åˆ©æ©Ÿèƒ½ãŒä½¿ãˆã¾ãã‚‹ã“ã¨ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Git ㌠SVN よりも圧倒的ã«å„ªã‚Œã¦ã„る点ã¨ã—ã¦ã¯ã€ãƒ–ランãƒã®ãƒžãƒ¼ã‚¸ãŒæ¥½ã¨ã„ã†ç‚¹ãŒæŒ™ã’られるã¨æ€ã„ã¾ã™ãŒã€ Git-SVN を使ã†ã“ã¨ã§ã€ SVN ユーザーもã“ã® Git ã®å„ªã‚ŒãŸãƒžãƒ¼ã‚¸æ©Ÿèƒ½ã®æ©æµã‚’被れã¾ã™ã€‚ SVN 㯠CVS よりブランãƒä½œã‚Šã‚„ã™ããªã£ã¦ã‚‹ã‘ã©ã€ãƒžãƒ¼ã‚¸ãŒå›°é›£ãªã®ã§çµå±€ãƒã‚¯ã«ãƒ–ランãƒåˆ‡ã‚‰ãªã„ã€ã¿ãŸã„ãªã“ã¨ã‚‚多ã„ã¨æ€ã†ã®ã§ã™ãŒã€ Git-SVN ãŒã‚ã‚Œã°ã‚¬ãƒ³ã‚¬ãƒ³ãƒ–ランãƒåˆ‡ã£ã¦ã¯ãƒžãƒ¼ã‚¸ã—ã¾ãã£ã¦ã€ã¨ã„ã†ãµã†ã«ä½œæ¥å‡ºæ¥ã‚‹ã¨æ€ã„ã¾ã™ã€ã‚ˆã‹ã£ãŸã§ã™ã。 ã‚“ã§ã€ Git-SVN を使ã£ã¦ã„ã‚‹ã¨ã€ä»Šè‡ªåˆ†ãŒä½œæ¥ã—ã¦ã„ã‚‹ã®ãŒã©ã“ã«ã‚³
Snow Leopardã¨è„±MacPortsã§ã¾ãšRubyをソースインストールã™ã‚‹ãƒ¡ãƒ¢ - レオメモ - s21g
事å‰ã«ãƒ‘スã®èª¿æ•´ã‚’ã™ã‚‹ã€‚Macã§ã¯ ã€/etc/pathsã§å®šç¾©ã—ãŸæ–¹ãŒæ¥½ã 。ã©ã®ã‚·ã‚§ãƒ«ã‚’使ã£ã¦ã‚‚ã€ãƒ‡ãƒ•ã‚©ã§å…¥ã‚‹ãƒ‘スè¨å®šã 。以下ã®ã‚ˆã†ã«ã™ã‚‹ã¨ã„ã„ã‹ãªã€‚ 1 $ cat /etc/paths 2 /usr/local/bin 3 /usr/bin 4 /bin 5 /usr/local/sbin 6 /usr/sbin 7 /sbin パスãŒã“ã†ãªã‚‹ï¼š 1 echo $PATH 2 /usr/local/bin:/usr/bin:/bin:/usr/local/sbin:/usr/sbin:/sbin:/usr/X11/bin /usr/X11/binãŒ/etc/paths.d/X11ã‹ã‚‰è¨å®šã•ã‚Œã¦ã„る。詳ã—ãã¯man path_helperã§ã€‚ Macã§ã¯Readlineã®ã‹ã‚ã‚Šã«BSDç³»Editlineを使ã£ã¦ã„ã‚‹ã‘ã©ã€ã“ã‚Œã¯æ—¥æœ¬èªžãªã©ã¨ã®ç›¸æ€§ãŒæ‚ªãã„ãŸã‚Mac標準ã®
html5ã®æ–°ã—ã„è¦ç´ « KuniMemo
html5ã¯htmlã®æ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚る。ã“ã®ç‰¹å¾´ã¯ä»Šã¯web2.0ã®æ™‚代ã§ã‚ã‚Šã€å‹•çš„ãªè¦ç´ ãŒã©ã‚“ã©ã‚“å¿…è¦ã«ãªã£ã¦ããŸã‹ã‚‰å¯¾å¿œã—ã¦ã„ã“ã†ã¨ã„ã†ã‚‚ã®ã§ã‚る。ãã®ãŸã‚javascriptを使ã†å‰æã§ã¤ãられãŸè¦ç´ ãŒã¡ã‚‡ã“ã¡ã‚‡ã“ã¨ã‚ã£ã¦canvasã‚’ã†ã¾ã使ãˆã°flashãŒã„らãªããªã‚Šãã†ã€‚ html5ãŒã¡ã‚‰ã»ã‚‰ã§å§‹ã‚ã¦ããŸã®ã§ä»Šã®ã†ã¡ã‹ã‚‰ãƒ¢ãƒŽã«ã—ã¦ãŠããŸã„。ブラウザもã‘ã£ã“ã†å¯¾å¿œã—ã¦ã„ã¦ã€html5ã§Webを作ã£ã¦ã‚‚見れるよã†ã«ãªã£ã¦ãã¦ã„る。実験的ã«ã ã¨ã¯æ€ã†ã‘ã©ã€appleã®safari 4ã®ãƒšãƒ¼ã‚¸ã¯html5ã§æ›¸ã‹ã‚Œã¦ã„る。ãƒãƒƒã‚¯ã‚’ã†ã¾ãã¤ã‹ãˆã°ã©ã®ãƒ–ラウザã§ã‚‚何ã¨ãªãã¯ä½¿ãˆã‚‹ã¿ãŸã„。 調ã¹ã¦ã¿ãŸæ„Ÿã˜ã ã¨ã‘ã£ã“ã†ã‚ã‚“ã©ãã•ãã†ã€‚ãªã‚“ã‹å‰ã‚ˆã‚Šä¼¼ãŸã‚ˆã†ãªè¦ç´ ãŒã„ã£ã±ã„ã‚ã‚‹æ°—ãŒã™ã‚‹ã€‚英語ãŒã§ããªã„ã®ã§ç´°ã‹ãªæ„味ãŒåˆ†ã‹ã‚‰ãªã„ã›ã„ãªã®ã‹ã‚‚ã—ã‚Œãªã„ã‘ã©ã€‚ã§ã‚‚canvasã¨ã‹videoã¨ã‹ãŒã™ã”ã
æ£ç¤¾å“¡ã«ãªã£ãŸã®ã«è¾žã‚ãŸ:ãƒãƒ ã‚¹ã‚¿ãƒ¼é€Ÿå ±ã€€ï¼’ã‚ã
æ£ç¤¾å“¡ã«ãªã£ãŸã®ã«è¾žã‚㟠カテゴリ☆☆☆ 1 ：以下ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™ï¼š2009/09/07(月) 12:03:36.22 ID:1As8Px5o0 åˆã‚ã¦åƒã„㟠無è·æœŸé–“17å¹´ æ€ã£ã¦ãŸã¨ãŠã‚Šã‚ツイã 一ヶ月もãŸãªã‹ã£ãŸ ã™ã¿ã¾ã›ã‚“ 2 ：以下ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™ï¼š2009/09/07(月) 12:05:06.40 ID:yy81N9jn0 ãŠã‹ãˆã‚Š 4 ：以下ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™ï¼š2009/09/07(月) 12:05:38.17 ID:JPsORc6q0 ã‚ツイã£ã¦æ¥å‹™ãŒï¼Ÿ >>4 時間ã‹ãªâ€¦ æ¥å‹™ã¯ã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸ 6 ：以下ã€åç„¡ã—ã«ã‹ã‚ã‚Šã¾ã—ã¦VIPãŒãŠé€ã‚Šã—ã¾ã™ï¼š2009/09/07(月) 12:06:06.45 ID:ccyH+zab0 家æ—ã‚‚æ‹äººã‚‚å‹é”ã‚‚ã„ãªããªã£ãŸã‚‰åƒãç†ç”±
(eval (tokyo-emacs #x02))。 - 日々ã€ã¨ã‚“ã¯èªžã‚‹ã€‚
本日開催ã•ã‚ŒãŸ (tokyo-emacs #x02) ãŒçµ‚ã‚ã‚Šã€ç¾åœ¨å¤œè¡Œãƒã‚¹ã«ä¹—ã‚Šè¾¼ã¿ã¾ã—ãŸã€‚ å‰å›žã¯æœªå‚åŠ ãªã®ã§å˜ã˜ã‚ã’ã¦ãŠã‚Šã¾ã›ã‚“ãŒã€ä»Šå›žã¯å‚åŠ è€…ãŒç´„40人ã€ãã®ã†ã¡ä»–府県よりå‚åŠ ã•ã‚ŒãŸæ–¹ã¯åƒ•ã¨ id:k1LoW ã•ã‚“ã ã‘ã¨ã„ã†ã“ã¨ã§ã€æ±äº¬ã® Emacs ã«èˆˆå‘³ã®ã‚る人ã®äººå£ã®å¤šã•ã«åƒé©šã—ã¾ã—ãŸã€‚ 関西㮠Emacs ã‚‚ã“ã‚Œãらã„ã®è¦æ¨¡ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒã§ããŸã‚‰æ¥½ã—ã„ã ã‚ã†ãªãã¨ç¾¨ã¾ã—ãæ€ã„ã¾ã—ãŸã€‚ å„発表資料ã¯ã€tokyo-emacs-x02 - tokyo-emacs | Google グループã«éšæ™‚公開予定ã¨ã®ã“ã¨ã§ã™ã€‚ メインセッション「Emacs 23 & Mule 6 新機能ã¨æ´å²ã®ç´¹ä»‹ã€ å·å¹¡ã•ã‚“ã«ã‚ˆã‚‹ Emacs ã®ã“ã‚Œã¾ã§ã®æ´å²ã‚’è¸ã¾ãˆãŸ Emacs ã®å¤šè¨€èªžåŒ–ã®æµã‚Œã¨å†…éƒ¨æ§‹é€ ã«ã¤ã„ã¦ã®ãŠè©±ã€‚ Emacs 内部ã«ã¤ã„ã¦ã€åƒ•ãªã©ã¯å½“然ãªãŒã‚‰çŸ¥ã‚‹ä½™åœ°ã‚‚ãªã„ã‚ã‘ã§ã™ãŒã€ä»Šå›žã®ãŠè©±
ワラノート - FC2 BLOG パスワードèªè¨¼
ブãƒã‚° パスワードèªè¨¼ 閲覧ã™ã‚‹ã«ã¯ç®¡ç†äººãŒè¨å®šã—㟠パスワードã®å…¥åŠ›ãŒå¿…è¦ã§ã™ã€‚ 管ç†äººã‹ã‚‰ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
snippetsEmu ã‹ã‚‰ snipMate ã«ç§»è¡Œã—ãŸã¾ã¨ã‚
id:dann ã•ã‚“ã®è¨˜äº‹ 「snipMateã®snippetãŒæ›¸ãã‚„ã™ã„件ã€ã§ snipMate.vim ãŒç´¹ä»‹ã•ã‚Œã¦ã¦è©¦ã—ã¦ã¿ãŸã€‚ snipettsEmu.vim 㯠snippets ã®è¿½åŠ ãŒã‚ã‚“ã©ãã•ã‹ã£ãŸã£ã¦ã®ã‚‚ã‚る㗠入力ãŒã‚¿ã‚¤ãƒã—ã¦ãŸã‚Šã™ã‚‹ã¨ç·¨é›†å¾Œã«æ¬¡ã®å ´æ‰€ã«ç§»å‹•ã§ããªã‹ã£ãŸã‚Šã¨ã‹ (1)入力後 => (2)ã«ç§»å‹•ã¨ã„ã£ãŸã“ã¨ã‚’ã—よã†ã¨ã™ã‚‹ã¨ html_snippets.vim を書ãç›´ã™å¿…è¦ãŒã‚ã£ãŸã€‚ snipMate 㯠sunppets ã®è¿½åŠ ãŒç°¡å˜ãã†ã ã£ãŸã®ã§ä¹—ã‚Šæ›ãˆã¦ã¿ãŸã€‚ インストール snipMate.vim をダウンãƒãƒ¼ãƒ‰ã—ã¦ã㦠.vim ディレクトリ以下ã§è§£å‡ã™ã‚Œã°çµ‚了。 使ã„方㯠snipettsEmu ã¨åŒã˜ã§ã™ã€‚ snippetsã®æ§‹é€ $ tree html snippets |-- html.snippet <- filetype $ tree
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
女å高ã¯ç™¾åˆã ら㑠- VIPã®ç™¾åˆ
{{#tags}}- {{label}}
{{/tags}}