CodePen: Project

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

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

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

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

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

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

ΤσΟλʹҎԼͷ)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 Λ։͍ͯίϐʔ͠Α͏

ຊ౰ͷ)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ʯͰ͸ɺ ͜ͷ෦෼͚ͩΛೖྗ͢Ε͹ɺ΄͔ͷ෦෼͸ิ׬ͯ͘͠Ε͍ͯͨͷͩͬͨɻ

)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'Λ࢖༻ɻ දࣔઃఆɻ ϖʔδʹ දࣔ͞Εͳ͍ ཁૉ ϖʔδʹ දࣔ͞ΕΔ ཁૉ

ࡉ͔͍ͱ͜Ζ͸͏Ζ֮͑Ͱྑ͍ɻίϐϖͯ͠࢖͓͏ɻ <!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>

CodePen: Project

CodePen: Project

Masateru YOSHIMURA

More Decks by Masateru YOSHIMURA

Other Decks in Technology

Featured

Transcript

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

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

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

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

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

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

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

ຊ౰ͷ)5.-͸͜ͷΑ͏ͳߏ੒ʹͳ͍ͬͯΔ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"

)5.-ͷߏ଄ͱͦΕͧΕͷҙຯ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"

ࡉ͔͍ͱ͜Ζ͸͏Ζ֮͑Ͱྑ͍ɻίϐϖͯ͠࢖͓͏ɻ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport"