Firebaseã§å‹•çš„ãªã‚µã‚¤ãƒˆ(Node.js+Express)をデプãƒã‚¤ã™ã‚‹ã¾ã§ã€‚ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
[Node.js] ç„¡æ–™ã§ç°¡å˜ã«ã‚¦ã‚§ãƒ–アプリを公開ã§ãるサービス「Glitchã€ã‚’使ã£ã¦ã¿ãŸï¼ - Qiita
Glitchã¨ã¯ Glitchã¯Node.jsã®ã‚¢ãƒ—リを公開ã™ã‚‹ãŸã‚ã®ã‚µãƒ¼ãƒ“スã§ã™ã€‚ Node.jsã§ã‚¦ã‚§ãƒ–アプリを公開ã—よã†ã¨ã™ã‚‹ã¨ã€ã‚µãƒ¼ãƒãƒ¼ã®è¨å®šã—ãŸã‚Šãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’å–å¾—ã—ãŸã‚Šâ€¦ã¨ã¦ã‚‚複雑ã§ã™ã€‚ Glitchã¯ã€ã‚ãªãŸã®å‰µé€ 性を試ã™ã“ã¨ã ã‘ã«é›†ä¸ã§ãã¾ã™ã€‚ Glitchã¯ã€ã‚ã®æœ‰åãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ãƒ„ールã®Trelloã‚’ã¤ãã£ãŸFogCreekSoftware社ã«ã‚ˆã£ã¦é–‹ç™ºãŒé€²ã‚られã¦ã„ã¾ã™ï¼ アプリを公開ã™ã‚‹ãŸã‚ã ã‘ã§ãªãã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®Editorãªã©ã‚‚ã¤ã„ã¦ã„ã„æ„Ÿã˜ã§ã™ã€‚ 使ã£ã¦ã¿ã‚‹ ã“ã‚Œã¾ã§AWSã‚„ã•ãらインターãƒãƒƒãƒˆãªã©ã‚’使ã£ã¦ã„ã¾ã—ãŸãŒã€Glitchã¯ãšã°æŠœã‘ã¦ç°¡å˜ã§ã™ã€‚ ã¾ãšã¯Glitchã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ æ–°ã—ã„プãƒã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆ1 å³ä¸Šã®â‘ [Sign in]ボタンã‹ã‚‰ãƒã‚°ã‚¤ãƒ³ã—ã¾ã™ã€‚ Facebookã‹GitHubãŒé¸ã¹ã¾ã™ãŒã€å¾Œã€…GitHubã‹ã‚‰ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å–å¾—ã™ã‚‹ã“ã¨
![[Node.js] ç„¡æ–™ã§ç°¡å˜ã«ã‚¦ã‚§ãƒ–アプリを公開ã§ãるサービス「Glitchã€ã‚’使ã£ã¦ã¿ãŸï¼ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/eabad27b24c49104759a8c22d9e0641de57f6bef/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTM0MDc2JTJGcHJvZmlsZS1pbWFnZXMlMkYxNjQ2NzA5NTAwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPThkOTRlZWZkMGQ0NDk2ZTY5MjY0ZGNlYjk5NTM2N2Fl%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D51841677f65148d83b3a14a242bd2b20%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCTm9kZS5qcyU1RCUyMCVFNyU4NCVBMSVFNiU5NiU5OSVFMyU4MSVBNyVFNyVCMCVBMSVFNSU4RCU5OCVFMyU4MSVBQiVFMyU4MiVBNiVFMyU4MiVBNyVFMyU4MyU5NiVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MiU5MiVFNSU4NSVBQyVFOSU5NiU4QiVFMyU4MSVBNyVFMyU4MSU4RCVFMyU4MiU4QiVFMyU4MiVCNSVFMyU4MyVCQyVFMyU4MyU5MyVFMyU4MiVCOSVFMyU4MCU4Q0dsaXRjaCVFMyU4MCU4RCVFMyU4MiU5MiVFNCVCRCVCRiVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MSU5RiVFRiVCQyU4MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWYwNjZkNmNlNzgxYzg0ODM0ZDAwODMzYjQ0NjQyNGE1%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5b25lZGFjbyZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTg1MThiMzQ5YzgxMjI5NDJkNGE4MjliNTIxMDU3Nzhi%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D947f1d42d364d746603063057ca0ef09)
ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘】gulpã§ã‹ã‚“ãŸã‚“ç”»åƒåœ§ç¸® - Qiita
普段コーディングをã—ãŸã‚Šjsを書ã„ãŸã‚Šã™ã‚‹äººä»¥å¤–ã§ã‚‚タスクランナー使ã£ã¦ä½œæ¥ã‚’効率化ã—よã†ãœï¼ã£ã¦ã„ã†Tipsã§ã™ã€‚ デザイナーã§ä¸€ç•ªãã®ä¾¿åˆ©ã•ãŒå®Ÿæ„Ÿã§ãã‚‹ã®ã¯ã€ç”»åƒåœ§ç¸®ã‹ãªã€œã¨æ€ã†ã®ã§ã€ä»¥å‰æ¥å‹™ã®ä¸ã§ä½œã£ãŸgulpã®ã‚¿ã‚¹ã‚¯ã‚’備忘録ãŒã¦ã‚‰ã”紹介ã—ã¾ã™ã€‚ 環境をã¨ã¨ã®ãˆã‚‹ 今回ã®ç”»åƒåœ§ç¸®ã«ã¯gulpを使ã£ã¦ã„ã‚‹ã®ã§ã€node.jsã¨gulpをインストールã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ gulpã®å°Žå…¥ã®ä»•æ–¹ã¯ã„ã‚ã„ã‚ãªã¨ã“ã‚ã§ãã‚Œã¯ã‚‚ã†è©³ã—ã書ã‹ã‚Œã¦ã‚ã‚‹ã®ã§ã€ï¼ˆICSメディアã•ã‚“ã®å°Žå…¥è¨˜äº‹ã¨ã‹èªã‚ã°é–“é•ã„ãªã„） ・ 5分ã§å°Žå…¥ï¼ タスクランナーGulpã§Web制作を効率化ã—よㆠã–ã£ãã‚Šã¨ã—ãŸæ‰‹é †ã ã‘書ã„ã¦ãŠãã¾ã™ã€‚ １．node.jsをインストール ダウンãƒãƒ¼ãƒ‰ | Node.js 2.gulpã‚’ã‚°ãƒãƒ¼ãƒãƒ«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« コマンドラインを開ã„ã¦ä»¥ä¸‹ã‚’å©ã„ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
ç¾å ´ã§ä½¿ãˆã‚‹gulp入門 | 第1回 gulpã¨ã¯ä½•ã‹
ç¾å ´ã§ä½¿ãˆã‚‹gulp入門 第1回 gulpã¨ã¯ä½•ã‹ ã•ã¾ã–ã¾ãªä½œæ¥ã‚’自動化ã™ã‚‹ãƒ“ルドシステムgulpã®åŸºç¤Žã‚’解説ã—ã¾ã™ã€‚第1回目ã¯ã€gulpã¨ã¯ä½•ã‹ï¼Ÿã€€è‡ªå‹•åŒ–ã®ãƒ¡ãƒªãƒƒãƒˆã¯ã©ã“ã«ã‚ã‚‹ã®ã‹æ¦‚観。インストールã‹ã‚‰ç°¡å˜ãªã‚¿ã‚¹ã‚¯ã‚’走らã›ã¦ã¿ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã“ã®ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€JavaScriptã§æ›¸ã‹ã‚ŒãŸãƒ“ルドシステムã§ã‚ã‚‹gulp（ガルプ）ã«ã¤ã„ã¦ã€å°Žå…¥ã‹ã‚‰ä½¿ã„æ–¹ãªã©ã€åŸºæœ¬çš„ãªéƒ¨åˆ†ã‚’解説ã—ã¾ã™ã€‚ ãªãŠã€è¨˜äº‹åŸ·ç†æ™‚点ã®gulpã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯3.8.7ã§ã™ã€‚ 第1回目ã§ã¯ã€ã¾ãšã€ãªãœgulpã®ã‚ˆã†ãªãƒ„ールãŒå¿…è¦ãªã®ã‹ã€ãƒ„ールã®èƒŒæ™¯ã«è§¦ã‚Œã¾ã™ã€‚ã•ã‚‰ã«gulpã®æ¦‚è¦ã¨ã€ç’°å¢ƒè¨å®šã‚’ä¸å¿ƒã«è§£èª¬ã—ã¾ã™ã€‚ gulpã¨ã¯ gulpã¯Node.jsをベースã¨ã—ãŸãƒ“ルドシステムヘルパーã§ã™ã€‚以å‰CodeGridã§ã‚‚紹介ã—ãŸGruntã¨ä¼¼ãŸç›®çš„ã‚’æŒã£ã¦ä½œã‚‰ã‚ŒãŸãƒ„ールã§ã€gulpを使ãˆã°ã•ã¾ã–ã¾ãªä½œæ¥ã‚’自動化ã™ã‚‹ã“ã¨ãŒã§ã
『PhantomJSを使ã£ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆãƒ†ã‚¹ãƒˆã®è‡ªå‹•åŒ–(後編)ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¿ãªã•ã‚“ã“ã‚“ã«ã¡ã¯ï¼ 先週ã«å¼•ã続ãã¾ã—ã¦ã€ã‚¹ãƒžãƒ›ç‰ˆAmeba担当ã®å·å£ã§ã™ã€‚ å‰å›žäºˆå‘Šã—ãŸé€šã‚Šã€å¾Œç·¨ã§ã¯PhantomJSを使ã£ãŸã•ã‚‰ã«å®Ÿè·µçš„ãªãƒ†ã‚¹ãƒˆæ‰‹æ³•ã‚’解説ã—ã¦ã„ãã¾ã™ã€‚ PhantomJSを使ã£ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆãƒ†ã‚¹ãƒˆã®è‡ªå‹•åŒ–(å‰ç·¨) 内容ã«é–¢ã—ã¦ã¯ã€å‰å›žãŠä¼ãˆã—ãŸã¨ãŠã‚Š ・èªè¨¼ã‚’å‰æã¨ã—ãŸãƒšãƒ¼ã‚¸ã®ãƒ†ã‚¹ãƒˆæ–¹æ³• ・Sinon.JSを利用ã—ãŸAjaxã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®æ”¹å¤‰ ã¨ã„ã†æ§‹æˆã«ãªã£ã¦ã„ã¾ã™ã€‚ èªè¨¼ã‚’å‰æã¨ã—ãŸãƒšãƒ¼ã‚¸ã®ãƒ†ã‚¹ãƒˆæ–¹æ³•ã¿ãªã•ã‚“ã¯èªè¨¼ãŒå¿…è¦ãªã‚µã‚¤ãƒˆã®ãƒ†ã‚¹ãƒˆã‚’ブラウザã§è¡Œã†å ´åˆã€ã„ã¤ã‚‚ã©ã®ã‚ˆã†ã«ãƒ†ã‚¹ãƒˆã•ã‚Œã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼Ÿ ・アカウントã¨ãƒ‘ス
node.jsã¨jQueryã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã™ã‚‹ã‚¦ã‚§ãƒ–アプリã®ä½œã‚Šæ–¹
ã‚„ã£ã± jQuery 便利ã§ã™ã‚ˆ(*´・ω・)(・ω・｀*)ﾈｰ セレクタ使ã£ã¦ jQuery ã§ãƒ€ã‚«ãƒ€ã‚«ã‚„ã£ã¦ã‚‹ã¨ã€DOM ã¨ã‹æ£è¦è¡¨ç¾ã§ãƒãƒãƒãƒã‚„ã‚‹ã®ãŒãƒã‚«ã‚‰ã—ããªã£ã¡ã‚ƒã„ã¾ã™ã€‚ ã¨æ—¥é ƒã‹ã‚‰æ€ã£ã¦ãŸã‚Šã—ã¦ã¾ã—ã¦ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ JavaScript ãŒãƒ¡ã‚¤ãƒ³ã‚¹ãƒˆãƒªãƒ¼ãƒ ã«ãªã£ã¦ã€jQuery ã§ã‚¦ã‚§ãƒ–アプリをコーディングã§ãã‚Œã°è¶…ラクã§ãã‚‹ã‹ã‚‚ã¨æœŸå¾…ã—ã¦ã„ã¾ã™ã€‚ ã§ã€å…ˆæ—¥ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰JavaScriptã¨jQueryã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã¨ã„ã†è¨˜äº‹ã‚’ã†pã£ãŸã¨ã“ã‚ã€ã‚„ã£ã± Rhino ã˜ã‚ƒãªã㦠node.js ãŒãˆãƒ¼ã‚“よ(´･ω･｀)ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆã‚’é ‚ãã¾ã—ãŸã®ã§ã€node.js 㨠jQuery ã§ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ JavaScript スクレイピングã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 今回㯠node.js ã§ã™ã®ã§ã€å˜ã«ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã™ã‚‹ï¼ˆã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰å®Ÿè¡Œã™ã‚‹ï¼‰ã‚¹ã‚¯ãƒªãƒ—トã ã‘ã˜ã‚ƒãªãã¦ã€ã‚¹ã‚¯ãƒ¬ã‚¤
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}