Upgrade to Pro — share decks privately, control downloads, hide ads and more …

今さら聞けない！Webデザイナーのためのプログラミング講座

Avatar for Toshiyuki TAKAHASHI Toshiyuki TAKAHASHI
May 20, 2016
Programming
320
1

 今さら聞けない！Webデザイナーのためのプログラミング講座

2015.1.25 に開催した「今さら聞けない！Webデザイナーのためのプログラミング講座」のスライドです

Avatar for Toshiyuki TAKAHASHI

Toshiyuki TAKAHASHI

May 20, 2016

More Decks by Toshiyuki TAKAHASHI

See All by Toshiyuki TAKAHASHI
第11回 AED-LABO 解説用スライド
Avatar for Toshiyuki TAKAHASHI gautt
1
610
今さら聞けない！デザイナーのためのGit超入門
Avatar for Toshiyuki TAKAHASHI gautt
2
300
10倍ラクするアピアランス入門
Avatar for Toshiyuki TAKAHASHI gautt
2
650

Other Decks in Programming

See All in Programming
エージェンティックRAGにAWSで入門しよう！
Avatar for Har1101 har1101
5
120
「エンジニアインターン、どうやって取った？」準備のリアルを語るLT会 Progate BAR
Avatar for akio akiomatic
0
120
SPMマルチモジュールで テストカバレッジを取得する技法
Avatar for yosshi yosshi4486
0
140
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
Avatar for MinoDriven minodriven
17
5.6k
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
Avatar for nrs nrslib
6
800
Stage 3 Decorators でできること / できないこと / TSKaigi 2026
Avatar for Susisu susisu
1
1.5k
TAKTでAI駆動開発の品質を設計する
Avatar for かとじゅん j5ik2o
6
730
DynamoDBには集計系のクエリがないけどなんとかしたい
Avatar for 村上優稀 musan
1
130
密結合なバックエンドから TypeScript のコードを生成する
Avatar for kemuridama kemuridama
1
690
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
Avatar for nrs nrslib
0
240
Modding RubyKaigi for Myself
Avatar for yui-knk yui_knk
0
880
Spec-Driven Development with AI-Agents: From High-Level Requirements to Working Software
Avatar for Anton Arhipov antonarhipov
2
440

Featured

See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
150
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
230
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
930
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
160
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
200
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

Transcript

  1. ࠓ͞Βฉ͚ͳ͍ʂ 8FCσβΠφʔͷͨΊͷ ϓϩάϥϛϯάߨ࠲ AED LABO 2015.1.25. sun. TOSHIYUKI TAKAHASHI (GRAPHIC

    ARTS UNIT )

  2. ʠίϯϐϡʔλ͕ߦ͏΂͖ॲཧΛॱংཱͯͯهड़ͨ͠΋ͷʡ ग़యɿϓϩάϥϜͱ͸ʤίϯϐϡʔλϓϩάϥϜʥʲQSPHSBNʳҙຯղઆઆ໌ఆٛɿ*5༻ޠࣙయʢIUUQFXPSETKQX&&"%&#&"&"IUNMʣ ϓϩάϥϜͱ͸

  3. ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ͭΊͷॲཧ ͭΊͷॲཧ ʜʜ ࣮ߦ ࣮ߦ ࣮ߦ ͋Β͔͡ΊܾΊΒΕͨॲཧΛ্͔Βॱ൪ʹ࣮ߦ͍ͯ͘͠

    ϓϩάϥϜͱ͸

  4. ͭΊͷॲཧ" ʜʜ ͭΊͷॲཧ" ࣮ߦ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ৚݅

    A B ϓϩάϥϜͱ͸

  5. ࣮ߦ ࣮ߦ ͭΊͷॲཧ# ͭΊͷॲཧ# ʜʜ ͭΊͷॲཧ ࣮ߦ ͭΊͷॲཧ ࣮ߦ ৚݅

    A B ϓϩάϥϜͱ͸

  6. ͭΊͷॲཧ" ʜʜ ͭΊͷॲཧ" ͭΊͷॲཧ ͭΊͷॲཧ ͭΊͷॲཧ# ͭΊͷॲཧ# ʜʜ ৚݅ʹΑͬͯॲཧΛৼΓ෼͚Δ ৚݅

    A B ϓϩάϥϜͱ͸

  7. ྫྷଂݿΛ։͚Δ த਎Λ֬ೝ͢Δ ڇ೑͕͋Δ ಲ೑͕͋Δ ܲ೑͕͋Δ ϏʔϑεςʔΩ ϙʔΫιςʔ άϦϧνΩϯ ങ͍ʹߦ͘ ೑͕͋Δ͔

    NO YES ༦৯ͷϝχϡʔΛܾΊΔͱ͖ͷྲྀΕ

  8. ը૾ग़యɿ઒࡚ࢢɿΧϞ਍அςετʢIUUQXXXDJUZLBXBTBLJKQQBHFIUNMʣ ਍அνϟʔτ΍઎͍νϟʔτ͸ҰछͷʮϓϩάϥϜʯͱݴ͑Δ

  9. զʑ͕࿩͢ݴ༿͕ࠃʹΑͬͯҟͳΔΑ͏ʹ ϓϩάϥϜݴޠʹ΋͍͔ͭ͘ͷछྨ͕͋Γ·͢

  10. Web Design (Front End) JavaScript / PHP … Web Development

    Ruby / Python / Perl / Scala … Application Development Java / C++ / Objective-C / Swift … ओͳϓϩάϥϜݴޠͷछྨ ΋ͪΖΜɺ͜ͷଞʹ΋ͨ͘͞ΜͷϓϩάϥϜݴޠ͕ଘࡏ͠·͢

  11. ΢ΣϒσβΠφʔతʹೃછΈ͕͋Δͷ͸ίί ओͳϓϩάϥϜݴޠͷछྨ Web Design (Front End) JavaScript / PHP …

    Web Development Ruby / Python / Perl / Scala Application Development Java / C++ / Objective-C / Swift

  12. ݴޠͷ࢓༷΍จ๏ͳͲΛ֮͑Δͷ΋େ੾͕ͩɺ ॲཧͷߟ͑ํʢΞϧΰϦζϜʣΛ֮͑Δํ͕େ੾ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸

  13. ࠺ʮڇೕΛ̍ύοΫങ͖ͬͯͯɻཛ͕͋ͬͨΒ͓̒ͭئ͍ʯ ͠͹Βͯ͘͠ɺ෉͕ʬڇೕΛ̒ύοΫʭങͬͯؼ୐ ࠺ʮͳΜͰڇೕΛ̒ύοΫ΋ങ͖ͬͯͨͷΑʯ ෉ʮͩͬͯཛ͕͔͋ͬͨΒʯ ͋Δ࠺͕ϓϩάϥϚʔͷ෉ʹങ͍෺ΛཔΜͩΒʜʜ ͓લ͸ҰମԿΛݴ͍ͬͯΔͷͩ

  14.        WBSڇೕͷݸ਺ JG ཛ

    \ ڇೕͷݸ਺ ^FMTF\ ڇೕͷݸ਺ ^ ڇೕΛങ͏ ڇೕͷݸ਺  ˞+BWB4DSJQUͷ৔߹ ࠺ͷ͓ئ͍͸෉ʹ͸͜͏ฉ͍͑ͯ͜Δ

  15. ίʔυΛॻ͘͜ͱ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸ ϓϩάϥϜ

  16. ΞϧΰϦζϜʢ࢓૊Έ΍खॱʣ Λߟ͑Δ͜ͱ ϓϩάϥϜ ϓϩάϥϜతͳࢥߟΛ͢Δʹ͸

  17. Hands on ΍ͬͯΈΑ͏

  18. ࣮ߦ؀ڥ w DPOTPMFMPH μΠΞϩάදࣔ w BMFSU w DPOpSN w QSPNQU

    ม਺ σʔλܕ ԋࢉࢠ w ࢉज़ԋࢉࢠ w ୅ೖԋࢉࢠ w ൺֱԋࢉࢠ w ࿦ཧԋࢉࢠ ؔ਺ w GVODUJPO w Ҿ਺ w ໭Γ஋ w ଈ࣌ؔ਺ w ແ໊ؔ਺ ม਺ͷείʔϓ ഑ྻ ࿈૝഑ྻʢϋογϡʣ ৚݅෼ذ w JG w JGʜFMTF w JGʜFMTFJG w ൺֱԋࢉࢠ w TXJUDI ܁Γฦ͠ w XIJMF w EPʜXIJMF w GPS w GPSʜJO ࠓ೔΍Γ͍ͨ͜ͱ

  19. ΢Σϒϒϥ΢β w (PPHMF$ISPNFɺ4BGBSJ ΤσΟλ w ͓޷͖ͳ΋ͷʢ65'Λѻ͑Δ΋ͷʣ w σϞ͸4VCMJNF5FYUΛ࢖༻ ίʔυΛॻ͘৔ॴ w

    )5.-ͷTDSJQUཁૉ಺ w ֎෦KTϑΝΠϧ ݴޠ w +BWB4DSJQU ࣮ߦ؀ڥ

  20. DPOTPMFMPH σόοΨͷ8FCίϯιʔϧʹϝοηʔδΛग़ྗ (PPHMF$ISPNFɿදࣔˠ։ൃ؅ཧˠ+BWB4DSJQUίϯιʔϧ 4BGBSJɿ։ൃˠΤϥʔίϯιʔϧΛදࣔ 'JSFGPYɿπʔϧˠ8FC։ൃˠ8FCίϯιʔϧ *&ɿʦ'ʧͰ։ൃऀπʔϧΛ։͖ɺʦίϯιʔϧʧλϒΛબ୒ ࣮ߦ؀ڥ

  21. Show dialog box μΠΞϩάϘοΫεදࣔ

  22. BMFSU ܯࠂμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ

  23. DPOpSN ֬ೝμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ

  24. QSPNQU จࣈೖྗՄೳͳμΠΞϩάΛදࣔ μΠΞϩάϘοΫεදࣔ

  25. Variable ม਺

  26. ஋Λࣗ༝ʹೖΕସ͑Ͱ͖ΔೖΕ෺ ʁ  ͍͋͏ USVF ม਺ ม਺

  27. ม਺Λ࠷ॳʹ࢖͏ͱ͖͸ʮWBSʯͰએݴ͢Δ WBSม਺໊ ม਺

  28. ม਺ͷதʹ஋ΛೖΕΔʹ͸ʮʯΛ࢖͏ ม਺໊஋ ͜ͷΠίʔϧ͸ʮ୅ೖԋࢉࢠʯͱ͍͏ ୅ೖ ม਺

  29. Data type σʔλܕ

  30. σʔλܕ σʔλʹ͸ʮܕʯ͕͋Δ

  31. σʔλܕ จࣈͷ͜ͱ γϯάϧΫΦʔςʔγϣϯ͔μϒϧΫΦʔςʔγϣϯͰׅΔ 4USJOHܕ จࣈྻ

  32. σʔλܕ ਺ࣈͷ͜ͱ +BWB4DSJQUͰ͸੔਺΋খ਺ʢුಈখ਺఺ʣ΋۠ผ͠ͳ͍ /VNCFSܕ ਺஋

  33. σʔλܕ USVFʢਅʣɺGBMTFʢِʣͷͲͪΒ͔ ओʹ৚݅൑ఆͳͲͰ࢖͏ CPPMFBOܕ ࿦ཧ஋

  34. Expressions and operators ԋࢉࢠ

  35. ਺஋ͷܭࢉʹ࢖͏ ࢉज़ԋࢉࢠ ԋࢉࢠ

  36. ม਺ʹ஋Λ୅ೖ͢Δͱ͖ʹ࢖͏ ୅ೖԋࢉࢠ ԋࢉࢠ

  37. ෳ਺ͷର৅Λൺֱ͢Δͱ͖ʹ࢖͏ ൺֱԋࢉࢠ ԋࢉࢠ

  38. ৚݅ͷਅِΛ͢Δͱ͖ʹ࢖͏ ࿦ཧԋࢉࢠ ԋࢉࢠ

  39. Array ഑ྻ

  40. ෳ਺ͷม਺Ληοτʹͨ͠Α͏ͳ΋ͷ  ஋ ஋ ഑ྻ     ஋

    ஋ ஋ ม਺ ม਺ ม਺ ม਺ ม਺ ഑ྻ

  41. ࠷ॳʹ࢖͏ͱ͖͸ʮOFX"SSBZ ʯͰ࡞੒͢Δ ม਺໊OFX"SSBZ ഑ྻ

  42. ͜ͷΑ͏ʹলུͯ͠ॻ͘͜ͱ΋Ͱ͖Δ ม਺໊<> OFX"SSBZ ͱಉ͡ ഑ྻ

  43. ஋Λ୅ೖ͢Δͱ͖͸ม਺໊ʹʦ൪߸ʧΛ෇͚Δ ม਺໊<O>஋ ͜ͷ൪߸ͷ͜ͱΛΩʔͱݺͿ ୅ೖ ഑ྻ

  44. Associative array ࿈૝഑ྻ

  45. ൪߸Ͱ͸ͳ͘ΩʔϫʔυͰ؅ཧ͢Δ഑ྻ OBNF ࢁాଠ࿠ ࿈૝഑ྻ BHF TFY IFJHIU XFJHIU ม਺ ม਺

    ม਺ ม਺ ม਺  உ   ࿈૝഑ྻ

  46. ࠷ॳʹ࢖͏ͱ͖͸ʮOFX0CKFDU ʯͰ࡞੒͢Δ ม਺໊OFX0CKFDU ࿈૝഑ྻ

  47. ม਺໊\^ ͜ͷΑ͏ʹলུͯ͠ॻ͘͜ͱ΋Ͱ͖Δ OFX0CKFDU ͱಉ͡ ࿈૝഑ྻ

  48. ม਺໊<LFZ>஋ ม਺໊LFZ஋ ஋Λ୅ೖ͢Δͱ͖͸ม਺໊ʹʦʡΩʔʧΛ෇͚Δ ·ͨ͸ɺม਺໊ʹυοτ۠੾ΓͰΩʔΛࢦఆͯ͠΋0, ୅ೖ ୅ೖ ࿈૝഑ྻ

  49. Conditional branch ৚݅෼ذ

  50. JG ΋ͬͱ΋جຊతͳ৚݅෼ذ ৚݅෼ذ

  51. JG ৚݅ \ ৚͕݅ਅͷͱ͖ͷॲཧ ^ ৚݅෼ذ

  52. JGʜFMTF ύλʔϯΛ෼ذ͢Δ ৚݅෼ذ

  53. JG ৚݅ \ ৚͕݅ਅͷͱ͖ͷॲཧ ^FMTF\ ৚ِ͕݅ͱ͖ͷॲཧ ^ ৚݅෼ذ

  54. JGʜFMTFJG ͭҎ্ͷύλʔϯΛ෼ذ͢Δ ৚݅෼ذ

  55. JG ৚݅" \ ৚݅"͕ਅͷͱ͖ͷॲཧ ^FMTFJG ৚݅# \ ৚݅#͕ਅͱ͖ͷॲཧ ^FMTF\ ͢΂ِ͕ͯͱ͖ͷॲཧ

    ^ ৚݅෼ذ

  56. TXJUDI ม਺ͷ஋ʹΑͬͯॲཧΛ෼ذ ৚݅෼ذ

  57. TXJUDI ม਺ \ DBTF" ม਺ͷ஋͕"ͷͱ͖ͷॲཧ DBTF# ม਺ͷ஋͕#ͷͱ͖ͷॲཧ EFGBVMU ͲΕʹ΋౰ͯ͸·Βͳ͍ͱ͖ͷॲཧ ^

    ৚݅෼ذ

  58. Repeat ܁Γฦ͠

  59. XIJMF ৚݅Λຬ͍ͨͯ͠Δؒ܁Γฦ͢ ܁Γฦ͠

  60. XIJMF ৚݅ \ ܁Γฦ͢ॲཧ ^ ͜ͷ৚݅Λຬ͍ͨͯ͠Δؒͣͬͱ܁Γฦ͞ΕΔ ܁Γฦ͠

  61. EPʜXIJMF ৚݅Λຬ͍ͨͯ͠Δؒ܁Γฦ͢ʢ࠷௿ճ͸࣮ߦ͢Δʣ ܁Γฦ͠

  62. EP\ ܁Γฦ͢ॲཧ ^XIJMF ৚݅ ແ৚݅ʹճ͚ͩ͸࣮ߦ ͋ͱ͸͜ͷ৚݅Λຬ͍ͨͯ͠Δؒͣͬͱ܁Γฦ͞ΕΔ ܁Γฦ͠

  63. GPS Ұఆճ਺ͷॲཧΛ܁Γฦ͢ ܁Γฦ͠

  64. GPS WBSJJOJ  \ ܁Γฦ͢ॲཧ ^ ͜͜ʹ܁Γฦ͢ճ਺Λࢦఆ͢Δ ܁Γฦ͠

  65. GPSʜJO ഑ྻΛ૸ࠪ͢Δʢ഑ྻཁૉͷݸ਺෼܁Γฦ͢ʣ ܁Γฦ͠

  66. GPS WBSม਺໊JO഑ྻ໊ \ ܁Γฦ͢ॲཧ ^ ΩʔΛ֨ೲ͢ΔͨΊͷม਺໊Λࢦఆ ૸͍ࠪͨ͠഑ྻ ܁Γฦ͠

  67. Function ؔ਺

  68. Α͘࢖͏ॲཧʹ໊લΛ͚͍ͭͯͭͰ΋ݺͼग़ͤΔΑ͏ʹ͢Δ ʮ)FMMPʯͱ දࣔ͢Δॲཧ ؔ਺໊ʮIFMMPʯ IFMMP )FMMP IFMMP IFMMP )FMMP )FMMP

    ؔ਺

  69. GVODUJPOؔ਺໊ \ ॲཧ ^ ʮGVODUJPOʯʹଓ͍ͯؔ਺໊Λࢦఆ͢Δ ؔ਺

  70. Ҿ਺ ࣮ߦଆ͔Βؔ਺ʹ౉͢஋ ؔ਺

  71. ؔ਺ʹରͯ͠೚ҙͷσʔλΛ౉͢ ม਺ ʮNFTTBHFʯ Λදࣔ͢Δॲཧ ؔ਺໊ʮUBML NFTTBHF ʯ UBML )FMMP )FMMP

    UBML )FZ UBML ΍͋ʂ )FZ ΍͋ʂ ؔ਺

  72. ؔ਺໊ͷ͋ͱͷ ಺ʹҾ਺໊Λࢦఆ͓ͯ͘͠ GVODUJPOؔ਺໊ Ҿ਺໊ \ ॲཧ ^ ͜͜ʹҾ਺໊Λࢦఆ͓ͯ͘͠ ؔ਺

  73. ෳ਺ͷҾ਺Λࢦఆ͢Δ͜ͱ΋Մೳ GVODUJPOؔ਺໊ Ҿ਺ Ҿ਺ ʜ \ ॲཧ ^ ΧϯϚͰ۠੾ͬͯෳ਺ࢦఆ ؔ਺

  74. ໭Γ஋ ؔ਺͔Β࣮ߦଆʹฦ͢஋ ؔ਺

  75. ࣮ߦଆʹରͯؔ͠਺͔Β೚ҙͷσʔλΛฦ͢ ໭Γ஋ʹ ʮ)FMMPʯͱ͍͏ จࣈྻΛࢦఆ ؔ਺໊ʮHFU ʯ HFU )FMMP HFU )FMMP

    HFU )FMMP ؔ਺

  76. ʮSFUVSOʯʹଓ͍ͯ໭͢஋Λࢦఆ͢Δ GVODUJPOؔ਺໊ \ SFUVSO໭Γ஋ ^ ࣮ߦଆʹ໭͢஋ ؔ਺

  77. ʮSFUVSOʯ͸ؔ਺Λڧ੍ऴྃ͢ΔͨΊɺҎ߱ͷॲཧ͸࣮ߦ͞Εͳ͍ GVODUJPOؔ਺໊ \ ॲཧ" SFUVSO ॲཧ# ^ ॲཧ#͸࣮ߦ͞Εͳ͍ ؔ਺

  78. Scope of variables ม਺ͷείʔϓ

  79. ม਺͸ʮWBSʯͰએݴ͢ΔҐஔͰ༗ޮͳൣғ͕ҟͳΔ WBSม਺໊ ม਺ͷείʔϓ

  80. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ؔ਺ͷ֎ଆͰએݴ͞Εͨม਺͸શମͰࢀরͰ͖Δ ม਺ͷείʔϓ

  81. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ม਺ͷείʔϓ

  82. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ม਺ͷείʔϓ

  83. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  5BSP ม਺ͷείʔϓ

  84. WBSOBNF5BSP GVODUJPOUFTU \ DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  5BSP ม਺ͷείʔϓ

  85. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ؔ਺ͷதͰએݴ͞Εͨม਺͸ͦͷؔ਺಺Ͱ͔͠ࢀরͰ͖ͳ͍ ม਺ͷείʔϓ

  86. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ม਺ͷείʔϓ

  87. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  ม਺ͷείʔϓ

  88. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  5BSP ม਺ͷείʔϓ

  89. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  ^ UFTU  DPOTPMFMPH

    OBNF  &SSPS ม਺ͷείʔϓ

  90. GVODUJPOUFTU \ WBSOBNF5BSP DPOTPMFMPH OBNF  SFUVSOOBNF ^ WBSVTFSUFTU 

    DPOTPMFMPH VTFS  5BSP ໭Γ஋Λ࢖͏ ม਺ͷείʔϓ