Driver.jsAnimated Tour Non-Animated Tour Async Tour No Element Confirm on Exit Show Progress Simple Highlight Highlight with Popover Prevent Closing Overlay Color Popover Positioning Customizing Popover Hooks for Everything and much more ...
husky + lint-staged ã§å“質をä¿ã¤ - ナデズダ・ゴボリン🖥
リントツールをインストールã—ã¦ã‚‚使ã‚ãªã‘ã‚Œã°æ„味ãŒãªã„。 ã¨ã„ã†ã‚ã‘ã§äººçš„ãªãƒªãƒ³ãƒˆå¿˜ã‚Œã‚’未然ã«é˜²ããŸã‚ã«ã‚‚ã€huskey 㨠lint-staged 㨠å„種リントツールを組ã¿åˆã‚ã›ã¦ã‚³ãƒŸãƒƒãƒˆå‰ã«è‡ªå‹•çš„ã«ãƒªãƒ³ãƒˆãŒè¡Œã‚れる環境を作りã¾ã—ょã†ã€‚リントエラー時ã«ã‚³ãƒŸãƒƒãƒˆã‚’å¼¾ãã“ã¨ã«ã‚ˆã£ã¦ git 上ã®ã‚³ãƒ¼ãƒ‰ã®å“質をä¿ã¤ã“ã¨ãŒã§ãã¾ã™ã€‚ 環境 husky 1.1.0 lint-staged 7.3.0 git hooks ã®è¨å®šã‚’ package.json ãªã©ã‹ã‚‰ã§ãるよã†ã«ã—ã¦ãれるツールã§ã™ã€‚ 生㮠git hooks ã ã¨ãƒãƒ¼ãƒ 内ã§å…±æœ‰ã¨ã‹ãŒã—ã«ãã„ã§ã™ãŒã€husky を使ã£ã¦è¨å®šã‚’ package.json ãªã©ã«æ›¸ã‘ã°ç°¡å˜ã«å…±æœ‰ã§ãã¾ã™ã€‚ pre-commit フックを使ã†ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒ•ãƒƒã‚¯ã§ã‚ã‚Œã°ã™ã¹ã¦ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ ステージングã—ãŸãƒ•ã‚¡
JSã§DoSã‚‹/ Shibuya.XSS techtalk #11
Shibuya.XSS techtalk #11 ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚
Reactã§èª°ã‚‚ãŒã‚„ã‚ŠãŸã‹ã£ãŸ10ã®æ©Ÿèƒ½ã€‚アプリ構想ã¯ã‚ã‚‹ã‘ã©ä½œã‚Œãªã„人ã®å£ã‚’ã¶ã£å£Šã™ã€‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã®è¨˜äº‹ã¯ Reactã§ä»Šã©ããªWebアプリを作りãŸã„（ã‚ã‚よãã°ã‚µãƒ¼ãƒãƒ¼ãƒ¬ã‚¹ã«ã—ãŸã„） ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯è§¦ã£ã¦ã¿ãŸã‘ã©ã€ãã®å¾Œã¯ã©ã†ã—ãŸã‚‰è‰¯ã„ã®ã‹å³ã‚‚左も分ã‹ã‚‰ãªã„ ã¨ã„ã†äººå‘ã‘ã«ã€ã€Œã“ã‚“ãªæ„Ÿã˜ã§å®Ÿè£…ã—ãŸã‚‰å…¬é–‹ã§ãるアプリã¨ã—ã¦ã®ä½“è£ã¯æ•´ã„ãã†ã§ã™ãžã€ã¨ã„ã†ã‚ªãƒ¬ã‚ªãƒ¬HowToã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ ーー追記（2019/4）ーー ã“ã®è¨˜äº‹ã¯2018/9ã«ä½œã£ãŸã‚‚ã®ãªã®ã§ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³å‘¨ã‚Šãªã©çµæ§‹å¤ããªã£ã¡ã‚ƒã£ã¦ã¾ã™ã€‚MaterialUIãªã©ã¯ä»Šã¯V3ãŒå‡ºã¦ã„ã¦ãƒ‰ã‚ュメントを見る時ãªã©ã”注æ„ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚å‚考程度ã«ã”活用下ã•ã„。 ã¾
npm ã¨ã‹ bower ã¨ã‹ä¸€ä½“何ãªã‚“ã よï¼Javascript 界隈ã®æ–‡è„ˆã‚’ç†è§£ã—よㆠ- Qiita
背景 Javascript 㧠Web アプリを作ã‚ã†ã¨ã™ã‚‹ã¨ã€ã‚ˆãã‚ã‹ã‚‰ãªã„ã“ã¨ã らã‘ã§è¶…æ··ä¹±ã—ã¾ã™ã€‚ npm 㨠bower ã®é•ã„ã¯ï¼Ÿ npm ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ç”¨ã€bower ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ç”¨ã‚‰ã—ã„よ ãˆã£ã€ã§ã‚‚ãªã‚“㧠bower ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã« npm ãŒå¿…è¦ãªã®ï¼Ÿ サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯ Rails ã§æ›¸ããŸã„ã‹ã‚‰ npm è¦ã‚‰ãªã„ã¨æ€ã†ã‚“ã ã‘ã©ãƒ»ãƒ»ãƒ» ã¦ã„ã†ã‹ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JSã¨ã‹ node.js ã£ã¦ä½•ï¼Ÿ よã見る browserify ã£ã¦ä½•ï¼Ÿ ã“ã†ã„ã£ãŸç–‘å•ãŒæ²¸ã上ãŒã‚‹ã®ã¯ã€å„ツールãŒç”Ÿã¾ã‚ŒãŸæ–‡è„ˆãŒã‚ˆãã‚ã‹ã£ã¦ã„ãªã„ã‹ã‚‰ã§ã™ã€‚ã„ã‚ã„ã‚調ã¹ã¦ã‚„ã£ã¨ã¡ã‚‡ã£ã¨ã‚ã‹ã£ã¦ããŸã®ã§ãƒ¡ãƒ¢ã—ã¾ã™ã€‚é–“é•ã„ãŒã‚ã£ãŸã‚‰ã”指摘ãã ã•ã„。 「CommonJSã€èª•ç”Ÿ - Javascript ã¯æ±Žç”¨ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¸ ãã®æ˜”ã€Javascript 大好ããŠã˜ã•ã‚“ã¯è¨€ã„ã¾ã—ãŸã€‚ Javascrip
Ajaxを劇的ã«ç°¡å˜ã«ã™ã‚‹React.js
ã“ã“æ•°å¹´ã€Javascript界隈ã§ãƒ•ãƒ¬ãƒ¼ãƒ ワーク戦争ãŒå‹ƒç™ºã—ã¦ãã¾ã—ãŸã€‚クライアント開発ã®è¦æ¨¡ã‚‚年々大ãããªã‚Šã€jQueryã ã‘ã§ã¯è¤‡é›‘ãªç”»é¢é·ç§»ãªã©ã‚’管ç†ã—ãã‚Œãªããªã£ã¦ããŸã®ãŒåŽŸå› ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚昨年ã¾ã§Angularã¨backboneを試ã—ã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’MVCã«ã—ã¦ã„ã‚‹ã®ã«ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚‚MVCを作るMVCã®2階建ã¦ã¯ã€ã‚„ã‚ŠéŽãŽãªã®ã§ã¯ãªã„ã‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚フレームワークãã®ã‚‚ã®è¦šãˆã‚‹ã¾ã§ã«ã‚‚一苦労ã¨ã„ã†ã®ã‚‚é¢å€’ã«æ„Ÿã˜ã¾ã—ãŸã€‚ 2014å¹´ã€æµ·å¤–ã§ãƒ–ームã«ç«ãŒä»˜ã„ãŸReact.js ãã‚“ãªä¸ã€2014å¹´ã®å¾ŒåŠã‹ã‚‰Facebook発ã®React.jsã®æŽ¡ç”¨äº‹ä¾‹ãŒèžã“ãˆã¦ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚AirBnBã‚„ç±³Yahoo! Mailãªã©å¤§æ‰‹ãŒReact.jsã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—出ã—ãŸã®ã§æ°—ã«ãªã‚Šã€å¹´æœ«å¹´å§‹ã‚’使ã£ã¦è‰²ã€…調ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Rails以æ¥ã®è¡æ’ƒ 色々試ã—ã¦
Gruntを使ã£ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’自動化ã™ã‚‹ã€Myタスクメモ | tipsBear
Gruntã§å‡ºæ¥ã‚‹ã“ã¨ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã”紹介ã™ã‚‹ã®ã¯ç§ãŒã‚ˆã使ã†Gruntã®è¨å®šã®ãƒ¡ãƒ¢ã«ãªã‚Šã¾ã™ã€‚ ã¡ãªã¿ã«ã€Gruntã®å°Žå…¥æ–¹æ³•ã‚„基本的ãªè§£èª¬ã¯ä¸‹è¨˜ã®è¨˜äº‹ãŒã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã紹介ã—ã¦ãã‚Œã¦ã„ã¾ã™ã®ã§ã€ã“ã‚Œã‹ã‚‰å°Žå…¥ã—ãŸã„ã¨ã„ã†æ–¹ãŒã„ã¾ã—ãŸã‚‰æ˜¯éžå‚考ã«ã©ã†ãžã€‚ Web制作ã§é¢å€’ãªä½œæ¥ã‚’自動化ã™ã‚‹ãƒ“ルドツールã€Grunt v0.4 入門 – Web Design KOJIKA17 コピペãŒå‡ºæ¥ã‚‹ãªã‚‰èª°ã§ã‚‚出æ¥ã‚‹ã€Web制作タスク自動化ツール「Gruntã€å°Žå…¥æ‰‹é † – OZPAã®è¡¨4 今更ã ã‘ã©ã‚„ã‚‹grunt入門編・インストールã‹ã‚‰åŸºæœ¬çš„ãªä½¿ã„æ–¹ – WEB Drawer Web デザイナーã•ã‚“å‘ã‘ Grunt を使ã£ãŸ コーディング作æ¥ã®åŠ¹çŽ‡åŒ–ã€ã¯ã˜ã‚ã®ä¸€æ© – WWW WATCH ã¾ãŸã€ã“ã®è¨˜äº‹ã¯Sass/Compassã€ãƒ–ラウザã®liveReloadを使用ã™ã‚‹ã“ã¨ã‚’å‰æã«æ›¸ã„ã¦ã„
2è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§Webサイトを高速化ã™ã‚‹InstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‹ã‚‰ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¾ã§ã«ã¯200msã‹ã‚‰300msã»ã©æ™‚é–“ãŒã‹ã‹ã‚‹ãã†ã§ã™ã€‚実際ã“ã®ãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã§ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã‚‹ã¨Macã®ãƒˆãƒ©ãƒƒã‚¯ãƒ‘ッドã ã¨ã•ã‚‰ã«é…ã500msãらã„ã‹ã‹ã£ã¦ã¾ã—ãŸã€‚ InstantClick.ioã¯ãã®é–“ã«è£ã§ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã¦å‹æ‰‹ã«ãƒªãƒ³ã‚¯ã‚’pjax化ã—ã¦ã—ã¾ã†ã¨ã„ã†é«˜é€ŸåŒ–ライブラリã§ã™ã€‚ ã‚„ã£ã¦ã‚‹ã“ã¨ã¯Rails4ã®turbolinksã¨ä¼¼ã¦ã¾ã™
PhantomJS ã§ãƒã‚°ã‚¤ãƒ³ãŒå¿…è¦ãªãƒšãƒ¼ã‚¸ã§ã‚‚自由自在ã«ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ング - 凹ã¿Tips
ã¯ã˜ã‚ã« PhantomJS - Scriptable Headless Browser PhantomJS ã¯ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹ãªï¼ˆãƒ–ラウザ画é¢ã®ãªã„）QtWebKit ベースã®ãƒ–ラウザã§ã€JavaScript ã® API を通ã˜ã¦ã€ãã®ãƒ–ラウザを自由自在ã«ã‚ã‚„ã¤ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚使用シーンã¨ã—ã¦ã¯ã€Jenkins ãªã©ã® CI ツールã¨ã®çµ„ã¿åˆã‚ã›ã«ã‚ˆã‚‹ Web ページ㮠GUI ã®è‡ªå‹•ãƒ†ã‚¹ãƒˆã‚„ã€Web ページã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ャプãƒãƒ£ã€ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングãªã©ãŒæŒ™ã’られã¾ã™ã€‚ 今回ã¯ã€ãƒã‚°ã‚¤ãƒ³ãŒå¿…è¦ãªãƒšãƒ¼ã‚¸ã®æƒ…å ±ã‚’ãƒ‘ãƒ¼ã‚¹ã—ã¦è‡ªåˆ†å°‚用㫠RSS 化ã—ãŸã„ãªã¨æ€ã„ã€ï¼“ã¤ç›®ã®ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ング用途をベースã«èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ãã®å†…容を備忘録ã¨ã—ã¦æ®‹ã—ã¦ãŠãã¾ã™ã€‚ 出æ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ã“㨠ãƒã‚°ã‚¤ãƒ³ãŒå¿…è¦ãªãƒšãƒ¼ã‚¸ã® HTML ã‚’å–ã£ã¦ãã‚‹ ãƒã‚°ã‚¤ãƒ³ãŒå¿…è¦ãªãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ャプãƒãƒ£ã‚’撮る PhantomJS ã®å°Žå…¥
JS開発ã«ãŠã‘ã‚‹TDDã¨è‡ªå‹•ãƒ†ã‚¹ãƒˆãƒ„ール利用ã®å‹˜æ‰€
1. JS開発ã«ãŠã‘ã‚‹ TDDã¨è‡ªå‹•ãƒ†ã‚¹ãƒˆ ツール利用ã®å‹˜æ‰€ 2012.12.06 æ ªå¼ä¼šç¤¾ãƒžãƒ”オン ä¸æ‘ 浩士 12å¹´12月5日水曜日 2. 自己紹介 ä¸æ‘ 浩士 ( @kozy4324 ) æ ªå¼ä¼šç¤¾ãƒžãƒ”オン所属 主ã«Webアプリã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º JavaScript, ActionScript 12å¹´12月5日水曜日
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}