1å¹´é–“å˜ä½“テストを書ã続ã‘ãŸç¾å ´ã‹ã‚‰é€ã‚‹ Vue Component ã®ãƒ†ã‚¹ãƒˆ / Vue Component Test - Speaker DeckVue Fes Japan 2018 ã® 1å¹´é–“å˜ä½“テストを書ã続ã‘ãŸç¾å ´ã‹ã‚‰é€ã‚‹ Vue Component ã®ãƒ†ã‚¹ãƒˆ https://vuefes.jp/
ç ´ç¶»ã—ãªã„ Vue.js アプリケーション開発ã®ãŸã‚ã«å¤§åˆ‡ãªã“㨠/ How to make a robust Vue.js application - Speaker Deck
2018/10/15 ã« JSLounge ã®æ´»å‹•ã¨ã—㦠UUUMæ ªå¼ä¼šç¤¾æ§˜ã§è¡Œã£ãŸç™ºè¡¨ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚
Vue.jsã®å‹‰å¼·ã«ã‚‚ã„ã„ï¼UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚„インタラクションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒã¾ã¨ã‚られ㟠-Vue.js Examples | コリス
Vue.jsã§ã•ã¾ã–ã¾ãªUIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚„インタラクションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„リソースãŒã¾ã¨ã‚られãŸVue.js Examplesを紹介ã—ã¾ã™ã€‚ ページやアプリã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã¯ã˜ã‚ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã‚«ãƒ¼ãƒ‰åž‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒ•ã‚©ãƒ¼ãƒ や検索ã€ãƒŠãƒ“ゲーションやページãƒãƒ¼ã‚·ãƒ§ãƒ³ã€Lazy Loadãªã©ã€æœ€è¿‘見ã‹ã‘ã‚‹ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚
Vue.jsã§æ§‹ç¯‰ã•ã‚ŒãŸã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã‚‚スマホã§ã‚‚å¿«é©ã«æ“作ã§ãるスライドショーã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Eagle.js | コリス
Vue.jsã§æ§‹ç¯‰ã•ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ デスクトップ・スマホã«å®Œå…¨å¯¾å¿œã€ãƒ—レゼンテーションモードも備ãˆã¦ãŠã‚Šã€ã‚ーボード・マウス・タッãƒæ“作をサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹å¿«é©ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実装ã§ãã¾ã™ã€‚ Vue.jsã§æ§‹ç¯‰ã•ã‚ŒãŸã€è»½å¿«ã«å‹•ä½œã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク。 アニメーションã€ãƒ†ãƒ¼ãƒžã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ウィジェットをサãƒãƒ¼ãƒˆã€‚ プレゼンテーション全体ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ã‚¹ãƒ©ã‚¤ãƒ‰ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å†åˆ©ç”¨å¯èƒ½ã€‚ ビルトインプレゼンターモードã¨ã•ã¾ã–ã¾ãªä¾¿åˆ©ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã€‚ ã™ã¹ã¦ã®APIãŒå…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ã€‚ ライセンスã¯ISC Licenseã§ã€å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Eagle.jsã®ãƒ‡ãƒ¢ Eagle.jsを使用ã—ãŸã•ã¾ã–ã¾ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’楽ã—ã‚ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„フェードãªã©ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒä»•è¾¼ã¾ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‹ã‚‰ã€‚ Eagl
Vue.js 㧠XSS を作り込ã¾ãªã„ãŸã‚ã«æ°—を付ã‘ã‚‹ã“㨠- ã‚»ã‚ュアスカイプラス
ã¯ã˜ã‚ã« ã¯ã˜ã‚ã¾ã—ã¦ã€ç¦å²¡ã‚ªãƒ•ã‚£ã‚¹ã§åƒã„ã¦ã„ã‚‹å‰å¹³ã§ã™ã€‚ ã‚»ã‚ュアスカイ・テクノãƒã‚¸ãƒ¼ã§ã¯ã€ã™ã§ã«ã„ãã¤ã‹ã®ã‚«ãƒ†ã‚´ãƒªã®ãƒ–ãƒã‚°ã‚’発信ã—ã¦ã„ã¾ã™ãŒã€æŠ€è¡“を気軽ã«ç™ºä¿¡ã—ãŸã‚Šã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ™®æ®µã®æ¥å‹™ã§ã©ã®ã‚ˆã†ãªæŠ€è¡“ã«è§¦ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’紹介ã—ãŸã‚Šã™ã‚‹ã“ã¨ã‚’目的ã¨ã—ã¦ã€æ–°ã—ã「エンジニアブãƒã‚°ã€ãŒç«‹ã¡ä¸ŠãŒã‚Šã¾ã—ãŸã€‚ 本記事ã§ã¯ã€æœ€è¿‘ã«ãªã£ã¦ã‚ˆã†ã‚„ã (æ±—) 検証ã—㟠Vue.js ã§ã®ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆãƒ»ã‚¹ã‚¯ãƒªãƒ—ティング (XSS) ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠã€æœ¬è¨˜äº‹ã®å†…容ã¯ç§è¦‹ã«åŸºã¥ãã‚‚ã®ã§ã‚ã‚Šã€æ‰€å±žçµ„織を代表ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 å‰æ 本記事ã§ã¯ Vue.js を使ã£ã¦ XSS ã®è„†å¼±æ€§ã‚’作ã£ã¦ã—ã¾ã†ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã‚’説明ã—ã¾ã™ãŒã€ãã®ä»–ã® JavaScript ã®ãƒ©ã‚¤ãƒ–ラリ/フレームワークを使ã£ãŸå ´åˆã§ã‚‚åŒæ§˜ã®ãƒªã‚¹ã‚¯ãŒã‚ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 検証ã§åˆ©ç”¨ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ Vue.js v2.5.16 (サ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}