オープンソース CMS における 多言語対応のトライ＆エラー
•Download as KEY, PDF•
1 like•72,221 views
2012年2月18日に九州産業大学で行われた福岡アクセシビリティセミナー Vol.1 #福岡a11y でプレゼンした20分小話の資料です。
Recommended
More Related Content
What's hot
More from Takayuki Miyoshi
Recently uploaded
Recently uploaded (20)
オープンソース CMS における 多言語対応のトライ＆エラー
- 1. CMS ( 20 )
- 5. 56 (2012 2 )
- 6. ( ) ( )
- 11. ※
- 12. Left-to-Right Right-to-Left LTR RTL
- 14. HTML <em> </em>
- 15. <me/> <me> <em> </em> </em> <em>
- 18. LTR RTL (Bidirectionality)
- 19. HTML CSS • lang • direction • dir • unicode-bidi • <bdo> Unicode • Bidirectional
- 20. Unicode Bidirectional ( ) mark 3.1% 0.2 .'&رْك m a r k 3 . 1 % م ا ر ْ ك 2 . 0 .
- 21. Twitter ‮ (RIGHT-TO-LEFT OVERRIDE) RTL
- 23. • • [text your-name "hoge"] ← • RTL • ...
- 24. • •
- 25. !() ,+*ا !תודה !&-, 10/* از Thank you! ! ... (https://twitter.com/#!/takayukister) 2012 2 18 vol.1 (http://fww-a11y.in/)
Editor's Notes
- \n
- &#x81EA;&#x5206;&#x306E;&#x77E5;&#x3089;&#x306A;&#x3044;&#x65B9;&#x6CD5;&#x3067;&#x30A2;&#x30AF;&#x30BB;&#x30B9;&#x3057;&#x3066;&#x304F;&#x308B;&#x5229;&#x7528;&#x8005;&#x306B;&#x914D;&#x616E;&#x3059;&#x308B;&#x70B9;&#x3067;&#x30A2;&#x30AF;&#x30BB;&#x30B7;&#x30D3;&#x30EA;&#x30C6;&#x30A3;&#x3068;&#x591A;&#x8A00;&#x8A9E;&#x5BFE;&#x5FDC;&#x306F;&#x5171;&#x901A;&#x70B9;&#x304C;&#x3042;&#x308A;&#x305D;&#x3046;&#x3002;\n&#x30A2;&#x30AF;&#x30BB;&#x30B7;&#x30D3;&#x30EA;&#x30C6;&#x30A3;&#x3068;&#x306F;&#x9055;&#x3046;&#x3051;&#x308C;&#x3069;&#x4F3C;&#x901A;&#x3063;&#x305F;&#x4E8B;&#x67C4;&#x306B;&#x76EE;&#x3092;&#x5411;&#x3051;&#x308B;&#x3053;&#x3068;&#x3067;&#x8208;&#x5473;&#x3082;&#x308F;&#x304F;&#x304B;&#x3082;&#x3057;&#x308C;&#x306A;&#x3044;&#x3001;&#x3068;&#x3044;&#x3046;&#x3053;&#x3068;&#x3067;&#x58F0;&#x3092;&#x304B;&#x3051;&#x3066;&#x3044;&#x305F;&#x3060;&#x3044;&#x305F;&#x3002;\n
- &#x30AA;&#x30FC;&#x30D7;&#x30F3;&#x30BD;&#x30FC;&#x30B9;&#x306E; CMS &#x30BD;&#x30D5;&#x30C8;&#x30A6;&#x30A7;&#x30A2;&#x3002;&#x4E16;&#x754C;&#x3067;&#x6700;&#x3082;&#x4EBA;&#x6C17;&#x304C;&#x3042;&#x308A; CMS &#x306B;&#x304A;&#x3051;&#x308B;&#x30B7;&#x30A7;&#x30A2;&#x306F;50%&#x4EE5;&#x4E0A;&#x3001;&#x4E16;&#x754C;&#x306E;&#x30A6;&#x30A7;&#x30D6;&#x30B5;&#x30A4;&#x30C8;&#x306E;&#x3060;&#x3044;&#x305F;&#x3044;20%&#x304F;&#x3089;&#x3044;&#x304C; WordPress &#x3067;&#x52D5;&#x3044;&#x3066;&#x3044;&#x308B;&#x3002;\n
- &#x304A;&#x554F;&#x3044;&#x5408;&#x308F;&#x305B;&#x306E;&#x30D5;&#x30A9;&#x30FC;&#x30E0;&#x3092;&#x8A2D;&#x7F6E;&#x3059;&#x308B;&#x305F;&#x3081;&#x306E;&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x3002;&#x7D2F;&#x7A4D;&#x30C0;&#x30A6;&#x30F3;&#x30ED;&#x30FC;&#x30C9;&#x6570;600&#x4E07;&#x3067;&#x4E16;&#x754C;&#x4E2D;&#x3067;&#x4F7F;&#x308F;&#x308C;&#x3066;&#x3044;&#x308B;&#x3002;WordPress &#x306E;&#x30D5;&#x30A9;&#x30FC;&#x30E0;&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x3068;&#x3057;&#x3066;&#x306F;&#x5B9A;&#x756A;&#x3002;&#x3082;&#x3061;&#x308D;&#x3093;&#x30AA;&#x30FC;&#x30D7;&#x30F3;&#x30BD;&#x30FC;&#x30B9;&#x3067;&#x7121;&#x511F;&#x63D0;&#x4F9B;&#x3002;\n
- &#x30B9;&#x30C3;&#x3068;&#x6B21;&#x3078;&#x3002;\n
- &#x6163;&#x308C;&#x305F;&#x4EBA;&#x3067;&#x3082;2&#x3001;3&#x6642;&#x9593;&#x306F;&#x304B;&#x304B;&#x308B;&#x4F5C;&#x696D;&#x3002;&#x305D;&#x308C;&#x3067;&#x3082;&#x7686;&#x30DC;&#x30E9;&#x30F3;&#x30C6;&#x30A3;&#x30A2;&#x3067;&#x3084;&#x3063;&#x3066;&#x304F;&#x308C;&#x305F;&#x3002;\n
- &#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x8A9E;&#x3002;&#x30DA;&#x30EB;&#x30B7;&#x30E3;&#x8A9E;&#x306F;&#x30A4;&#x30E9;&#x30F3;&#x306E;&#x8A00;&#x8A9E;&#x3002;&#x30D8;&#x30D6;&#x30E9;&#x30A4;&#x8A9E;&#x306F;&#x30A4;&#x30B9;&#x30E9;&#x30A8;&#x30EB;&#x306E;&#x8A00;&#x8A9E;&#x3002;\n&#x7FFB;&#x8A33;&#x3092;&#x9001;&#x3089;&#x308C;&#x3066;&#x6C17;&#x3065;&#x3044;&#x305F;&#x3053;&#x3068;&#x3002;\n
- &#x30A6;&#x30A3;&#x30AD;&#x30DA;&#x30C7;&#x30A3;&#x30A2;&#x306E;&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x8A9E;&#x7248;&#x3002;&#x53F3;&#x63C3;&#x3048;&#x3001;&#x30B5;&#x30A4;&#x30C9;&#x30D0;&#x30FC;&#x306E;&#x4F4D;&#x7F6E;&#x306B;&#x6CE8;&#x76EE;&#x3002;\n&#x3053;&#x308C;&#x3089;&#x306E;&#x8A00;&#x8A9E;&#x3092;&#x8DB3;&#x3057;&#x3066;&#x3082;&#x30CD;&#x30A4;&#x30C6;&#x30A3;&#x30D6;&#x8A71;&#x8005;&#x6570;&#x306F;3&#x5104;&#x4EBA;&#x7A0B;&#x5EA6;&#x3002;\n&#x30A4;&#x30B9;&#x30E9;&#x30E0;&#x6559;(&#x7D04;10&#x5104;&#x4EBA;)&#x306E;&#x30B3;&#x30FC;&#x30E9;&#x30F3;&#x306F;&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x8A9E;&#x3067;&#x66F8;&#x304B;&#x308C;&#x3066;&#x3044;&#x305F;&#x308A;&#x3001;\n&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x8A9E;&#x304C;&#x56FD;&#x9023;&#x516C;&#x7528;&#x8A9E;&#x3060;&#x3063;&#x305F;&#x308A;&#x3059;&#x308B;&#x3002;\n\n\n
- &#x30A6;&#x30A3;&#x30AD;&#x30DA;&#x30C7;&#x30A3;&#x30A2;&#x306E;&#x30D8;&#x30D6;&#x30E9;&#x30A4;&#x8A9E;&#x7248;&#x3002;\n&#x53F3;&#x304B;&#x3089;&#x5DE6;&#x306B;&#x66F8;&#x304F;&#x306E;&#x306F;&#x6C7A;&#x3057;&#x3066;&#x30DE;&#x30CB;&#x30A2;&#x30C3;&#x30AF;&#x306A;&#x3053;&#x3068;&#x3067;&#x306F;&#x306A;&#x3044;&#x3002;\n
- &#x6587;&#x5B57;&#x306E;&#x7CFB;&#x56F3;&#x3002;\n&#x30D5;&#x30A7;&#x30CB;&#x30AD;&#x30A2;&#x6587;&#x5B57;&#x304B;&#x3089;&#x6D3E;&#x751F;&#x3057;&#x305F;&#x4E00;&#x65B9;&#x306F;&#x30AE;&#x30EA;&#x30B7;&#x30A2;&#x6587;&#x5B57;&#x3001;&#x3055;&#x3089;&#x306B;&#x30E9;&#x30C6;&#x30F3;&#x6587;&#x5B57;&#x306B;&#x306A;&#x308A;&#x73FE;&#x5728;&#x306E;&#x30A2;&#x30EB;&#x30D5;&#x30A1;&#x30D9;&#x30C3;&#x30C8;&#x3078;&#x3002;\n&#x3082;&#x3046;&#x4E00;&#x65B9;&#x306F;&#x30A2;&#x30E9;&#x30E0;&#x6587;&#x5B57;&#x3002;&#x30A2;&#x30E9;&#x30E0;&#x6587;&#x5B57;&#x306F;&#x65E7;&#x7D04;&#x8056;&#x66F8;&#x306A;&#x3069;&#x3067;&#x4F7F;&#x308F;&#x308C;&#x3066;&#x3044;&#x308B;&#x3002;\n&#x305D;&#x3053;&#x304B;&#x3089;&#x30D8;&#x30D6;&#x30E9;&#x30A4;&#x6587;&#x5B57;&#x3068;&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x6587;&#x5B57;&#x304C;&#x6D3E;&#x751F;&#x3002;\n&#x30DA;&#x30EB;&#x30B7;&#x30E3;&#x8A9E;&#x306F;7&#x4E16;&#x7D00;&#x306E;&#x30A4;&#x30B9;&#x30E9;&#x30E0;&#x5E1D;&#x56FD;&#x652F;&#x914D;&#x4EE5;&#x6765;&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x6587;&#x5B57;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3044;&#x308B;&#x3002;\n&#x30A2;&#x30E9;&#x30E0;&#x8A9E;&#x3082;&#x30D5;&#x30A7;&#x30CB;&#x30AD;&#x30A2;&#x8A9E;&#x3082;&#x53F3;&#x304B;&#x3089;&#x5DE6;&#x306B;&#x66F8;&#x3044;&#x3066;&#x3044;&#x305F;&#x3089;&#x3057;&#x3044;&#x3002;\n
- \n
- &#x7C21;&#x5358;&#x3060;&#x3068;&#x601D;&#x3063;&#x305F;&#x3089;&#x3002;\n
- &#x732B;&#x306E;&#x90E8;&#x5206;&#x3092;&#x5F37;&#x8ABF;&#x3059;&#x308B;&#x3088;&#x3046;&#x306A; HTML &#x3092; RTL &#x3067;&#x66F8;&#x304F;&#x306B;&#x306F;&#xFF1F;\n
- \n
- &#x518D;&#x3073;&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x8A9E;&#x7248;&#x30A6;&#x30A3;&#x30AD;&#x30DA;&#x30C7;&#x30A3;&#x30A2;&#x3002;\n&#x4F8B;&#x306E;&#x6709;&#x540D;&#x306A;&#x304A;&#x3058;&#x3055;&#x3093;&#x306E;&#x9805;&#x76EE;&#x3002;&#x4E00;&#x90E8;&#x62E1;&#x5927;&#x3057;&#x3066;&#x307F;&#x307E;&#x3059;&#x3002;\n
- &#x53F3;&#x304B;&#x3089;&#x5DE6;&#x306B;&#x66F8;&#x304B;&#x308C;&#x3066;&#x3044;&#x308B;&#x304C;&#x3001;&#x82F1;&#x8A9E;&#x306E;&#x540D;&#x524D;&#x306E;&#x3068;&#x3053;&#x308D;&#x306F;&#x5DE6;&#x304B;&#x3089;&#x53F3;&#x3078;&#x3002;\n&#x5730;&#x306E;&#x6587;&#x304C; RTL &#x3067;&#x3082; LTR &#x8A00;&#x8A9E;&#x306E;&#x5F15;&#x7528;&#x90E8;&#x5206;&#x306F; LTR &#x3067;&#x66F8;&#x304F;&#x3002;\n1955 &#x3084; 2011 &#x3068;&#x3044;&#x3046;&#x306E;&#x3082;&#x5DE6;&#x304B;&#x3089;&#x53F3;&#x3078;&#x3002;\n&#x300C;&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x6570;&#x5B57;&#x300D;&#x306A;&#x306E;&#x306B;&#x306A;&#x305C;&#xFF1F;\n&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x6570;&#x5B57;&#x306F;&#x5B9F;&#x969B;&#x306F;&#x30A4;&#x30F3;&#x30C9;&#x3067;&#x4F5C;&#x3089;&#x308C;&#x3066;&#x30A2;&#x30E9;&#x30D3;&#x30A2;&#x306B;&#x4F1D;&#x308F;&#x3063;&#x305F;&#x3082;&#x306E;&#x3002;&#x30A4;&#x30F3;&#x30C9;&#x304C; LTR &#x3060;&#x3063;&#x305F;&#x304B;&#x3089;&#x3002;\n&#x3053;&#x306E;&#x3088;&#x3046;&#x306B;&#x3001;RTL &#x306E;&#x6587;&#x3082;&#x5168;&#x90E8;&#x304C;&#x5168;&#x90E8; RTL &#x306A;&#x308F;&#x3051;&#x3067;&#x306F;&#x306A;&#x304F;&#x3066;&#x3001;RTL &#x3068; LTR &#x304C;&#x6DF7;&#x5728;&#x3059;&#x308B;&#x306E;&#x304C;&#x666E;&#x901A;&#x3002;\n
- &#x7565;&#x3057;&#x3066; Bidi &#x3068;&#x3044;&#x3046;&#x3002;\nRTL &#x306E;&#x6587;&#x4E2D;&#x3067; LTR &#x306E;&#x6587;&#x3092;&#x5F15;&#x7528;&#x3057;&#x3066;&#x305D;&#x306E;&#x4E2D;&#x3067;&#x3055;&#x3089;&#x306B; RTL &#x3068;&#x304B;&#x3042;&#x308A;&#x5F97;&#x308B;&#x3002;\n&#x53E5;&#x8AAD;&#x70B9;&#x306A;&#x3093;&#x304B;&#x306F;&#x524D;&#x5F8C;&#x306E;&#x6587;&#x8108;&#x306B;&#x4F9D;&#x5B58;&#x3057;&#x3066;&#x3069;&#x3063;&#x3061;&#x306B;&#x4ED8;&#x304F;&#x304B;&#x6C7A;&#x3081;&#x306A;&#x3044;&#x3068;&#x3044;&#x3051;&#x306A;&#x3044;&#x3002;\n&#x3082;&#x306E;&#x3059;&#x3054;&#x304F;&#x3084;&#x3084;&#x3053;&#x3057;&#x3044;&#x3002;\n
- &#x53CC;&#x65B9;&#x5411;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x3092;&#x30A6;&#x30A7;&#x30D6;&#x3067;&#x5B9F;&#x73FE;&#x3059;&#x308B;&#x305F;&#x3081;&#x306B;&#x305D;&#x308C;&#x305E;&#x308C;&#x306E;&#x6A19;&#x6E96;&#x4ED5;&#x69D8;&#x306B;&#x898F;&#x5B9A;&#x304C;&#x8A2D;&#x3051;&#x3089;&#x308C;&#x3066;&#x3044;&#x308B;&#x3002;\n&#x6700;&#x3082;&#x91CD;&#x8981;&#x306A;&#x306E;&#x304C; Unicode&#x3002;\nUnicode &#x306F;&#x4E16;&#x754C;&#x4E2D;&#x306E;&#x3042;&#x3089;&#x3086;&#x308B;&#x8A00;&#x8A9E;&#x306E;&#x6587;&#x5B57;&#x3092;&#x7DB2;&#x7F85;&#x3057;&#x3088;&#x3046;&#x3068;&#x3044;&#x3046;&#x58EE;&#x5927;&#x306A;&#x6587;&#x5B57;&#x30BB;&#x30C3;&#x30C8;&#x898F;&#x683C;&#x3002;\nUTF-8 &#x3082;&#x305D;&#x306E;&#x5FDC;&#x7528;&#x3002;\n&#x6700;&#x65B0;&#x306E; Unicode 6.1 &#x3067;&#x306F; 10&#x4E07;&#x4EE5;&#x4E0A;&#x306E;&#x6587;&#x5B57;&#x304C;&#x5B9A;&#x7FA9;&#x3002;\n&#x4E00;&#x500B;&#x4E00;&#x500B;&#x306E;&#x6587;&#x5B57;&#x306B;&#x5BFE;&#x3057;&#x3066; LTR, RTL, &#x4E2D;&#x7ACB;&#x306A;&#x3069;&#x306E;&#x65B9;&#x5411;&#x6027;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x304C;&#x8A2D;&#x5B9A;&#x3055;&#x308C;&#x3066;&#x3044;&#x308B;&#x3002;\n
- &#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x3092;&#x30E1;&#x30E2;&#x30EA;&#x306B;&#x683C;&#x7D0D;&#x3059;&#x308B;&#x6642;&#x306E;&#x3053;&#x3068;&#x3092;&#x8003;&#x3048;&#x3066;&#x307F;&#x308B;&#x3002;\n&#x30E1;&#x30E2;&#x30EA;&#x306B;&#x53F3;&#x3082;&#x5DE6;&#x3082;&#x306A;&#x3044;&#x3002;&#x3042;&#x308B;&#x306E;&#x306F;&#x524D;&#x3068;&#x5F8C;&#x308D;&#x3002;\n&#x30E1;&#x30E2;&#x30EA;&#x306B;&#x683C;&#x7D0D;&#x3055;&#x308C;&#x308B;&#x3068;&#x304D;&#x306F;&#x8AD6;&#x7406;&#x7684;&#x9806;&#x5E8F;&#x306B;&#x5F93;&#x3046;&#x3002;\n&#x8AD6;&#x7406;&#x7684;&#x9806;&#x5E8F;&#x3068;&#x306F;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x304C;&#x8AAD;&#x307E;&#x308C;&#x308B;&#x9806;&#x5E8F;&#x306E;&#x3053;&#x3068;&#x3002;\n&#x3053;&#x308C;&#x3092;&#x8868;&#x793A;&#x3059;&#x308B;&#x969B;&#x306B; RTL &#x3068; LTR &#x304C;&#x6DF7;&#x5728;&#x3057;&#x305F;&#x9806;&#x5E8F;&#x306B;&#x5909;&#x63DB;&#x3057;&#x306A;&#x3044;&#x3068;&#x3044;&#x3051;&#x306A;&#x3044;&#x3002;\n&#x3053;&#x306E;&#x3068;&#x304D;&#x306E;&#x8907;&#x96D1;&#x306A;&#x30EB;&#x30FC;&#x30EB;&#x304C; Bidirectional &#x30A2;&#x30EB;&#x30B4;&#x30EA;&#x30BA;&#x30E0;&#x3068;&#x3057;&#x3066; Unicode &#x898F;&#x683C;&#x3067;&#x5B9A;&#x3081;&#x3089;&#x308C;&#x3066;&#x3044;&#x308B;&#x3002;\n
- &#x3053;&#x308C;&#x306F;&#x304A;&#x307E;&#x3051;&#x3002;&#x3061;&#x3087;&#x3063;&#x3068;&#x904A;&#x3093;&#x3067;&#x307F;&#x3088;&#x3046;&#x3002;\nUnicode &#x306E;&#x6587;&#x5B57; RIGHT-TO-LEFT OVERRIDE &#x306F;&#x30D1;&#x30E9;&#x30B0;&#x30E9;&#x30D5;&#x306E;&#x305D;&#x308C;&#x4EE5;&#x964D;&#x306E;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x3092;&#x5F37;&#x5236;&#x7684;&#x306B; RTL &#x306B;&#x3059;&#x308B;&#x7279;&#x6B8A;&#x306A;&#x6587;&#x5B57;(&#x4E00;&#x822C;&#x53E5;&#x8AAD;&#x70B9;&#x30D6;&#x30ED;&#x30C3;&#x30AF;&#x306B;&#x3042;&#x308B;&#x3051;&#x3069;)&#x3002;\n&#x3053;&#x308C;&#x306E;&#x6587;&#x5B57;&#x53C2;&#x7167; &#x202E; &#x3092;&#x5148;&#x982D;&#x306B;&#x4ED8;&#x3051;&#x3066;&#x30C4;&#x30A4;&#x30FC;&#x30C8;&#x3059;&#x308B;&#x3068; RTL &#x306B;&#x3002;\n
- \n
- \n
- \n
- \n