ממשק המשתמש Yahoo! בלוג (YUIBlog)

Yui: פתיחת יום חמישי 24 במאי שעות

YUIDoc עדכונים וטרוויס CI אינטגרציה

עם המהדורה האחרונה של YUIDoc ו האחרונה שלו הודעה על קבלת בדיקות Yui הפועלים טראביס CI , זה נראה כמו זמן טוב לשוחח ו-Q & A עם DAV. לא שיש זמן טוב לשוחח עם DAV.

זמן & פרטים

אנחנו נהיה באינטרנט ביום חמישי 10:00-11:00 PDT.

אנחנו חוזרים באמצעות Adobe חבר השבוע כי ההחלטה לשדר ממקומות הבילוי Google + על האוויר היה קצת נמוך, והיינו רוצים צ 'אט כדי להיות נגישים יותר עבור משתמשים שאינם-IRC. תן לנו לדעת אם אתה מסכים או לא מסכים על דבריו.

הקלטה

ההקלטה היא זמינה YouTube YUILibrary הערוץ .

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

Yui וטרוויס יושב על עץ, ממזר

בשבועות האחרונים ביליתי הרבה זמן לקבל בדיקות הליבה של Yui להורג על טראביס CI . נכון להיום, כל דחיפה שלנו Yui 3 repo על תוצאות GitHub ביותר מ 6000 (6053 ליתר דיוק) בדיקות יחידה מוצאים להורג ומחובר. בדיקות אלה כוללות של 1,130 JavaScript בלבד הליבה שלנו המבצעות בדיקות יחידה מקורי בתוך Node.js על גירסאות 0.4.x ו 0.6.x (עם תמיכה 0.7.x יתווספו בקרוב). אנו עוקבים אחר כי עם חבילה מלאה שלנו יחידת הבדיקה (4,923 בדיקות), פועל עם שורת הפקודה שלי YUITest / PhantomJS העטיפה, גרובר .

היום אני רוצה לספר לכם קצת יותר על איך ולמה אנחנו עושים את זה.

למה?

במשך זמן רב, הבדיקות שלנו ובונה היו תעלומה למשתמשים שלנו. כולם קרה בחדרי חדרים ואף אחד לא באמת ידע מה אנחנו עושים. בשנים האחרונות, התחלנו להוסיף עוד ועוד בדיקות שלנו לעץ המקור שלנו, כך שאנשים יוכלו לראות מה אנחנו בודקים באופן פעיל. זה עזר קצת, אבל זה לא עולה כי גמר כל הבדיקה על כל בנייה, וכי אם הבדיקה נכשלת, אנחנו לא דוחפים את זה כדי לבנות GitHub.

ואז הגיע טרוויס CI, קוד פתוח מתמיד שילוב פלטפורמה ווים ישירות GitHub. שיחקתי עם זה ליום אחד ומיד החלו לנוע סביב הבדיקות שלנו כדי שנוכל להשתמש בו. אנו רוצים להיות שקופים יותר בתהליכים שלנו ולאפשר לציבור לראות מה לבדוק ואיך אנחנו עושים את זה.

דבר אחד אנחנו רוצים להוסיף תהליך זה הוא גישה הדו"ח הנוכחי שלנו כיסוי קוד. נכון לעכשיו, יש להפעיל דוח כיסוי קוד היומי מבדיקות שנעשו FF12, Chrome-IE8 האחרונה, אבל אף אחד המשתמשים שלנו יכולים לראות שאנחנו על ~ 80% מכוסה:

אנחנו עובדים מאוד קשה כדי לתקן את הבעיה ואני מקווה לקבל את הנתונים בגלוי לעיני כל.

איך?

הייתי חייב לעשות שינויים מינימליים כדי לבדוק חבילות הליבה שלנו כדי לגרום להם לפעול תחת Node.js ב טראביס CI. על ידי "מבחן חבילות הליבה", כלומר כל מודול Yui שיכולים לבצע ללא צורך DOM עבודה. זה כולל, אך לא מוגבל ל: Yui Core, Loader, YQL, Y.Array, Y.Object ועוד מודולים אלה הם כולם בתוך שמיש בהחלט Node.js ללא שינוי.

הבה נבחן את בדיקות YQL כדוגמה.

כל מה שאני צריך לעשות הוא ליצור מעטפת Node.js דומה מעטפת מבחן סטנדרטי אנו משתמשים בדפדפן וכוללים את המבחן בדיוק מה להורג בדפדפן.

הנה העטיפה של מודול YQL:

עכשיו, מודול בדיקה זו ניתן לבצע אותה בדפדפן וב Node.js ללא שינוי!

אזהרות?

על מנת להריץ בדיקות אלה באופן מקורי ב Node.js, הם לא צריכים לתקשר עם DOM. לדוגמה, Y.Array כולל שיטות עזר להתמודדות עם Array של ב-JavaScript. אבל יש כמה בדיקות הכוללות התמודדות עם אלמנטים DOM על מנת להבטיח כי השיטות עוזר להחזיר את הערכים הנכונים. לבדיקות אלו, הייתי צריך להזיז את הקוד DOM הקשורות לתוך מבחן חדש להוסיף, כי הבדיקה לרשימת הבדיקות להתעלם מהם כאשר Y.UA.nodejs מזוהה. בדרך זו, מבחנים אלו אינם מתעלמים Node.js, אבל עדיין להריץ בדפדפן.

הנה דוגמה:

כפי שאתה יכול לראות, זה קל יחסית לעשות בדיקות אלה מתבצעות בסביבות שני על מנת להבטיח כי הקוד שלנו הוא יציב ומתפקד באופן מלא כאשר נעשה בו שימוש Node.js כפי שהוא בדפדפן.

מה גרובר?

גרובר הוא כלי שורת פקודה המאפשר לך לבצע YUITest מבוססי בדיקות PhantomJS. PhantomJS הוא מקרה בלי ראש Webkit המאפשר לך להפוך דף HTML ללא נוכחות GUI. אז גרובר סוגר את הפער על זה מאפשר לך להריץ בדיקות יחידה שלנו מתוך שורת הפקודה של מערכת CI כמו טראוויס.

גרובר היא בחינם, זמין באמצעות: npm install -g grover (. אתה חייב להיות בינארי PhantomJS מותקן לפני השימוש גרובר)

איך אנחנו רואים את כל זה?

טראביס CI מספקת דיווח מלא של גרסאות קודמות, כמו גם את המידע העדכני המצב. להלן קישורים הפרויקטים הנוכחיים שלנו מתארח על טראביס CI:

• Yui 3
• YUIDoc
• Yeti
• גרובר

הנה קטע קטן ממה פלט לבנות שלנו נראה כמו (מן ההיסטוריה לבנות על Repo yui3 ):

מה עוד הוא עושה?

אנחנו מנסים את חידוש טראוויס / GitHub Pull תכונה על כל הפרויקטים שלנו. משמעות הדבר היא כי בכל פעם מפתח מגיש בקשה למשוך אותנו, טראביס באופן אוטומטי למשוך את הקוד שלהם, למזג אותו לתוך שני (על השרת) ולהפעיל מבחן חבילה מלאה שלנו היחידה נגדו. "Bot טראביס" שלהם באופן אוטומטי להוסיף הערה בחזרה בקשת המשיכה לספר מפתח אם התיקון שלהם עברו בדיקות שלה.

הנה דוגמה של העברת בקשה Pull:

ואף אחד שם הוא נכשל:

מה הלאה

אנחנו מתכננים להוסיף תמיכה עבור ביצוע הבדיקות שלנו עם Yeti ברגע זה הופך להיות יציבה מספיק כדי לרוץ על כל לבנות. אנחנו גם בודקים את פריסת כיסוי הקוד שלנו מספרים גם כן. חוץ מזה, אתה מוזמן לספר לנו במה דרכים אחרות שאנחנו יכולים להיות פתוחים יותר ממה שאנחנו עכשיו.

אני, למשל, מאוד שמח עם כל אלה תכונות חדשות אני מקווה שאתה יותר מדי!

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

Yui 3.6.0 PR1 זמין כעת

אנו שמחים להודיע ​​על הזמינות של Yui 3.6.0 PR1 לבדיקה הקהילה משוב. הקדש דקה כדי לבדוק את זה באמצעות CDN או להורדה .

להלן תאריכי היעד עבור כל Yui 3.6.0 אבני דרך:

• PR1 - 8 מאי 2012
• PR2 - 12 יוני 2012
• PR3 - 17 יולי 2012
• GA - 31 יולי 2012

סקירה של פריטים אנחנו עובדים על על Yui 3.6.0 כוללים:

• ScrollView שיפורים
• DataTable תכונות ושיפורים בביצועים
• תרשימים תיקוני באגים
• תצוגה מקדימה תכונה הועלה
• לוח שנה קופץ
• Yui זרע והעולמית refactored לביצוע

אנחנו גם נקיטת צעדים לרכז מחזור הפיתוח שלנו, כך שנוכל המעבר משחרר חודשי בעתיד הקרוב.

רשימת הסוגיות הנידונות 3.6.0 PR1 ואת הרשימה המלאה של בעיות ממוקדות עבור 3.6.0 זמינים גשש באג שלנו.

אנו מזמינים אתכם להצטרף לדיונים פיתוח מתמשך קורה עם הצוות על על GitHub.

אנו מצפים משוב המתמשך!

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

YUIDoc 0.3.0 רשמי!

היום אנחנו שמחים להודיע ​​על שחרורו הרשמי של החדש YUIDoc , תיעוד JavaScript שלנו גנרטור. YUIDoc הוא Node.js יישום שיוצר תיעוד API מ הערות במקור, תוך שימוש בתחביר דומה כלים כמו Javadoc ו Doxygen. YUIDoc בימים אלה להפעלת תיעוד API עבור Yui ומאז עודכן באופן פעיל במהלך השנה האחרונה .

[להציג תמונה גדולה יותר]

YUIDoc מספק:

• לחיות מקדימות. YUIDoc כולל שרת עצמאי דוק, מה שהופך אותו בכך כדי להציג תצוגה מקדימה Docs שלך כמו שאתה כותב.
• התיעוד שנוצר מודרנית סימון. של YUIDoc הוא יישום אטרקטיבי, אינטרנט מתפקד עם כתובות אמיתיות fallbacks חינניות של עכבישים וחומרים אחרים לא יכולים להפעיל JavaScript.
• תמיכת שפות רחב. YUIDoc תוכנן במקור עבור הפרויקט Yui, אבל זה לא קשור לספריה מסוימת או שפת תכנות. אתה יכול להשתמש בו עם כל שפה התומכת /* */ תגובה בלוקים.

כמה מן התכונות החדשות שנוספו בגרסה זו הם:

• Markdown תמיכה בהערות קוד
• תמיכה עבור תגי רבים יותר מהקופסה
• ההיגיון מופרדים, כדי לאפשר הרחבה קלה
• תמיכה טובה יותר theming
• שרת במצב של תצוגה מקדימה בזמן פיתוח
• נתונים חיצוניים ערבוב
• קל פלטפורמת ההתקנה
• Cross-linking מבפנים ומבחוץ של הפרויקט הנוכחי
• JSON מבוסס תצורה

בוא לפרט קצת יותר על כמה מהם:

התקנה פשוטה

אם יש לך Node.js ו NPM מותקן, ההתקנה קלה:

  NPM-G התקנה yuidocjs 

Markdown תמיכה בהערות קוד

YUIDoc יהיה לנתח את התגובה שלך עם Markdown לפני שהוא חל תבנית הכידון נותן לך גמישות רבה בעת כתיבת המסמכים שלך.

ההיגיון מופרדים, כדי לאפשר הרחבה קלה

YUIDoc משתמשת בתשתית מעמד של Yui פנימית והן ביצוא כל המודולים הללו כאשר require yuidocjs מודול. זה מאפשר למשתמשי הקצה לחבר את הפנימיים של YUIDoc וכדי לשנות את הדרך שהיא עושה דברים. אתה יכול להרחיב כיתות, להגדיל אותם או שטוח מחוץ שיטות לשנות את חבילת הצרכים שלך.

תמיכה טובה יותר theming

בהודעה זו אנו משתמשים המובנה Y.Handlebars עוזר להתמודד עם כל דור התבנית. לקחנו גם פיתוח בחשבון בעת ​​בניית בתכונה זו. YUIDoc יהיה הראשון לחפש הוא בנוי בספרייה הנושא החלקיים, אז זה יהיה נושא החיפוש מדריך המקומי. זה מאפשר לך רק צריך לשמור את הקבצים שאתה רוצה לשנות בערכת נושא שלך לא צריך להעתיק כל חלקי גם אם אתה לא משנה את זה.

שרת במצב של תצוגה מקדימה בזמן פיתוח

זוהי תכונה חדשה האהוב עלי! אתה יכול לפטר את YUIDoc במצב שרת זה ייתן לך מקדימות חיות של תיעוד שלך כמו שאתה עורך אותו. כל שעליך לעשות הוא לשמור את הקובץ וטען מחדש את הדף מובנית בשרת ולראות את השינויים בחיים. כולל נתונים חיצוניים cross-linking. אתה כבר לא צריך לייצר מסמכים עבור הפרויקט כולו שלך רק כדי לראות שינוי תיעוד!

נתונים חיצוניים ערבוב

YUIDoc עכשיו מאפשרת לך לקשר התיעוד שלך את הפלט שניתנו ממופע אחר YUIDoc. לדוגמה, אם הפרויקט שלך משתמש Yui והארכת כמה שיעורי הליבה שלנו, אתה יכול לקשר שלנו מיוצא data.json הקובץ (מ בנייה YUIDoc שלנו) וכאשר YUIDoc מנתח התיעוד שלך זה יהיה להביא נתונים שלנו חוצה את כל הקישורים כיתות המורחבת חזרה לשלנו. בדרך זו אתה לא צריך לתעד קוד אחר פרויקטים, אתה פשוט להצביע אל הרופאים שלהם כאילו זה היה החלק שלך.

הפרויקט שינויים

פיתוח כל YUIDoc בעתיד יבוצעו באופן מלא על Github. אנחנו נהיה מעקב הפרויקט בוויקי שלהם באמצעות הבעיות שלהם כדי לנהל את הכרטיסים שלנו. זה ינוהל כמו פרויקט Node.js מקורית לגמרי פתוח. אנו גם באמצעות קבוצה של בקשות תמיכה, כדי להירשם היום !

אנחנו גם שמחים לדווח כי בדיקות יחידה של YUIDoc מתארחים על טראביס-CI ו יפעל לפי דחיפה Github!

• מקור
• תיעוד
• API Docs
• Google הקבוצה
• טראביס-CI

מה עם הגרסה הישנה של YUIDoc?

מקור Python הישן YUIDoc נמצא הסניף על Repo Github הנוכחי שבו הוא יישאר indefinately. אין גם תוכניות על קבלת בקשות למשוך או לעשות את כל העדכונים לאותו בסיס קוד.

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

Yui: פתיחת יום חמישי 10 במאי שעות

Yui 3.5.0 הועלה

הועלה עוד רכיב ראה שדרוג משמעותי 3.5.0. השינויים הרבים, אחד אחד גדול היה תוספת של תמיכה בתכונות מקומיים בדפדפנים התומכים ב-HTML5.

הצטרפו אלינו לדיון עם המחבר, אלן רבינוביץ' , בה נדבר על איך הועלה בנוי, כמה מן האתגרים עם טכניקות מודרניות שהיה צריך לטפל, ומה על מפת דרכים עבור גרסאות עתידיות.

זמן & פרטים

אנחנו נהיה באינטרנט ביום חמישי 10:00-11:00 PDT.

השבוע יהיה לנו לנסות Google פלוס Hangouts על האוויר, כך שמע להאכיל וידאו יהיה באמצעות G +, ואנו ניתן לעקוב אחר שיחה ב Yui # ערוץ IRC על FreeNode .

הצג את הקלטת

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

הכרזה Yui 3.5.1

אנו שמחים להודיע ​​על הזמינות של Yui 3.5.1 על CDN או להורדה . Yui 3.5.1 הוא שחרור scoped קטן יותר של תיקוני באגים בלבד.

תהנו!

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!

מציג בקרת ב DataTable: סקירה כללית

לאחרונה, לא היתה שאלה בפורום, על השימוש שדות קלט ב DataTable. בלחיצת המתמשך לבנות יישומים מורכבים יותר מתמיד בדפדפן, החלטתי סקירה של האפשרויות הזמינות לעריכה נתונים טבלאיים עשוי להיות שימושי.

הדרך פשוטה ביותר לערוך נתונים יהיה להשתמש עריכה במקום, אבל זה עדיין אינו זמין ב Yui 3 DataTable. בינתיים, אפשרות אחת היא לגלגל את השדות שלך קלט ישירות בתאי הטבלה, בדומה בדוגמה זו .

אם אתה לא רוצה לשמור כל שינוי כאשר זה קורה, אתה יכול להשתמש QuickEdit מודול גלריה במקום. זה מאפשר לך לערוך את כל התאים נראים לעין ולאחר מכן לשמור את השינויים בפעולה אחת.

הפתרונות הנ"ל מודאלית. אם אתה מעדיף את הדרך הלא מודאלית לערוך את כל התאים, אתה יכול להשתמש בעורך גורפת יישומון. זו עובדת עם דפוף, כך שתוכל לשמור את כל השינויים על פני כל הדפים של הטבלה שלך בפעולה אחת. זה גם מאפשר לך להוסיף בקלות ולהסיר שורות - וגם כאשר אתה משתמש מרוחק בנתוני המקור!

עיקר עורך לא בנויה על גבי Yui DataTable, עם זאת. אם אתה צריך תכונות אחרות של Yui DataTable, ניתן להשתמש שימור המדינה תוסף עבור Yui 3 DataTable. זה עובד גם עם דפוף, כך שתוכל לשמור את כל הערכים על כל הדפים בפעולה אחת, אבל זה לא נועד לאפשר לך בקלות להוסיף או להסיר שורות.

תוסף שימור המדינה שימושית גם אם אתה רוצה לעשות משהו פשוט יותר כמו הצגת תיבות סימון לבחירת שורות בטבלה.

הסיבה לכל אלה פתרונות שונים היא הנדסה הפשרות הם מורכבים למדי, לכן לא מומלץ לבנות כיור מטבח יחיד הפתרון תומך בכל התכונות הנ"ל. יש לקוות, סקירה זו תסייע לך לבחור את המודול המתאים להתמודדות הבאה הגדול שלך הטבלה מבוססת הבקשה.

אודות המחבר: ג'ון Lindal ( @ jafl5272 בטוויטר) הוא אחד המהנדסים הראשיים בניית הבסיס שעליו יאהו! APT בנוי. בעבר, עבד ברשת Yahoo! Publisher.

מצא את שיחות: Bloglines | technorati

לשתף ולהרחיב: הפוך עם del.icio.us | Digg אותו! | reddit!