長岡工業高等専門学校研究紀要

論第49巻（2013）

文ֶՊ Web ϖʔδͷӡ༻ධՁͱվగߴ‫ڮ‬ɹষɾ্ଜ ݈ೋిࢠ੍‫ֶ޻ޚ‬ՊʢDepartment of Electronic Control Engineering, Nagaoka National College of Technologyʣ

Performance Evaluation and Renewal of
Department’s Oﬃcial Web Site
Akira TAKAHASHI and Kenji KAMIMURA
Abstract
In evaluating the operational performance of the department’s web site for the period between 2006
and 2013, we found that the total number of page accesses peaked in 2010 and subsequently trended
downward. We also noted that the ratio of applicants to places was unaﬀected by this downward trend,
and that, based on a questionnaire given to freshman classes, 25% of incoming freshman had used the website to collect information about our department. These ﬁndings led us to conclude that the content of theweb site is suﬃcient to attract prospective students’ interest and that our renewal should preserve most of
this content, while introducing state-of-the-art web technologies (i.e., HTML5 and CSS3). Accordingly,
we implemented a number of new web pages and validated their standards conformance using establishedservices. Although the number of site visitors has not signiﬁcantly increased since the new pages went
live, we believe that the changes successfully demonstrate the department’s embrace of new informationand communication technologies. We will continue to update the department’s web site in accordance withthe PDCA (plan-do-check-act) cycle. Our aim is to increase the attractiveness and technical proﬁciencyof the site, while maintaining or improving the quality of its content.
Key Words: web page, PDCA cycleɼHTML5, CSS3, validation͚͖ͯͨ 1, 2) ɽ͜ͷվగͰ͸ Web ඪ४ٕज़Λ༻͍ͯɼ̍ɽ ͸͡ΊʹΞΫηγϏϦςΟʹ഑ྀͨ͠ઃ‫ܭ‬Λߦ͍ɼٕज़తͳ‫ݕ‬Web ͸ෆಛఆଟ਺ʹ޲͚ͨ৘ใൃ৴ϝσΟΞͱͯ͠ී‫͠ٴ‬ɼඇৗʹଟ͘ͷ‫ۀا‬ɾ૊৫ɾ‫ ͕ؔػ‬Web αূΛߦ͏͜ͱͰ޻‫ߴۀ‬ઐͱͯ͠ͷٕज़ྗ͕ΞϐʔϧͰ͖ΔΑ͏ͳ Web ϖʔδΛ੍࡞ͨ͠ɽΠτΛ։ઃ͍ͯ͠Δɽ௕Ԭ޻‫ߴۀ‬౳ઐ໳ֶߍʢҎԼɼٕज़ֵ৽ͷ଎͍৘ใ௨৴෼໺Ͱ͸ɼ͋Δ࣌఺Ͱ͸ඪ௕Ԭߴઐʣ΋ฏ੒ 8 ೥ʹެࣜ Web αΠτΛ։ઃ͠ɼ४తͰ͋ͬͯ΋਺೥‫ʹޙ‬͸௠෗Խͯ͠͠·͏ٕज़΋ฏ੒ 12 ೥ɼฏ੒ 17 ೥ɼฏ੒ 21 ೥ʹվగΛߦ͍ͳ͕ଟ͍ɽ͜ͷͨΊɼWeb ϖʔδʹ͍ͭͯ΋Ұఆ‫ؒظ‬ͷΒอक؅ཧͱӡӦΛߦ͖ͬͯͨɽిࢠ੍‫ֶ޻ޚ‬ՊʢҎӡ༻‫ʹޙ‬͸ɼ࣮੷Λ఺‫ݕ‬ɾධՁ͠ɼඞཁʹԠͯ͡৽͠

ԼɼEC Պʣͷެࣜ Web ϖʔδ΋ฏ੒ 9 ೥ʹ։ઃɼฏ͍ٕज़ΛऔΓࠐΜͩվగΛߦ͏͜ͱ͕๬·͍͠ɽWeb

੒ 18 ೥ʹվగ͕ߦΘΕɼҎ‫ޙ‬ͷอक؅ཧͱӡӦΛଓϖʔδͷվగͰ͸ɼͦΕ·ͰͷίϯςϯπΛҾ͖‫ܧ‬― 13 ―

高橋章・上村健二

ਤ–1 վగલͷ Web ϖʔδද–1 վగલͷϖʔδߏ੒ʢฏ੒ 25 ೥ 3 ݄࣌఺ʣϖʔδ಺༰͕ͣʹ‫׬‬શʹ৽͍͠σβΠϯ͓Αͼ಺༰ʹมߋ͢Δྫ͕ଟ͘‫ݟ‬ड͚ΒΕΔɽ͜Ε͸ɼWeb ϖʔδΛ੍࡞ɾτοϓ

؅ཧ͢ΔπʔϧΛมߋ͢Δ৔߹΍ɼσβΠϯ΍ߋ৽࡞ֶՊ঺հɼΫϩʔζΞοϓ ECɼ࠷ۙͷͰ͖͝ͱ‫ۀ‬Λ֎஫͢ΔΑ͏ͳ৔߹ʹɼҠߦ࡞‫ۀ‬ͷखؒΛল͘त‫ۀ‬Պ໨ɼत‫ۀ‬ɾ࣮‫ݧ‬෩‫ܠ‬ͷࣸਅͨΊͱࢥΘΕΔɽ͔͠͠ɼ඼࣭؅ཧͷ‫Ͱ఺؍‬͸ PDCAελοϑ‫ڭ‬৬һ঺հʢPlanɼDoɼCheckɼActʣαΠΫϧʹै͍ɼεύΠϥ‫ڀݚ‬֤‫࡞੍ࣨڀݚ‬ϖʔδ΁ͷϦϯΫ

ϧΞοϓʹΑΔߴ඼࣭ԽΛ໨ࢦ͢ํ͕๬·͍͠ɽਐ࿏ଔ‫ۀ‬ੜͷਐ࿏ɼ‫ٻ‬ਓ‫ۀا‬ଔ‫ۀ‬ੜͷ੠ଔ‫ۀ‬ੜ΁ͷΠϯλϏϡʔ‫ࣄه‬ֶੜαϙʔτֶੜαϙʔτϖʔδͷ঺հϦϯΫू֎෦ͷ Web αΠτ΁ͷϦϯΫूຊߘͰ͸ɼPDCA αΠΫϧΛҙ࣮ࣝͯ͠ࢪͨ͠ EC
Պ Web ϖʔδͷվగʹ͍ͭͯड़΂Δɽվగʹ͓͍ͯ͸ɼ·ͣฏ੒ 18 ೥Ҏ‫ޙ‬ͷ EC Պ Web ϖʔδͷӡ༻࣮੷Λ఺‫ݕ‬ɾධՁͨ͠ɽ࣍ʹɼ࠷৽ͷ Web ඪ४ٕज़ʹؔ͢ΔௐࠪΛߦ͍ɼͦΕΛ౿·͑ͯฏ੒ 25 ೥౓౰ॳ• Ξ Ϋ η γ Ϗ Ϧ ς Ο ʹ ഑ ྀ ͠ ɼWCAG1.0 Conformance Level “A”4) Λຬͨ͠ɼ΢Σϒίϯςϯπʹɼ͜Ε·ͰͷίϯςϯπΛ‫͔ͭͭ͠׆‬ɼWeb ϖʔJISʢJIS X 83415) ʣΛ֓Ͷຬͨ͢ɽδͷ࿦ཧߏ଄Λ‫ه‬ड़͢Δ HTMLʢHyperText MarkupLanguageʣ͓Αͼॻࣜʢࢹ֮తද‫ݱ‬ʣΛ‫ه‬ड़͢Δ CSSτοϓϖʔδͷը૾ʢ্෦ͷΈʣΛਤ–1 ʹࣔ͠ɼ‫ج‬

ʢCascading Style Sheetsʣͱͯ͠ɼ࠷৽ͷ HTML5+CSS3ຊతͳϖʔδߏ੒Λද–1 ʹࣔ͢ɽը໘͸ 2 ΧϥϜߏΛ࠾༻͢Δ Web ϖʔδΛઃ‫ͨ͠ܭ‬ɽͦͯ͠ɼٕज़త੒ͱͳ͓ͬͯΓɼࠨΧϥϜΛϝχϡʔྖҬɼӈΧϥϜͳ‫ূݕ‬Λߦ͍ͭͭɼࠓ‫਺ޙ‬೥ؒͷӡ༻ͷϕʔεͱͳΔΛϝΠϯίϯςϯπྖҬͱ͍ͯ͠ΔɽࠨΧϥϜ্෦ʢਤ–1 ͷ Aʣ͸ɼද–1 ͷ֤ϖʔδ΁Web ϖʔδ΁ͱվగΛߦͬͨɽͷϦϯΫΛฒ΂ͨ΋ͷͰɼͲͷϖʔδ΁Ҡಈͯ͠΋දࣔ͞ΕΔɽࠨΧϥϜԼ෦ʢਤ–1 ͷ Bʣ͸ɼτοϓϖʔ̎ɽ Web ϖʔδͷӡ༻࣮੷ͱධՁδʹ͓͍ͯ͸ʮ࠷ۙͷͰ͖͝ͱʯͷ೔෇ɼ‫ݟ‬ग़͠ɼࣸਅΛ 10 ใఔ౓‫͢ࡌܝ‬ΔɽଞͷϖʔδͰ͸ɼͦΕͧΕ̎ɽ̍ վగલͷ Web ϖʔδͷߏ੒ฏ੒ 18 ೥ʹެ։ͨ͠ EC Պ Web ϖʔδ͸ɼҎԼͷΑ͏ͳٕज़తͳಛ௕Λ࣋ͭ 1) ɿͷϖʔδͷ಺༰΍ؔ࿈৘ใʹΞΫηε͠΍͍͢ϦϯΫΛදࣔ͢ΔɽτοϓϖʔδͷϝΠϯίϯςϯπྖҬʹ͸ɼதֶੜ• HTML4.01 Strict ʹैͬͯ࿦ཧߏ଄Λ‫ه‬ड़͢Δɽ3)• ࢹ֮తͳσβΠϯ͸ CSS23) ʹै͏֎෦ελΠϧγʔτͰࢦఆ͢Δɽʹ޲ֶ͚ͨՊ঺հจɼʮΫϩʔζΞοϓ ECʯͱ‫ֶͿݺ‬Պͷ‫ڭ‬ҭ‫ؔ͢ʹڀݚ‬ΔτϐοΫε঺հɼWeb ϖʔδ੍࡞ͷϙϦγʔΛ‫͢ࡌܝ‬Δɽ

• SSIʢServer Side IncludeʣΛ༻͍ͯΧ΢ϯλΛઃஔ͢Δͱͱ΋ʹɼϖʔδΛ‫ػ‬ೳ୯Ґʹ෼ׂͯ͠อक؅ཧΛ༰қʹ͢Δɽ

― 14 ―

学科Webページの運用評価と改訂

ද–2 ʮ࠷ۙͷͰ͖͝ͱʯ‫ࣄه‬ɾࣸਅ਺೥౓ ‫ࣄه‬ຊ਺ ‫ࣸࡌܝ‬ਅ਺

ද–1 ͷ͏ͪɼ
ʮत‫ۀ‬ʯɼʮελοϑʯ
ɼʮ‫ڀݚ‬ʯɼʮֶੜαϙʔτʯͷ 4 ϖʔδ͸ɼඞཁੑ͕ͳ͍͔͗Γߋ৽Λ

H18
H19
H20
H21
H22
H23H24߹‫ܭ‬͠ͳ͍Ͱ͢ΉΑ͏ͳ৘ใΛ‫͢ࡌܝ‬ΔɽʮϦϯΫूʯ͸
ฏ੒ 20 ೥ʹ௥Ճ͞ΕͨϖʔδͰɼ஍‫ݩ‬ͷ࣏ࣗମ͓Αͼ๷ࡂɾ‫ؾ‬৅৘ใʹؔ͢Δ Web αΠτ΍ɼେֶɾֶձ
౳ͷ Web αΠτɼब৬‫׆‬ಈͷࢀߟʹͳΔΑ͏ͳ WebαΠτ΁ͷ֎෦ϦϯΫΛ঺հ͢Δ΋ͷͰ͋Δɽʮਐ࿏ʯϖʔδ͸ɼଔ‫ۀ‬ੜͷਐ࿏΍‫ٻ‬ਓ‫ؔ͢ʹۀا‬Δ৘ใΛ‫͠ࡌܝ‬ɼຖ೥ͷ೥౓౰ॳʹߋ৽࡞‫ۀ‬Λߦ͏ɽ

566
101
80
119
122
122
615

585
218
208
292
310
315
1433

ද–3 Web ΞΫηε 500 ճͷ૿Ճִؒʢ೔਺ʣ
߲໨ H20 H21 H22 H23 H24ʮଔ‫ۀ‬ੜͷ੠ʯ͸௕ԬߴઐΛ๚໰͖ͯͨ͠Γɼϝʔϧ౳Ͱۙ‫گ‬Λ͠Βͤͯ͘ΕΔଔ‫ۀ‬ੜʹ‫ྗڠ‬Λґཔ͠࠷୹ͯऔࡐΛߦ͍ɼਵ࣌௥Ճ͢Δɽ౷Ұ‫ײ‬Λ࣋ͨͤΔͨΊ࠷௕ʹɼऔࡐࣄ߲͸࣍ͷ 5 ߲໨Λ‫ج‬ຊͱ͢Δɿ

ฏ‫ۉ‬

612
8.4

612
8.5

4
9
6.2

5
10
7.9

8
17
11.7

1. ུྺʢଔ‫͔ۀ‬Βऔࡐ࣌఺·Ͱʣ2. ೖֶͷ͖͔͚ͬ
3. ߴઐ࣌୅ͷࢥ͍ग़
4. ‫گݱ‬ʢେֶੜ‫׆‬΍࢓ࣄͷ಺༰ʣ
5. ‫ޙ‬ഐ΁ͷϝοηʔδʮ࠷ۙͷͰ͖͝ͱʯ͸ֶߍߦࣄ΍෦‫׆‬ಈɼֶձ‫׆‬ಈͳͲΛ঺հ͢ΔͨΊͷϖʔδͰɼͰ͖Δ͚ͩଟ͘ͷΠϕϯτΛऔࡐͯ͠ਵ࣌ߋ৽Λߦ͏΋ͷͱͨ͠ɽ
ਤ–2 Web ΞΫηε਺ͱࢤ‫ئ‬ഒ཰ 6) ͷਪҠ̎ɽ̎ ฏ੒ 24 ೥౓·Ͱͷӡ༻࣮੷ͱධՁ
ฏ੒ 24 ೥౓·Ͱͷ 7 ೥ؒʹʮଔ‫ۀ‬ੜͷ੠ʯͱͯ͠ʹ͍ͭͯΞΫηε਺͕ 500 ૿͑Δ·Ͱʹཁ͢Δ೔਺

17 ໊͔Βͷऔࡐ‫ࣄه‬Λ‫ͨ͠ࡌܝ‬ɽऔࡐʹԠͯ͘͡Εͷ࠷୹ɼ࠷௕ɼฏ‫ۉ‬Λௐ΂ͨ݁ՌΛද–3 ʹࣔ͢ɽ·ͨଔ‫ۀ‬ੜͷ‫ج‬ຊ৘ใ͸ҎԼͷ௨ΓͰ͋Δɿ

ͨɼ֤೥ͷ 1 ݄͔Β 12 ݄·Ͱͷ૯ΞΫηε਺Λ֓ࢉͨ݁͠ՌΛਤ–2 ͷ๮άϥϑʹࣔ͢ɽ• ໊࣮ɿ14 ໊ɼಗ໊ɿ3 ໊

ਤ–2 ͷ 5 ೥ؒͷ೥ؒฏ‫ۉ‬ΞΫηε਺͸໿ 2 ສճͰɼ• உੑɿ13 ໊ɼঁੑɿ4 ໊

1 ೔ฏ‫Ͱۉ‬͸໿ 55 ճͱͳΔɽ೥ؒΞΫηε਺͸ฏ੒• ֶੜɿ12 ໊ɼࣾձਓɿ5 ໊ʢऔࡐ࣌఺ʣ22 ೥ͷ໿ 3 ສճΛϐʔΫʹ‫ݮ‬গ܏޲ʹ͋Γɼฏ੒ 24• ೔ຊਓɿ16 ໊ɼཹֶੜɿ1 ໊೥͸ϐʔΫ࣌ͷ໿ 53% ·Ͱ‫ݮ‬গ͍ͯ͠Δɽද–3 ʹ͓ಉ͘͡ 7 ೥ؒͷӡ༻‫ؒظ‬தʹʮ࠷ۙͷͰ͖͝ͱʯͱ͍ͯ΋ɼ࠷΋୹ִ͍ؒͰ 500 Χ΢ϯτ૿͍͑ͯΔͷ͸ͯ͠‫͞ࡌܝ‬Εͨ‫ࣄه‬ͷຊ਺ͱɼࣸਅຕ਺Λද–2 ʹࣔฏ੒ 22 ೥Ͱ͋Γɼฏ੒ 24 ೥͸࠷୹ɼ࠷௕ɼฏ‫ͱۉ‬΋͢ɽӡ༻౰ॳ͸ɼ‫ ࣄه‬1 ใʹ 1ʙ2 ຕͷࣸਅΛ‫͠ࡌܝ‬ฏ੒ 22 ೥ͷ໿ 2 ഒͷ೔਺·Ͱ૿Ճ͍ͯ͠Δɽ

͍͕ͯͨɼΑΓΠϕϯτͷงғ‫ؾ‬Λ఻͑Δ͜ͱ͕Ͱ͖

࠷ۙ 3 ೥ؒͷΞΫηε਺‫ݮ‬গ͕ɼதֶੜ΍ͦͷอ‫ޢ‬ΔΑ͏ʹ͢ΔͨΊɼฏ੒ 20 ೥Ҏ߱͸‫ͨ͋ࣄه‬Γͷࣸऀͷ‫ڵ‬ຯɾؔ৺ͷ௿ԼʹΑΔ΋ͷͱ͢Ε͹େ͖ͳ໰୊

ਅ਺Λ 1ʙ4 ຕʹ૿΍ͨ͠ɽ͜ͷͨΊɼ7 ೥ؒͷฏ‫ۉ‬Ͱ͋Δɽͦ͜Ͱɼ֤೥౓຤ʹ࣮ࢪ͞ΕΔୈ 1 ֶ೥ೖֶ͸‫ͨ͋ࣄه‬Γ 2.3 ຕͱͳͬͨɽͳ͓ɼࣸਅ͸঻૾‫ݖ‬౳ऀબൈͷࢤ‫ئ‬ഒ཰ʹ͍ͭͯɼ௕Ԭߴઐશମͱ EC Պͷʹ഑ྀ͠ɼ120 × 90 ըૉʹ౷Ұ͍ͯ͠Δɽτοϓϖʔδʢਤ–1ʣʹ͸ C ‫Ͱޠݴ‬ಠࣗʹ࡞੒͠ਪҠΛௐ΂ 6) ɼਤ–2 ʹંΕઢάϥϑͰࣔͨ͠ɽΞΫηε਺ͷਪҠͱࢤ‫ئ‬ഒ཰ͷਪҠΛൺֱ͢Δͱɼ྆ऀͷͨΧ΢ϯλ CGI ͕ઃஔ͞Ε͓ͯΓɼΞΫηεճ਺Λؒʹେ͖ͳ૬ؔ͸ͳ͘ɼগͳ͘ͱ΋͜ͷ 3 ೥ؒͷΞΫΧ΢ϯτͯ͠ӈஈ্෦ʹදࣔ͢Δɽฏ੒ 19 ೥͔Βɼηε਺‫ݮ‬গ܏޲͸ɼࢤ‫ئ‬ഒ཰ʹ௚઀Ө‫ڹ‬Λ༩͍͑ͯΔ͜ͷΧ΢ϯλʹΞΫηεճ਺͕ 500 ૿͑Δ౓ʹɼͦΑ͏ʹ͸‫͍ͳ͑ݟ‬ɽͷ೔࣌ΛϩάϑΝΠϧʹॻ͖Ճ͑Δ‫ػ‬ೳΛ௥Ճͨ͠ɽ

ฏ੒ 22 ೥Ҏ߱ɼEC ՊಠࣗͰ 1 ೥ੜΛର৅ʹΞϯ͜ͷϩάϑΝΠϧΛղੳͯ͠ɼฏ੒ 20 ೥Ҏ߱ͷ֤೥έʔτௐࠪΛ࣮ࢪ͠ɼೖֶͷಈ‫͍ͯͭʹͲͳػ‬ௐ΂ͯ

― 15 ―

ABCDਤ–4 վగ‫ޙ‬ͷ Web ϖʔδγϣϯͷϓϥοτϗʔϜͱͳΔ͜ͱΛࢤ޲͠ɼ2D/3DάϥϑΟοΫεɼԻ੠΍ಈըͷ࠶ੜͳͲͷ‫ػ‬ೳʹ͍ͭͯ΋ࡦఆ͕ਐΊΒΕ͍ͯΔɽ

ද–5 վగ‫ޙ‬ͷϝχϡʔߏ੒ϝΠϯϝχϡʔαϒϝχϡʔֶՊτοϓʢͳ͠ʣχϡʔε࠷ۙͷͰ͖͝ͱɼΫϩʔζΞοϓ EC̏ɽ̏ վగ‫ޙ‬ͷ Web ϖʔδͷߏ੒͜Ε·Ͱͷ EC Պ Web ϖʔδ͸ HTML4.01+CSS2Ͱ‫ه‬ड़͞Ε͍ͯͨʢ̎ɽ̍ʣɽվగ͢Δ৔߹ͷબ୒ࢶ‫ڭ‬ҭɾαʔϏεत‫ۀ‬ɼֶੜαϙʔτɼϦϯΫू‫ڀݚ‬ଔ‫Ͳͳڀݚۀ‬ɼ‫ࣨڀݚ‬ɼελοϑਐ࿏ɾϝοηʔδਐ࿏ɼଔ‫ۀ‬ੜͷ੠ͱͯ͠ɼ࿦ཧߏ଄͸ XHTML1.1 ͱ HTML5ɼॻࣜ͸

CSS2.1 ͱ CSS3 ͕ͦΕͧΕߟ͑ΒΕ͕ͨɼ৽͍ٕ͘͠ɽϔομͱϝχϡʔ͸ɼSSI Λར༻ͯ͠ଞͷϖʔδज़ͷಋೖΛ໨తʹ HTML5+CSS3 Λબ୒͢Δ͜ͱͱͰ΋ಉҰ಺༰Λදࣔ͢Δɽ

ͨ͠ɽͨͩ͠ɼHTML5 ͸‫ͱ͍͜ͳ͍ͯͬࢸʹࠂק‬Λϝχϡʔ͸ɼEC Պ Web ϖʔδͷ֤ίϯςϯπ΁ͷߟྀ͠ɼࠓ‫༷࢓ޙ‬มߋʹͳΔՄೳੑ͕গͳ͍ͱߟ͑ΒҠಈΛՄೳʹ͢ΔϦϯΫΛఏ‫͢ڙ‬Δ΋ͷͰɼϓϧμ΢ΕΔλάΛɼWeb ϖʔδͷ࿦ཧߏ੒Λ໌֬ʹ͢Δͨϯ‫͓ͯͬͳͱࣜܗ‬ΓɼϚ΢εΧʔιϧΛ߹ΘͤΔͱΊʹར༻͢Δ͜ͱͱͨ͠ɽ·ͨɼCSS3 Ͱ͸ Web ϒϥ

ද–5 ʹࣔ͢αϒϝχϡʔ߲໨͕දࣔ͞ΕΔɽ֊૚ߏ΢βຖʹҟͳΔը໘ඳը‫ػ‬ೳʢϨϯμϦϯάΤϯδ଄ͱ͢Δ͜ͱͰɼࠓ‫͍͠৽ޙ‬ίϯςϯπΛ௥Ճ͢Δࡍϯʣʹ߹ΘͤͯॻࣜΛࢦఆ͢Δ͜ͱͰɼࡉ͔͍ࢹ֮ޮʹ΋ޮ཰Α͘ରԠ͕ՄೳͰ͋ΔɽՌΛࢦఆ͢Δ͜ͱ΋Ͱ͖Δ͕ɼ؅ཧ͕൥ࡶʹͳΔͨΊτοϓϖʔδͷࠨΧϥϜ্෦ʢCʣʹ͸ɼ͜Ε͔Βߦ‫ڞ‬௨ʹࢦఆͰ͖Δ‫ػ‬ೳ͚ͩΛར༻͢Δ͜ͱͱͨ͠ 10) ɽΘΕΔֶߍߦࣄͷ༧ఆ΍ɼ௕Ԭߴઐެࣜ Web ϖʔδ͞ΒʹɼSSI ͱ‫ݺ‬͹ΕΔ Web αʔό্Ͱར༻ՄೳͷίϯςϯπͷதͰதֶੜʹ޲͚ͯ஫໨ͯ͠΄͍͠ͳɼಈతʹ Web ϖʔδΛߏ੒͢Δ‫ػ‬ೳΛར༻͢Δίϯςϯπ΁ͷϦϯΫΛஔ͘ɽಛʹߦࣄ༧ఆ͸ɼWeb͜ͱͰอक؅ཧͷޮ཰ԽΛ͸͔ͬͨɽSSI Ͱ͸ CGIϖʔδΛӾཡ͍ͯ͠ΔϢʔβʹର͠ɼۙʑऔࡐ༧ఆͷ

ʢCommon Gateway InterfaceʣϓϩάϥϜͷग़ྗ΍ɼߦࣄΛ঺հ͢Δ͜ͱͰɼ࠶ͼӾཡʹདྷͯ͘ΕΔ͜ͱΛϑΝΠϧͷߋ৽೔࣌Λऔಘͯ͠ϖʔδ಺ʹຒΊࠐΜ‫ظ‬଴ͯ͠ఏ‫͢ڙ‬Δ΋ͷͰ͋ΔɽτοϓϖʔδͷࠨΧͩΓɼෳ਺ͷϑΝΠϧ͔ΒҰͭͷ Web ϖʔδͷσʔϥϜԼ෦ʢDʣʹ͸ɼվగલʢਤ–1ʣͷࠨΧϥϜͱಉλΛߏ੒͢Δ͜ͱ͕Ͱ͖Δɽ༷ʹʮ࠷ۙͷͰ͖͝ͱʯͷ೔෇ɼ‫ݟ‬ग़͠ɼࣸਅΛ 15վగ‫ޙ‬ͷτοϓϖʔδͷը૾Λਤ–4 ʹࣔ͢ɽը໘ใఔ౓‫͢ࡌܝ‬Δɽࢹ֮తޮՌͱͯ͠ɼ೔෇͸୯ͳΔς͸վగલʢਤ–1ʣͱಉ༷ʹ 2 ΧϥϜߏ੒Λ‫ج‬ຊͱ͢ΩετͰ͸ͳ͘ɼ೔Ί͘ΓΧϨϯμʔͷΑ͏ͳσβΠΔ͕ɼϖʔδ্෦ʹϔομʢAʣͱϝχϡʔʢBʣΛஔϯΛ࠾༻ͨ͠ɽ高橋章・上村τοϓϖʔδҎ֎ͷࠨΧϥϜʹ͸ɼදࣔ͞Ε͍ͯΔϖʔδ಺ͷ֤‫ݟ‬ग़͠΁ͷϦϯΫ΍ɼؔ࿈ϖʔδ΁ͷϦ健二ՊΛ஌Δ͖͔͚ͬͱͯ͠༗ޮͳखஈͷҰͭͱͯ͠‫ػ‬ೳ͍ͯ͠Δ͜ͱ͕Θ͔ͬͨɽϯΫΛ഑ஔ͢Δ΋ͷͱͨ͠ɽӡ༻࣮੷Λ౿·͑ɼ͜Ε·Ͱʹ஝ੵ͞Εͨίϯςϯ࠷΋ίϯςϯπͷଟ͍ʮ࠷ۙͷͰ͖͝ͱʯʹ͍ͭπΛҾ͖‫ͭͭ͗ܧ‬ɼ࠷৽ͷ Web ඪ४ٕज़ΛऔΓೖΕͯɼฏ੒ 24 ೥౓·Ͱͷ‫ࣄه‬͸վగલͷσβΠϯͰදͨ Web ϖʔδ΁ͷվగΛ‫ܭ‬ըͨ͠ɽจॻͷ࿦ཧߏ଄ࣔ͞ΕΔΑ͏ʹͨ͠ɽվగલ‫ޙ‬ͷϝχϡʔߏ੒Λௐ͸ɼ‫ࡦࡏݱ‬ఆ͕ਐΊΒΕ͍ͯΔ HTML5 Ͱ‫ه‬ड़͢Δ͜੔ͯ͠ɼ৽‫چ‬ͷ Web ϖʔδؒͰద੾ʹϦϯΫΛߦ͍ɼͱͱͨ͠ɽ·ͨɼจॻͷॻࣜ͸ CSS3 Ͱࢦఆ͢Δ͜ͱγʔϜϨεͳදࣔͱͳΔΑ͏޻෉ͨ͠ɽ

ͱͨ͠ɽٕज़తͳ‫ূݕ‬αʔϏεΛར༻ͯ͠ɼ໰୊मਖ਼Λߦ͏͜ͱͰɼ޻‫ߴۀ‬ઐͱͯ͠ͷٕज़ྗΛΞϐʔϧͰ̏ɽ̐ Web ϖʔδͷ‫ূݕ‬

͖Δ Web ϖʔδ΁ͱվగΛߦͬͨɽվగ‫ޙ‬ͷ Web ϖʔδʹ͍ͭͯɼٕज़తͳ໰୊͕ͳվగ‫ޙ‬ͷ Web ϖʔδʹ͸ɼ4 ݄͔Β 9 ݄຤·ͰͰ͍͔Λ‫ূݕ‬αʔϏεͰ֬ೝͨ͠ɽCSS ʹ͍ͭͯ͸ɼʮ࠷ۙͷͰ͖͝ͱʯͱͯ͠ 64 ใͷ‫ ͱࣄه‬168 ຕͷࣸਅ

W3C CSS Validation Serive Λར༻ͯ͠໰୊͕ͳ͍͜ͱΛ‫ͨ͠ࡌܝ‬ɽ͜ͷؒͷΞΫηε਺͸໿ 7000 ͰɼΞΫΛ֬ೝͨ͠ɿ

ηε਺͕ 500 Χ΢ϯτ૿͑Δ·Ͱͷִؒ͸࠷୹ 7 िɼ࠷௕ 17 िͱɼฏ੒ 24 ೥౓ͱಉఔ౓Ͱ͋Δɽࠓͷஈ

http://jigsaw.w3.org/css-validator/֊Ͱ͸վగʹΑΔ໨ʹ‫͑ݟ‬ΔޮՌ͸දΕ͍ͯͳ͍͕ɼ

HTML ʹ͍ͭͯ͸ɼҎԼͷ 3 ͭͷαʔϏεΛར༻Ҿ͖ଓ͖࠷৽ͷٕज़ಈ޲Λ஫ࢹ͠ɼPDCA αΠΫϧΛͯ͠໰୊͕ͳ͍͜ͱΛ֬ೝͨ͠ɿ

ҙࣝͯ͠ັྗ͋Δ EC Պ Web ϖʔδͷߏஙΛਐΊΔ• W3C Markup Validation Service͜ͱ͕ࠓ‫ޙ‬ͷ՝୊Ͱ͋Δɽ

http://validator.w3.org/• (X)HTML5 validation Validator

ँࣙɿ

http://html5.validator.nu/

Web ϖʔδͷอक؅ཧ͓Αͼίϯςϯπ࡞੒ʹ‫ֶ޻ޚ੍ࢠి͍͍ͨͩͨྗڠ‬Պଔ‫ۀ‬ੜɼࡏߍੜɼ• Another HTML LINT5‫ڭ‬৬һͷօ͞·ʹ‫͢·͠ँײ‬ɽ

http://www.htmllint.net/ٕज़తͳ໰୊఺Λͳ͘͢͜ͱ͸ɼWeb ϖʔδ੍࡞ऀͷٕज़ྗΛΞϐʔϧ͢Δ͹͔ΓͰͳ͘ɼ‫ࡧݕ‬ΤϯδϯͰɼΑΓ্ҐʹϥϯΫ͞ΕΔΑ͏ͳ SEOʢSearchEngine Optimizationʣରࡦͱͯ͠΋༗ޮͱ͞Ε͍ͯΔɽ‫ࡧݕ‬αΠτͷଟ͘͸ɼWeb ϖʔδͷ಺༰Λࣗಈతʹௐࠪ͢ΔΫϩʔϥͱ‫ݺ‬͹ΕΔϓϩάϥϜΛ༻͍ͯΠϯλʔωοτ্ͷ๲େͳ Web αΠτͷ৘ใΛूΊ͍ͯΔɽจ๏తʹ‫ޡ‬Γͷͳ͍ Web ϖʔδͰ͋Ε͹ɼ‫ػ‬ցతͳॲཧʹΑͬͯద੾ͳ৘ใΛநग़͠΍͍ͨ͢ΊɼΩʔϫʔυ‫ʹࡧݕ‬༗རͱͳΔɽ

WCAG ͳͲͷΞΫηγϏϦςΟʹ͍ͭͯ΋‫ূݕ‬πʔϧ΍‫ূݕ‬αʔϏε͕ଘࡏ͢Δ 1, 2) ɽ͔͠͠ɼ‫ߘݪ‬ࣥච࣌఺Ͱ͸ HTML5 ΁ͷରԠ͕े෼ʹ͸ਐΜͰ͍ͳ͍ͱࢥΘΕͨ͜ͱ͔Βɼະ‫͋Ͱূݕ‬Δɽ̐ɽ ·ͱΊ
ฏ੒ 18 ೥ʹߋ৽ͨ͠ EC Պ Web ϖʔδʹ͍ͭͯɼࢀߟจ‫ݙ‬ɾURL1ʣߴ‫ڮ‬ষ΄͔ɿΞΫηγϏϦςΟʹ഑ྀͨ͠ Web ϖʔδͷߏஙɼ௕Ԭߴઐ‫لڀݚ‬ཁɼୈ 43 ‫ר‬ɼୈ 1 ߸ɼpp.25–30ɼ
2007.3ɽ2ʣߴ‫ڮ‬ষ΄͔ɿWeb ϖʔδ‫ূݕ‬αʔϏεͷ‫༻׆‬ใࠂɼߴ౳ઐ໳ֶߍ৘ใॲཧ‫ڭ‬ҭҕһձɾ৘ใॲཧॲཧ‫ڭ‬ҭ‫ݚ‬‫ൃڀ‬දձ࿦จूɼୈ 27 ߸ɼpp.118–121ɼ2007.8ɽ
3ʣ The World Wide Web Consortium,
http://www.w3.org/
4ʣ Web Content Accessibility Guidelines 1.0,
http://www.w3.org/TR/WCAG10/5ʣ೔ຊ޻‫ۀ‬ඪ४ௐࠪձʢJISCʣɼ
http://www.jisc.go.jp/
6ʣ௕Ԭߴઐɿೖֶɼฤೖֶࢤ‫ऀئ‬ঢ়‫گ‬ɼ
http://www.nagaoka-ct.ac.jp/juken/7ʣӹࢠ‫׮و‬ɿWeb ඪ४ͷ‫ڭ‬Պॻɼल࿨γεςϜɼ2005ɽ
8ʣ Web Hypertext Application Technology Working Group,
http://www.whatwg.org/
9ʣӋా໺ଠ‫ݾ‬ɿపఈղઆ HTML5 ϚʔΫΞοϓΨΠυ
ϒοΫɼल࿨γεςϜɼ2010ɽ
10ʣ౉ᬒ‫ࢠٱر‬ɿCSS3 Design BookɼιʔςοΫࣾɼ2012ɽ

ฏ੒ 25 ೥ 3 ݄຤·Ͱͷӡ༻࣮੷Λ఺‫ݕ‬ɾධՁͨ͠ɽ೥͝ͱͷΞΫηε਺͸ฏ੒ 22 ೥ΛϐʔΫʹ‫ݮ‬গ܏޲ʹ͋Δ͕ɼೖֶֶͨ͠ੜ΁ͷΞϯέʔτௐࠪΑΓɼֶ

― 18 ―ʢ2013. 10. 11 ड෇ʣ