YUI Testを使ã£ãŸJavaScriptユニットテストã®ã™ã™ã‚
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€æ¤œç´¢äº‹æ¥éƒ¨ã®è§’ç”°ã§ã™ã€‚ ç§ãŒæ‹…当ã—ã¦ã„るプãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯PHPUnitã¨Seleniumを使ã£ã¦ãƒ†ã‚¹ãƒˆã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ãã—ã¦ã€æœ€è¿‘YUI Testã¨ã„ã†JavaScriptã«ã‚ˆã‚‹ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ©ã‚¤ãƒ–ラリを使ã„始ã‚ã€JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãŒã¨ã¦ã‚‚ã„ã„æ„Ÿã˜ã«æ€ãˆã¦ããŸã®ã§ã”紹介ã—ã¾ã™ã€‚ YUI Testã¯ã€Yahoo! Developer Networkã«ã¦å…¬é–‹ã•ã‚Œã¦ã„ã‚‹Yahoo! UI Libraryã®æ•°å¤šãã‚るコンãƒãƒ¼ãƒãƒ³ãƒˆã®ä¸ã®ä¸€ã¤ã§ã™ã€‚ãã®åã®é€šã‚Šã€JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’è¡Œã†ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚Javaã«ã‚ˆã‚‹JUnitã‚„PHPã«ã‚ˆã‚‹PHPUnitを使ã£ãŸã“ã¨ã®ã‚ã‚‹æ–¹ã§ã‚ã‚Œã°ã€ã™ãã«ä½¿ã„æ–¹
Yahoo! UI Library: Rich Text Editor
The Rich Text Editor is a UI control that replaces a standard HTML textarea; it allows for the rich formatting of text content, including common structural treatments like lists, formatting treatments like bold and italic text, and drag-and-drop inclusion and sizing of images. The Rich Text Editor's toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high
日本語å‘ã‘fonts.cssç™»å ´ï¼Ÿ ç„¡æ–™ã§ä½¿ãˆã‚‹JSライブラリYUIã®åŸºç¤Ž | Web担当者Forum
去る8月10æ—¥ã€éŠ€åº§ã®ã‚¢ãƒƒãƒ—ルストアã«ã¦ã€ŒCSS Nite Vol.20ã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚ テーマã¯ç±³ãƒ¤ãƒ•ãƒ¼ãŒç„¡å„Ÿã§æä¾›ã—ã¦ã„ã‚‹JavaScriptã¨CSSã®ãƒ©ã‚¤ãƒ–ラリ「Yahoo User Interface Libraryã€ã€‚「YUIã€ã®åã§çŸ¥ã‚‰ã‚Œã‚‹ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã«é–¢ã—ã¦ã€ç±³ãƒ¤ãƒ•ãƒ¼ã®YUIãƒãƒ¼ãƒ エンジニアリングマãƒã‚¸ãƒ£ãƒ¼ã§ã‚るエリック ミラグリアæ°ãŒæ¥æ—¥ã—ã¦è¬›æ¼”ã—ãŸã€‚ 編集部ã§ã¯ã€ç‹¬è‡ªã«æ—¥æœ¬èªžå‘ã‘ã®YUI CSSã«é–¢ã™ã‚‹æƒ…å ±ã‚‚å…¥æ‰‹ã—ãŸã®ã§ã€ã‚¤ãƒ™ãƒ³ãƒˆã®æ§˜åã¨ä½µã›ã¦ãƒ¬ãƒãƒ¼ãƒˆã—よã†ã€‚ çµè«–ã‹ã‚‰è¨€ã†ã¨ã€YUIライブラリã¯éžå¸¸ã«ã‚ˆã作り込ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€ã©ã‚“ãªã‚¦ã‚§ãƒ–サイト開発ã«ã‚‚利用ã§ãる便利ãªã‚‚ã®ã§ã€ãœã²ä½¿ã£ã¦ã¿ã¦ã»ã—ã„。無償ã§åˆ©ç”¨ã§ãã‚‹ã†ãˆã«ã€åˆ©ç”¨æ¡ä»¶ã¨ã—ã¦ã‚‚ã€å†é…布時ã«è‘—作権表示をã™ã‚‹ã ã‘ã„ã„「BSDライセンスã€ã§æä¾›ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€å•†ç”¨ã‚µã‚¤ãƒˆã§ä½¿ã†å ´åˆã§ã‚‚ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’公開ã™ã‚‹ç¾©å‹™ãŒç”Ÿ
JavaScriptを使ã£ã¦ãƒšãƒ¼ã‚¸ã«ãƒžã‚¦ã‚¹ã‚¸ã‚§ã‚¹ãƒãƒ£æ©Ÿèƒ½ã‚’実装ã™ã‚‹:phpspot開発日誌
YUI: Mouse Gestures JavaScriptを使ã£ã¦ãƒšãƒ¼ã‚¸ã«ãƒžã‚¦ã‚¹ã‚¸ã‚§ã‚¹ãƒãƒ£æ©Ÿèƒ½ã‚’実装ã™ã‚‹ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 基本ライブラリã«ã¯Yahoo UI Libraryを使用ã—ã¦ã„ã¾ã™ã€‚ ç”»é¢ä¸Šã®ç°è‰²éƒ¨åˆ†ã‚’左クリックã—ãªãŒã‚‰ãƒžã‚¦ã‚¹ã‚¸ã‚§ã‚¹ãƒãƒ£ã‚’è¡Œã†ã“ã¨ã§ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã™ã‚µãƒ³ãƒ—ルã«ãªã£ã¦ã„ã¾ã™ã€‚ コードã¯æ¬¡ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 最åˆã«ã€ãƒžã‚¦ã‚¹ã®å‘ãã¨é–¢æ•°åを関連付ã‘ãŸé€£æƒ³é…列を定義ã—ã¦ã€YAHOO.widget.Gestures.init ã«æ¸¡ã—ã¦ã„ã¾ã™ã€‚ 後ã¯é–¢é€£ä»˜ã‘ãŸé–¢æ•°ã®ä¸èº«ã‚’定義ã™ã‚‹ã ã‘ã¨ã„ã†å®Ÿè£…ã®å®¹æ˜“ã•ã¨ãªã£ã¦ã„ã¾ã™ã€‚ <script type="text/javascript"> var config = { 'left': test1, 'right': test2, 'up': test3, 'down': test4, 'upleft': test5,
Yahoo UI Libraryã‚’æ‹¡å¼µã—ãŸè¶…リッãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†:phpspot開発日誌
yui-ext Documentation Center Yahoo UI Libraryã‚’æ‹¡å¼µã—ãŸè¶…リッãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã€‚ 拡張コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’使ã£ã¦ä½œã£ãŸã‚‚ã®ãƒªã‚¹ãƒˆã‚’以下ã«åˆ—挙。 Livedoor Reader ã®ã‚ˆã†ãªã™ã”ã„RSSリーダー ãã®å ´ã§ç·¨é›†å¯èƒ½ãªä½¿ã„ã‚„ã™ãã€ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ タブコントãƒãƒ¼ãƒ« プãƒãƒ‘ティ編集ボックス å‚考ã«ã™ã‚Œã°ã€ãªã‹ãªã‹å‡„ã„ã‚‚ã®ãŒä½œã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“:-) ドã‚ュメントも充実ã—ã¦ã„ã¦ã€æ¬¡ã®ã‚ˆã†ã«ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©å½¢å¼ã§è¦‹ã‚„ã™ã„ã§ã™ã€‚ 関連サイト prototype.jsリファレンス script.aculo.usリファレンス
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
config Class - YUI Library
https://www.julienlecomte.net/yuicompressor/
{{#tags}}- {{label}}
{{/tags}}