CodePen: Project

CodePen: Project

スライド内のHTMLの雛形
https://codepen.io/mathatelle/pen/BajvJJP

91e7aee9769836f448a9f1ce91255749?s=128

Masateru YOSHIMURA

July 21, 2020
Tweet

Transcript

  1. ෳ਺ϖʔδͷ΢ΣϒαΠ τ

  2. IUUQT[P[PKQTQ Ұཡϖʔδ ৄࡉϖʔδ ৘ใྔͷ ଟ͍΢ΣϒαΠτ͸ ෳ਺ϖʔδ͔Β ߏ੒͞ΕΔ

  3. JOEFYIUNM QBHFIUNM QBHFIUNM QBHFIUNM τοϓϖʔδͷϑΝΠϧ໊͸ JOEFYͱදه͢Δɻ֦ுࢠ͸IUNMɻ ͦͷଞͷϑΝΠϧ໊͸೚ҙɻ ը૾ͱಉ༷ɺݪଇͱͯ͠൒֯ӳ਺ͷখจࣈΛ༻͍Δɻ ϦϯΫ ϦϯΫ

    ϦϯΫ
  4. JOEFYIUNM QBHFIUNM QBHFIUNM QBHFIUNM TUZMFDTT ελΠϦϯά͸ ͭͷϑΝΠϧʹ·ͱΊͯ ઃఆ͓ͯ͘͠ɻ ˞֓೦ਤ͚ͩݟ͍ͯͯ΋Θ͔Γʹ͍͘ͷͰ$PEF1FOͰ΍ͬͯΈΑ͏

  5. ͜Ε ͜ͷΑ͏ͳߏ੒ͷ΢ΣϒαΠτΛ੍࡞͢ΔͨΊʹ͸ $PEF1FOʹ͓͍ͯ͸1SPKFDUͱ͍͏ػೳΛ༻͍Δɻ ˞$PEF1FOͷ1FOͰ͸୯Ұͷϖʔδ͔͠࡞Εͳ͍ɻ

  6. ࠷ॳͷखॱɿϖʔδΛ࡞Δ ϑΝΠϧ໊Λೖྗ /FX'JMFΛΫϦοΫ ΤσΟλʹίʔυΛೖྗ͍ͯ͘͠

  7. ΤσΟλʹҎԼͷ)5.-Λίϐϖ͠Α͏ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"

    content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> </body> </html> IUUQTDPEFQFOJPNBUIBUFMMFQFO#BKW++1 Λ։͍ͯίϐʔ͠Α͏
  8. ຊ౰ͷ)5.-͸͜ͷΑ͏ͳߏ੒ʹͳ͍ͬͯΔ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"

    content="width=device-width, initial-scale=1.0"> <title>Θͨ͠ͷϙʔτϑΥϦΦ</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Θͨ͠ͷϙʔτϑΥϦΦ<h1> <p><a href="page1.html">࡞඼ͷ঺հ</a></p> </body> </html> $PEF1FOͷʮ1FOʯͰ͸ɺ ͜ͷ෦෼͚ͩΛೖྗ͢Ε͹ɺ΄͔ͷ෦෼͸ิ׬ͯ͘͠Ε͍ͯͨͷͩͬͨɻ
  9. )5.-ͷߏ଄ͱͦΕͧΕͷҙຯ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"

    content="width=device-width, initial-scale=1.0"> <title>Θͨ͠ͷϙʔτϑΥϦΦ</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Θͨ͠ͷϙʔτϑΥϦΦ<h1> <p><a href="page1.html">࡞඼ͷ঺հ</a></p> </body> </html> UJUMFλά͸ϖʔδ಺ʹ͸දࣔ͞Εͳ͍ɻϒϥ΢βͷλϒ΍(PPHMFͷݕࡧ݁Ռʹදࣔ͞ΕΔɻ จॻએݴɻʮ͜ͷจॻ͸)5.-ʢͷόʔδϣϯʣͰ͢ʯͱએݴ͍ͯ͠Δɻ )5.-ͷ಺༰ɻMBOHଐੑ͸͜ͷϖʔδͷݴޠͰKB͸೔ຊޠΛҙຯ͢Δɻ จࣈίʔυͱͯ͠65'Λ࢖༻ɻ දࣔઃఆɻ ϖʔδʹ දࣔ͞Εͳ͍ ཁૉ ϖʔδʹ දࣔ͞ΕΔ ཁૉ
  10. ࡉ͔͍ͱ͜Ζ͸͏Ζ֮͑Ͱྑ͍ɻίϐϖͯ͠࢖͓͏ɻ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"

    content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> </body> </html>