Web フロントエンドで仕事をしてご飯をおいしく食べる話

Web フロントエンドで仕事をしてご飯をおいしく食べる話

トライデントコンピュータ専門学校 Web デザイン学科 業界研究の授業で、1,2年生の皆さんにむけてお話したスライドです。本編90分(!?)

1644fba8a219c89987390ef4f23d06bf?s=128

Ayumu Sato

July 06, 2016
Tweet

Transcript

  1. 8FCؿٗٝزؒٝسד➬✲׃ג ׀궢׾ְֶ׃ֻ굸ץ׷鑧 زٓ؎رٝز؝ٝؾُ٦ة㼔Ꟍ㷕吤噟歲灇瑔 !BIPNV"ZVNV4BUP

  2. ❓ ⡦׾׃ג׀궢׾ 굸ץ׷➂ד׃׳ֲ

  3. ֿ׿ח׍כ !BIPNVדׅ

  4. Frontend Weekly IUUQTGSPOUFOEXFFLMZUPLZP 㕂ⰻ㢩ךؿٗٝزؒٝسꟼ鸬صُ٦أ׾嫣鹈ֶ㾈ֽׅ׷ً٦ٕوؖآٝ

  5. ‣ ה֮׷㣐㷕ד钠濼䗰椚㷕הַ遤⹛猰㷕הַ׾㷕ע ‣ ה֮׷㼔Ꟍ㷕吤ד8FCرؠ؎ٝהַ׾㷕ע ‣ 剣 ،حفٕحفٕד1)1ؒٝآص،ה׃גխխ 8FC؟؎زװءأذيך「鎶ծ$.4ךꟚ涪ח䵿׻׷ ‣ 吳

    ؟؎غ٦ؒ٦آؑٝزד8FCؿٗٝزؒٝسխ ؒٝآص،ה׃ג荈爡؟٦ؽأךꟚ涪ח䵿׻׷ 殛娖
  6. $ZCFS"HFOU

  7. ‣ 爡僽⚅秀׾➿邌ׅ׷⠓爡׾ⶼ׷ ‣ 鏣甧䎃剢傈 ؟؎غ٦ך傈  ‣ 鸬穠爡㆞侧 せ 䎃剢劣儗挿

     ‣ 鸬穠㡰♳넝⭙ⰼ 䎃剢寸皾儗  ‣ Ꟛ涪䬿挿幪靼ծ猧衝⾱ٓنծ㣐ꢻծ状䀤 ⠓爡嚊銲
  8. None
  9. None
  10. None
  11. https://www.cyberagent.co.jp/features/detail/id=1221

  12. ‣ 8FCؿٗٝزؒٝسؒٝآص،הכ ‣ 8FC䪮遭ה6*ךֿה ‣ 噟⹡ⰻ㺁ךֿה ‣ 欰㶷䨌殛ךֿה ➙傈ֶ鑧ׅ׷ֿה

  13. 8FCؿٗٝزؒٝس ؒٝآص،הכ

  14. 8FCך⚥ך ؿٗٝزؒٝس

  15. $ ⇆ & (S)FTPͱ͔Ͱ Ξοϓϩʔυ͢Δઌ ී௨ʹωοτϫʔΫ CDNͱ͔΋ؚΉ Ϣʔβʔ͕࢖͏ Webϒϥ΢β αʔόʔ

    Πϯϑϥ ΫϥΠΞϯτ
  16. $ ⇆ & (S)FTP Ξοϓϩʔυ͢Δઌ ී௨ʹωοτϫʔΫ CDN Ϣʔβʔ͕࢖͏ Webϒϥ΢β αʔόʔ

    Πϯϑϥ ΫϥΠΞϯτ ϑϩϯτΤϯυ!!
  17. 8FC؟؎ز

  18. &$؟؎ز

  19. ً٦ٕ

  20. 㖑㔳

  21. ؒٝةً

  22. ؜٦ي

  23. 鏾ⵙ《䒷

  24. ⰻ㺁כغٓغٓ׌ָ ו׸׮ِ٦ؠ٦ָ鍗׸׷꬗

  25. 8FCؿٗٝزؒٝس׾ 㹋鄲ׅ׷➂

  26. ‣ 8FCـٓؐؠ♳ד⹛⡲ׅ׷鿇ⴓ׾⡲׷ ‣ )5.-$44+BWB4DSJQUד8FC䪮遭׾䪔ֲ ‣ 㥨ת׃ְ6*װ؎ٝةؙٓءّٝ׾㹋植ׅ׷ ‣ 葿ղז橆㞮׾䟝㹀׃גծ䘯黝ח⹛⡲ׇׁ׷ 8FCؿٗٝزؒٝسؒٝآص،

  27. ‣ 8FCـٓؐؠ♳ד⹛⡲ׅ׷鿇ⴓ׾⡲׷ ‣ )5.-$44+BWB4DSJQUד8FC䪮遭׾䪔ֲ ‣ 㥨ת׃ְ6*װ؎ٝةؙٓءّٝ׾㹋植ׅ׷ ‣ 葿ղז橆㞮׾䟝㹀׃גծ䘯黝ח⹛⡲ׇׁ׷ 8FCؿٗٝزؒٝسؒٝآص، ٌظ׾אֻ׷ⰻ㺁חꟼ׻׷

  28. ‣ 8FCـٓؐؠ♳ד⹛⡲ׅ׷鿇ⴓ׾⡲׷ ‣ )5.-$44+BWB4DSJQUד8FC䪮遭׾䪔ֲ ‣ 㥨ת׃ְ6*װ؎ٝةؙٓءّٝ׾㹋植ׅ׷ ‣ 葿ղז橆㞮׾䟝㹀׃גծ䘯黝ח⹛⡲ׇׁ׷ 8FCؿٗٝزؒٝسؒٝآص، ⡲׏׋ٌظך⣣⦼חꟼ׻׷

  29. 葿ղז橆㞮׾ 䟝㹀ׅ׷הְֲֿה https://www.flickr.com/photos/adactio/6153481666/

  30. ‣ 8FCل٦آכ葿ղז橆㞮ד㹋遤ׁ׸׷׮ך ‣ 歗꬗ך؟؎ؤכرغ؎أך珏겲כ ‣ 04כـٓؐؠכغ٦آّٝכ ‣ 㔐简橆㞮כرغ؎أך䚍腉כ ׁתׂתז㹋遤橆㞮

  31. ❓ ؒٝآص،זך رؠ؎ٝ׃זְך

  32. ؒٝآص،ؚٔٝהرؠ؎ٝך ⚕꬗ַ׵剑穄ך،ؐزفحز׾ ⡲׶鴥׬顑⟣ָ֮׷

  33. ‣ ⾱周הـٓؐؠ♳ך鋅׋湡ך䊴׾㙵׭׷ ‣ ،صً٦ءّٝךػًٓ٦ة׾锃侭ׅ׷ ‣ ؟٦غה鸬䵿׃ג⹛涸ז堣腉װ6*׾⡲׷ ‣ 䊨玎׾荈⹛⻉׃גծ⸬桦涸זꟚ涪橆㞮חׅ׷ ו׏׍ך鋔挿׮֮׷ה葺ְө

  34. 8FC䪮遭ה6*ךֿה

  35. 8FCה8FC垥彊

  36. ‣ ؎ٝة٦طحزד剑׮♧菙涸זًر؍، ‣ ؟٦غהؙٓ؎،ٝزָװ׶《׶ׅ׷➬穈׫ ‣ ⚺ח)551הְֲفٗز؝ָٕ⢪׻׸גծխ ذؗأزծ歗⫷ծ⹛歗FUDָװ׶《׶ׁ׸׷ 8FC׏ג⡦׌׏ֽ

  37. ‣ 63-͡63*הְֲٔا٦أך陎ⴽ㶨 ‣ )551הְֲ鸐⥋فٗز؝ٕ ‣ )5.-הְֲر٦ةؿؓ٦وحز ‣ $44ה+BWB4DSJQUח״׷邌植⸂ 8FC׾佄ִ׷㣐➬圫 ē

  38. https://example.com/foo.html https://example.com/foo.html?bar=baz https://example.com/foo.html#bar https://user:passwd@example.com:8080 فٗز؝ٕ مأز ػأ ؙؒٔ ؿًؚٓٝز 钠鏾䞔㜠

    ه٦ز殢〾
  39. ؙٔؒأزؙٓ؎،ٝز̔؟٦غ٦ GET /foo.html HTTP/1.1 Host: example.com User-Agent: ...Chrome/51.0.2704.103... Accept: text/html...;q=0.9,image/webp,*/*;q=0.8

    Accept-Encoding: gzip, deflate, sdch Accept-Language: en-US,en;q=0.8 ٖأهٝأؙٓ؎،ٝز̒؟٦غ٦ HTTP/1.1 200 OK Content-Encoding: gzip Content-Type: text/html Content-Length: 606 Expires: Tue, 12 Jul 2016 10:57:56 GMT Last-Modified: Fri, 09 Aug 2013 23:54:35 GMT
  40. <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="author" href="mailto:mail@example.com">

    <title lang="en">HyperText Markup Language - Wikipedia</title> </head> <body> <article> <h1 lang="en">HyperText Markup Language</h1> <p>HTML͸ɺ<a href="http://ja.wikipedia.org/wiki/SGML">SGML</a> ΞϓϦέʔγϣϯͷҰͭͰɺϋΠύʔςΩετΛར༻ͯ͠ϫʔϧυ ϫΠυ΢Σϒ্Ͱ৘ใΛൃ৴͢ΔͨΊʹ࡞ΒΕɺ ϫʔϧυϫΠυ΢Σϒͷ<strong>جװత໾ׂ</strong>Λͳ͍ͯ͠Δɻ ৘ใΛൃ৴͢ΔͨΊͷจॻߏ଄Λఆٛ͢ΔͨΊʹ࢖ΘΕɺ ͋Δఔ౓ػց͕ཧղՄೳͳݴޠͰɺ ࣸਅͷຒΊࠐΈ΍ɺϑΥʔϜͷ࡞੒ɺ ϋΠύʔςΩετʹΑΔHTMLؒͷ࿈ܞ͕ՄೳͰ͋Δɻ</p> </article> </body> </html>
  41. $44 body { overflow: hidden; background: #000000; } h1 {

    color: pink; } +BWB4DSJQU function sayHello() { var helloText = document.createTextNode('Hello World'); var foo = document.getElementById('foo'); foo.appendChild(helloText); } sayHello();
  42. https://platform.html5.org/ 8FC垥彊 8FC4UBOEBSET

  43. ⚺ז垥彊➬圫ה垥彊⻉㔚⡤ 8FC(- )5.-ծ$44 47(ծ8FC35$ FUD )551ծ63* $PPLJFTծ5-4 FUD &$."4DSJQU ͑+BWB4DSJQU

     4*.%ծ+40/ FUD
  44. ‣ אךٔا٦أח圫ղז䩛媮ד،ؙإأ׃ג׮ 㢌׻׵׆ⵃ欽דֹ׷״ֲחׅ׷׋׭ ‣ ـٓؐؠָ㥨ֹ⹧䩛ח杝荈ך堣腉׾אֻ׷ה Ꟛ涪罏הِ٦ؠָ♶ⵃ渣׾鄃׷ 麓⿠ךـٓؐؠ䨌✯  ‣ 垥彊⻉ׁ׸׋䪮遭כծ葿ղז⢪ְ㔐׃ָֹֻ

    鋉呓׾垥彊⻉ 窟♧ ׅ׷椚歋
  45. 8FCכ侧ղך垥彊䪮遭ה 湱✼⸕⸂ד佄ִ׵׸גְ׷

  46. 8FC䪮遭ך〳腉䚍

  47. 8FC"TTFNCMZ BOFXJOUFSNFEJBUFSFQSFTFOUBUJPOGPSTBGFDPEF https://webassembly.github.io/

  48. 8FC35$ 3FBM5JNF$PNNVOJDBUJPO https://www.youtube.com/watch?v=MsAWR_rJ5n8

  49. 8FC(- (SBQIJDT-JCSBSZ http://stars.chromeexperiments.com/

  50. %FWJDF"1* https://whatwebcando.today/

  51. https://www.youtube.com/watch?v=w-tFdreZB94

  52. ‣ 垥彊⻉ׁ׸׋⢪ְ㔐׃ךֹֻ䪮遭 ‣ ➙ד׮ؕ٦شؽװذٖؽד䱰欽ׁ׸גְ׷ ‣ 8JOEPXT،فٔ׮8FC䪮遭דאֻ׸׷ ‣ ֮׵ײ׷㜥䨽ח8FC䪮遭ָ兛⿹ׅ׷ַ׮ 8FC䪮遭ָ䭁ָ׷〳腉䚍

  53. 噟⹡ⰻ㺁ךֿה

  54. ؿٗٝزؒٝسך ٗ٦ٌٕرٕ

  55.  ؽآُ،ٕװ⢪ְ⹧䩛׾⡲׶鴥׬6*㹋鄲㾊  ،صً٦ءّٝהַ؎ٝةؙٓذ؍ـ邌植㾊  8FCؿٗٝزؒٝسך،فٔ؛٦ءّٝ鏣鎘㾊 ٗ٦ٌٕرٕכ㣐תַחא

  56. ‣ 崢䩛ׁכזֻג׮㛙㹋ח⢪ְװְׅ6*ָ㥨ֹ ‣ )5.-$44+BWB4DSJQU׾⨉׶זֻ⢪ְֿזׅ ‣ 8FCرؠ؎ش٦⳿魦ךמה׮㢳ְ ‣ 欰䜁侧ֶָ׉׵ֻ♧殢㢳ֻ넝꨽銲 ؽآُ،ٕװ⢪ְ⹧䩛׾⡲׶鴥׬6*㹋鄲㾊

  57. ‣ ؕح؝ְְծ繟׃ְ邌植ָ㥨ֹ䖤䠐 ‣ $BOWBTהַ47(הַ8FC(-הַ㥨ֹ ‣ 僓כ'MBTIדⵖ⡲׃ג׋➂׮ְ׷ ‣ ألءٍٔأزכꅾ㹇ׁ׸׷ ،صً٦ءّٝהַ؎ٝةؙٓذ؍ـ邌植㾊

  58. ‣ 㣐鋉垷ז؟؎زװءؚٕٝل٦آ،فָٔ㥨ֹ ‣ ְ׹ְ׹זֿה׾罋ִגծⰋ⡤׾鏣鎘ׅ׷ ‣ ،٦ؗذؙثٍװٓ؎ـٓٔח鋅陎ָ帾ֻז׷ ‣ ꨽銲כ׉׸קו㢳ֻזְ 8FCؿٗٝزؒٝسך،فٔ؛٦ءّٝ鏣鎘㾊

  59. ‣ ؟٦غ٦؟؎سה+BWB4DSJQU׾Ⱟ⹡דװ׷ ‣ ؝٦ر؍ؚٝדֹ׷رؠ؎ش٦הⴓ噟ׅ׷ ‣ ְ׻ײ׷فؚٗٓو٦ծ)5.-$44כ蕱䩛 ‣ 㖑㄂ח׋ֻׁ׿欰䜁׃גְ׷ ֶתֽ ؟٦غ٦؟؎س㹋鄲ה+BWB4DSJQUךⰯ⹡噟

  60. ‣ 匢䮠ת׸ֺׅג鹌遤盖椚דֹ׷״ֲחז׏׋ ‣ չ⥯׮僓כ؝٦ر؍ؚٝ׃גגׁ֭պ ‣ 顑⟣ָ㟓ִגֻ׷הوط٦آٍ٦חז׷ ‣ ֮׷䠐㄂ծ갫䔲זٍؗٔ، ֶתֽ 匢䮠׫ה⚥꟦盖椚׾噰׭׃ر؍ؙٖة٦

  61. Ꟛ涪ؿٗ٦ך⢽

  62. խխխխرؠ؎ش٦فٓٝش٦ խխխխ؟٦غ٦ؒٝآص،،فٔؒٝآص، 堣腉ך⟰歗װ➬圫剅 ٙ؎َ٦ؿٖ٦يזו׾Ⱏ剣 "1*ָ鵤ׅر٦ة鏣鎘װ ؙٓ؎،ٝز꟦ךׅ׶さ׻ׇ ؔٔؒٝ 鏣鎘 Ꟛ涪 ٖؽُ٦

    ٔٔ٦أ ذأز
  63. խխխխرؠ؎ش٦فٓٝش٦ խխխխ؟٦غ٦ؒٝآص،،فٔؒٝآص، ➬圫♳ך㉏겗ָ֮׏׋׵ ּׅ湱锑׃ג锃侭 㣐ְֹ㉏겗ָ婍׏גְזְַ ״ֻ״ֻ然钠׃גꟚ涪פ ؔٔؒٝ 鏣鎘 Ꟛ涪 ٖؽُ٦

    ٔٔ٦أ ذأز
  64. խխխխرؠ؎ش٦فٓٝش٦ խխխխ؟٦غ٦ؒٝآص،،فٔؒٝآص، رؠ؎ٝؕٝفװ ،صً٦ءٌّٝحؙ׾Ⱏ剣 䗳銲זر٦ة׾鵤ׅ "1*׾؟٦غ٦ָ䲿⣘ ؔٔؒٝ 鏣鎘 Ꟛ涪 ٖؽُ٦

    ٔٔ٦أ ذأز
  65. խխխխرؠ؎ش٦فٓٝش٦ խխխխ؟٦غ٦ؒٝآص،،فٔؒٝآص، 㹋鄲׃גְג孡בְ׋6*ך㉏겗׾ ؿ؍٦سغحؙ׃ג⿾僥 ؟٦غ٦ַ׵ךر٦ة䕎䒭װⰻ㺁ח ㉏겗ָזְַ然钠׃זָ׵Ꟛ涪 ؔٔؒٝ 鏣鎘 Ꟛ涪 ٖؽُ٦

    ٔٔ٦أ ذأز
  66. խխխխرؠ؎ش٦فٓٝش٦ խխխխ؟٦غ٦ؒٝآص،،فٔؒٝآص، 㹋鄲כ➬圫וֶ׶ַ ⢪ְ⹧䩛ח㉏겗ָזְַ ٖؽُ٦ד⡦ַ֮׸ל ⥜姻ך׋׭ח鷄⸇Ꟛ涪 ؔٔؒٝ 鏣鎘 Ꟛ涪 ٖؽُ٦

    ٔٔ٦أ ذأز
  67. խխխխرؠ؎ش٦فٓٝش٦ խխխխ؟٦غ٦ؒٝآص،،فٔؒٝآص، ♧鸐׶װ׏׋׵ذأز׾㹋倵 ㉏겗ָ鋅אַ׸ל⼿⸂׃ג⥜姻 ؔٔؒٝ 鏣鎘 Ꟛ涪 ٖؽُ٦ ٔٔ٦أ ذأز

  68. խխխխرؠ؎ش٦فٓٝش٦ խխխխ؟٦غ٦ؒٝآص،،فٔؒٝآص، ؔٔؒٝ 鏣鎘 Ꟛ涪 ٖؽُ٦ ٔٔ٦أ ذأز ֶאַ׸ׁתד׃׋

  69. ؝ىُص؛٦ءّٝ׾ 㣐ⴖחׅ׷椚歋

  70. ‣ 剑ⴱכׅץגؙاծؙا׾涺ד熊ֻךָث٦ي ‣ 醱侧ך➂꟦ָ㼔Ꟍ׾崞ַ׃ג嫣㔐葺ְٌظ׾խ ⡲׷׋׭חծ麓玎׾何葺׃竲ֽ׷ךָث٦ي ‣ 铩ַָوؚٖד葺ְٌظ׾⡲׶׌ֿׅהחծխ 劍䖉׃׋׶⣛㶷׃׋׶ׅ׷ךכث٦يׄׯזְ ث٦يדٌظ׾אֻ׷⵸䲿

  71. 0 25 50 75 100 0 20 40 60 80

    100 ⳿勻׋鴟׶ד䝢׫ָ㟓ִ׷ 湱锑֮׶ 湱锑ז׃ 㸣䧭䏝ך 䨽銲儗꟦
  72. 0 25 50 75 100 0 20 40 60 80

    100 㸣䧭䏝ך 䨽銲儗꟦ ׌ְע葺ֻז׏גֹ׋ךד ׉׹׉׹ٔٔ٦أ ワ׶ך؎ً٦آה麩ֲ ➬♳ָ׶׌׏׋ךדٔذ؎ؙ 湱锑֮׶ 湱锑ז׃
  73. 湱锑 0 25 50 75 100 0 20 40 60

    80 100 㸣䧭䏝ך 䨽銲儗꟦ ؒٝآص،׮ꟼ⤘罏׮ ׫׿ז秛䖤ך㸣䧭䏝 㸣䧭䏝׾넝׭ֹ׸׆ 儗꟦ⴖ׸ٔٔ٦أ 湱锑
  74. Ꟛ涪⡲噟

  75. ‣ 8FC4PDLFU׾ⵃ欽׃׋ٔ،ٕة؎يثٍحز ‣ 7JEFPKT׾ⵃ欽׃׋⹛歗فٖ؎َ٦ ‣ 3FBDUח״׷6*ךؙٓ؎،ٝز؟؎س㹋鄲 ‣ /PEFKTח״׷؟٦غ٦؟؎س㹋鄲 '3&4)CZ"CFNB57ךꟚ涪

  76. ‣ 8FC4UPSN窟さꟚ涪橆㞮 ‣ 4LFUDI歗⫷ךأٓ؎أ ‣ (JUغ٦آّٝ盖椚 ‣ J5FSN؝وٝسٓ؎ٝ ‣ ぐ珏ـٓؐؠךꟚ涪罏خ٦ٕ

    Ꟛ涪ך麣Ⱗ
  77. ⡲噟ךꨜ㔲孡׾ رأؙزحفדرٌ׃תׅ

  78. 暴חꟚ涪罏خ٦ٕ׾ ⢪ְֿזׅךכ䗳갭إٔؗ

  79. 欰㶷䨌殛ךֿה

  80. 8FC׾䎢ֻ㷕רֲ

  81. ‣ رؠ؎ٝװ)5.-$44+BWB4DSJQU׌ֽדזֻ ؟٦غ؟؎سծو٦؛ذ؍ؚٝזו׮㄂鋅ׅ׷ ‣ ➬✲׾㨣׭׷הծ湡ך⵸ך➬✲ח䗳娤חז׏ג 鋔ꅿָ杞ת׷ַ׵㷕欰ך➙ָثٍٝأ ‣ ꦄ➂׾椚鍑ׅ׷׋׭ח葿ղז濼陎׾׮׏גֶֻ ➙ךֲ׍ח鋔ꅿ׾䎢־״ֲ

  82. ‣ ꨇ׃ְֿהכꨇ׃ְ ‣ ꨇ׃ְֿהחכ׉׸ז׶ך椚歋ה⣣⦼ָ֮׷ ‣ ꨇ׃ְ׾ⴓ鍑׃גծמהא׆אװ׏אֽ׷ ‣ 8FC䪮遭חꟼ׻׷ז׵㷕ן竲ֽ׷ֿהָꅾ銲 濼׏גֶַזֽ׸לז׵זְֿה

  83. ،فٔ؛٦ءّٝ׾ א⟃♳אֻ׹ֲ

  84. ‣ ו׿זחث٦فד׮ծⰋ鿇׾⡲׶♳־׷穗꿀כ ׮ךבֻ׶ךⰋ⡤⫷ח鵚בֻ鵚麣 ‣ 1BB4װ*BB4ך兛⿹ד兛鸐ך8FC؟٦ؽأ׾խ ⡲׷䪮遭涸ז侲㽿כꬊ䌢ח⡚ֻז׏גְ׷ ‣ ׮׍׹׿ٖٝةٕ؟٦غ׾⢪׏ג׮葺ְֽוծ إُؗٔذ؍חכ孡׾אֽ״ֲ ׮ךבֻ׶ךⰋ⡤⫷׾濼׷

  85. ‣ ꦄ䱸䊨玎׾ת׏׋ֻ濼׵זֻג׮⡲׸׷קוխ 넝䏝ז欰欵盖椚ָ遤׻׸גְ׷植㜥כקרזְ ‣ 荈ⴓ荈魦ָ➭ךًٝغ٦װؽآطأה䎢ֻ帾ֻխխ ꟼ׻׶さֲֿהד⡲׶♳־׷ⶼ鸡涸ז➬✲ ‣ ➙䖓"*װ堣唒㷕统ך鹌娄ח״׏ג岞荍ְ⡲噟ָ Ⰻ徦ׅ׷〳腉䚍כ֮׷ֽוծ׉׸כ姝鵒ׅץֹ 8FCכת׌ⶼ鸡涸ז➬✲

  86. 㽟耵׃׋׵

  87. ‣ 颵㉏ך➬倯ד䊴׾אֽ׷ ‣ 䞔㜠 ꧊ךثٍٝطٕה统䢪׾אֻ׷ ‣ 㷕׿׌ֿהכוַֿח،ؐزفحزׅ׷ ‣ 爡㢩חكٝثو٦ؙ㼎韋׾׮א 倜⼼ぢֽח،سغ؎أ׃ג׷ֿה

  88. ‣ 颵㉏ך➬倯ד䊴׾אֽ׷ ‣ 䞔㜠 ꧊ךثٍٝطٕה统䢪׾אֻ׷ ‣ 㷕׿׌ֿהכוַֿח،ؐزفحزׅ׷ ‣ 爡㢩חكٝثو٦ؙ㼎韋׾׮א 倜⼼ぢֽח،سغ؎أ׃ג׷ֿה

  89. ‣ չוֲ׃׋׵ְְדַׅպ׾鼘ֽ׷ ‣ ְֹז׶瘶ִ׾耀ֻךכثٍٝأ׾鷕׃ג׷ ‣ 罋ִ׋穠卓׾瘶ִさ׻ׇדֹ׸ל如ח籬ָ׷ ‣ 8FC噟歲ך鋅统ְ劍꟦כꬊ䌢ח瀉ְ 颵㉏ך➬倯ד䊴׾אֽ׷

  90. ‣ 颵㉏ך➬倯ד䊴׾אֽ׷ ‣ 䞔㜠 ꧊ךثٍٝطٕה统䢪׾אֻ׷ ‣ 㷕׿׌ֿהכוַֿח،ؐزفحزׅ׷ ‣ 爡㢩חكٝثو٦ؙ㼎韋׾׮א 倜⼼ぢֽח،سغ؎أ׃ג׷ֿה

  91. ‣ ـؚٗ ‣ ⹈䓼⠓ ‣ 剅硂 ‣ ٓ؎غٕ䱱׃ ‣ ًٝة٦䱱׃

    䞔㜠 ꧊،ؐزفحزكٝثو٦ؙ ‣ (PPHMF׷ ‣ 3FGFSFODF׷ ‣ 4UBDL0WFSPX׷ ‣ 2JJUB׷ ‣ (JU)VC׷
  92. ⚠ ⠓爡כꟗׄ׋⚅歲הְֲ荈鋙ה 䋐㜥⣣⦼׾罋ִ׷ֿהכꅾ銲

  93. ⡲噟׾鋙ִג ➬✲כ㷕ן竲ֽ׷

  94. ‣ ؝٦ر؍ؚٝװؽآُ،ٕכ⡲噟ח麓ֺזְ ‣ 㼭䩛⯓ךذؙصحؙכ濼陎ח麓ֺזְ ‣ ➬✲ד実׭׵׸׷ךכ濼䜋ה䊨㣗 ‣ 䌢ח㉏겗כ㢌⻉ׅ׷ךדծ䌢ח걧׾⢪ֲ ⡲噟׌ָֽ➬✲דכזְ

  95. ❓ 걧׾⢪ֲ׏גאת׶

  96. ℹ ջ㉏ְ׾甧ג׷⸂ռ

  97. شئֲֿז׏ג ְ׷ךַ

  98. شصָ铬겗זךַ

  99. 劤颵涸ז رؠ؎ٝ䙼罋

  100. 铬겗鍑寸ח8FCך㼔Ꟍ䚍׾崞ַׇ׋׵ ♧➂⵸ך8FCؿٗٝزؒٝسؒٝآص،

  101. תה׭

  102. ‣ 8FCؿٗٝزؒٝسכ6*׾㹋鄲׃תׅ ‣ رؠ؎ش٦װؒٝآص،ה⼿⸂׃さְתׅ ‣ 8FC䪮遭ח莆㄂׾׮׏גֻ׸׷ה㴍׃ְדׅ ‣ ➙ךֲ׍חرؠ؎ٝ䙼罋׾熊ֻה״ְדׅ ⠗ִ׋ַ׏׋ֿה

  103. None
  104. 稆湫דְְَخ 倜׃ְֿהח䮋䨌ׅ׷َخ 䌢ח䧭ꞿ׃竲ֽ׷َخ 実׭׷➂暟⫷

  105. 2VFTUJPOT IUUQBIPNV !BIPNV HJUIVCDPNBIPNV ! " ⌂