[JS]è¡Œé€ã‚Šã«ã‚‚対応ã€ãƒ†ã‚ストを一文å—ãšã¤ã‚¿ã‚¤ãƒ—ライターã®ã‚ˆã†ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Typist日本語ã«ã‚‚対応ã€è¡Œé€ã‚Šã‚„一時åœæ¢ã€ã‚¿ã‚¤ãƒ—スピードã®ç·©æ€¥ã‚‚調整ã§ãã‚‹ã€ãƒ†ã‚ストを一文å—ãšã¤ã‚¿ã‚¤ãƒ—ライターã®ã‚ˆã†ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ è¡Œé€ã‚Šã—ã¦ã‚‹ã¨ã“ Typistã®ä½¿ã„æ–¹ 実装ã¯3ステップã§ã™ã€‚ Step 1: 外部ファイル 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ ※スタイルシートã¯ç‰¹ã«å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚ªãƒ—ションã§è¨å®šã—ã¾ã™ã€‚ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.typist.js"></script> Step 2: HTML テã‚ストを表示ã™ã‚‹ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’é…ç½®ã—ã¾ã™ã€p, divè¦ç´ ãªã©ã§ã€‚ <p id="terminal">
{{#tags}}- {{label}}
{{/tags}}