Node.js, WebSocket 使ã£ãŸç°¡æ˜“ãƒãƒ£ãƒƒãƒˆã®ä½œæˆ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
プッシュ通知 (Android) : 基本的ãªä½¿ã„æ–¹ | ニフクラ mobile backend
æ¦‚è¦ ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€ãƒ—ッシュ通知ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ è¨å®šã®æµã‚Œ ニフクラ mobile backendã®ãƒ—ッシュ通知機能ã¯ã€ GoogleãŒæä¾›ã—ã¦ã„ã‚‹Firebase Cloud Messaging（以下ã€FCM）ã¨é€£æºã™ã‚‹ã“ã¨ã§ã€é€šçŸ¥ã®é…ä¿¡ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ Androidアプリã§ãƒ—ッシュ通知をå—ä¿¡ã™ã‚‹ã¾ã§ã®è¨å®šã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæµã‚Œã¨ãªã£ã¦ã„ã¾ã™ã€‚ google-services.jsonã¨Firebase秘密éµã®è¨å®š ニフクラ mobile backendã§ã®è¨å®š アプリã§ã®è¨å®š google-services.jsonã¨Firebase秘密éµã®è¨å®š FCM対応ã—ãŸãƒ—ッシュ通知をé€ä¿¡ã™ã‚‹å ´åˆã€google-services.jsonをアプリã«é…ç½®ã—ã¦ãŸã ãã®ã¨ã€Firebaseプãƒã‚¸ã‚§ã‚¯ãƒˆã®ç§˜å¯†éµã‚’mobile backendã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã„ãŸã ãå¿…è¦ãŒã‚ã‚Š
HTML5ã®Canvasã‚’ç°¡å˜ã«é«˜æ©Ÿèƒ½åŒ–ã—ã¦ãれるJSライブラリ「Fabric.jsã€
ã“ã‚“ã«ã¡ã¯ã€æ¸¡è¾ºã§ã™ã€‚ HTML5ã®Canvasã‚’ç°¡å˜ã«é«˜æ©Ÿèƒ½åŒ–ã—ã¦ãれるJSライブラリ「Fabric.jsã€ã‚’紹介ã—ã¾ã™ã€‚ Canvas上ã«æã„ãŸçµµã‚’マウスæ“作ã§å‹•ã‹ã—ãŸã‚Šã€æ‹¡å¤§ç¸®å°ã™ã‚‹æ©Ÿèƒ½ãŒæ¨™æº–ã§ä»˜ã„ã¦ã„ã¦ã‚¹ã‚´ã„便利ãªãƒ©ã‚¤ãƒ–ラリã§ã™ï¼ ã¾ãšã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã®ä¸»ãªç‰¹å¾´ã«ã¤ã„ã¦ã§ã™ã€‚ ■特徴 ・インタラクティブ性 Canvas上ã«æã„ãŸã‚‚ã®ã‚’マウスやタッãƒã§è‡ªç”±ã«æ“作ã§ãã¾ã™ï¼ˆãƒ‰ãƒ©ãƒƒã‚°ã€æ‹¡å¤§ç¸®å°ã€å›žè»¢ï¼‰ã€‚ ・Canvasã«æã„ãŸå†…容をオブジェクトã¨ã—ã¦æ‰±ãˆã‚‹ Canvasã«æã„ãŸã‚‚ã®ã‚’getメソッドやsetメソッド経由ã§è¨å®šå¤‰æ›´ã§ãã¾ã™ã€‚ ・Canvasã®ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ‡ã‚·ãƒªã‚¢ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆ Canvas上ã®å†…容をJSONã¾ãŸã¯SVGã«å¤‰æ›ã§ãã€å†åº¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªæ画内容を復元ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ■準備 1. ライブラリã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ https://github.
Node.jsã¨WebSocketã§ã‚²ãƒ¼ãƒ アプリを作ã£ã¦ã¿ãŸ - Qiita
ã¯ã˜ã‚ã« åŒæ–¹å‘通信をå¦ã¶ç‚ºã«Node.js+WebSocketã§ãƒˆãƒ©ãƒ³ãƒ—ã®ã‚¹ãƒ”ードゲームアプリを作æˆã—ã¦ã¿ãŸã®ã§ã€ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ アーã‚テクãƒãƒ£è§£èª¬ Node.js 通常クライアントサイドã§å‹•ãJavaScriptをサーãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ç¨¼åƒã•ã›ã‚‹ãŸã‚ã®JavaScript環境。 メモリ使用é‡ãŒå°ã•ãã€ãƒŽãƒ³ãƒ–ãƒãƒƒã‚ングI/Oã«ã‚ˆã‚‹éžåŒæœŸå‡¦ç†ã§å¤§é‡ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’æŒã処ç†ã«å‘ã„ã¦ã„る。 ã¾ãŸã€Socket.ioã¨ã„ã†websocketã®ãƒ©ã‚¤ãƒ–ラリãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§æ‰‹è»½ã«åŒæ–¹å‘通信ã®å®Ÿè£…ãŒè¡Œãˆã‚‹ã€‚ WebSocket Http通信ã¨ç•°ãªã‚Šã€ã‚µãƒ¼ãƒâ‡’クライアントã¸ã®ãƒ—ッシュ通信もå¯èƒ½ã¨ã™ã‚‹é€šä¿¡ãƒ—ãƒãƒˆã‚³ãƒ«ã€‚ 今回ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’Node.jsã§ä½œã‚‹ã®ã§Node.jsã®ãƒ©ã‚¤ãƒ–ラリã§ã‚ã‚‹socket.ioを使用ã—ã¦å®Ÿç¾ã—ã¾ã™ã€‚ 詳ã—ãã¯ã“ã¡ã‚‰ã®è¨˜äº‹ã«çºã‚ã¦ã„ã¾ã™ã€‚ ã‚¢ãƒ—ãƒªæ¦‚è¦ ä½œã‚‹ã‚¢
デãƒãƒƒã‚° | éžå…¬å¼ - Visual Studio Code Docs
Visual Studio Codeã®é…力的ãªæ©Ÿèƒ½ã®1ã¤ã¯å„ªã‚ŒãŸãƒ‡ãƒãƒƒã‚°ã®å¯¾å¿œã§ã™ã€‚VS Codeã®ãƒ‡ãƒãƒƒã‚¬ã¯ç·¨é›†ã€ã‚³ãƒ³ãƒ‘イルã€ãƒ‡ãƒãƒƒã‚°ã®ãƒ«ãƒ¼ãƒ—を高速化ã—ã¾ã™ã€‚ デãƒãƒƒã‚¬æ‹¡å¼µæ©Ÿèƒ½ VS Codeã«ã¯ãƒ“ルドインã®Node.jsランタイムデãƒãƒƒã‚¯ã®ã‚µãƒãƒ¼ãƒˆãŒã‚ã‚ŠJavaScriptã€TypeScriptã€JavaScriptã«å¤‰æ›(transpiled)ã•ã‚ŒãŸãã®ä»–ã®è¨€èªžã‚’デãƒãƒƒã‚°å¯èƒ½ã§ã™ã€‚ ãã®ä»–ã®è¨€èªžã®ãƒ‡ãƒãƒƒã‚°ã¨ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã«ã¯ (including PHP, Ruby, Go, C#, Python, C++, Powershell and many others), look for Debuggers extensions in our VS Code Marketplaceを入手ã™ã‚‹ã‹ã€ãƒ‡ãƒãƒƒã‚°ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®Install Additional Debuggersを利用ã—ã¾ã™ã€‚ デãƒãƒƒã‚°
Webã§ã‚‚サーãƒã§ã‚‚使ãˆã‚‹JavaScriptテンプレートエンジン·doT.js MOONGIFT
doT.jsã¯Webブラウザã€node.jsã®ä¸¡æ–¹ã§ä½¿ãˆã‚‹JavaScriptテンプレートエンジンã§ã™ã€‚ Webアプリケーションを開発ã—ã¦ã„ã‚‹ã¨å¿…ãšJavaScriptã§HTMLを出力ã™ã‚‹å¿…è¦æ€§ãŒå‡ºã¦ãã¾ã™ã€‚ãã®ã‚ˆã†ãªæ™‚ã«ä½¿ã„ãŸã„ã®ãŒãƒ†ãƒ³ãƒ—レートエンジンã§ã™ã€‚今回ã¯Webブラウザã€node.jsã®ä¸¡æ–¹ã§ä½¿ãˆã‚‹doT.jsを紹介ã—ã¾ã™ã€‚ テンプレートã¨JSONデータを組ã¿åˆã‚ã›ã¦HTMLを出力ã—ã¾ã™ã€‚ ç¹°ã‚Šè¿”ã—も対応。 パーシャルも使ãˆã¾ã™ã€‚ æ¡ä»¶åˆ†ã‘。 é…列。 エンコード表示もå¯èƒ½ã§ã™ã€‚ 特徴ã¨ã—ã¦ã¯å¤–部ライブラリã®ä¾å˜æ€§ãŒãªã„ã“ã¨ã€é«˜é€Ÿã§ã‚ã‚‹ã“ã¨ã€ãƒ‘ーシャルサãƒãƒ¼ãƒˆã€ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ストリーミングã®ã‚ˆã†ã«ãƒ‡ãƒ¼ã‚¿ãŒéšæ™‚è¿½åŠ ã•ã‚Œã¦ã„ãå ´åˆã‚‚想定ã•ã‚Œã¦ã„ã¾ã™ã€‚ifã§ã¯ãªãã€?を使ã†ã®ãŒãƒ¦ãƒ‹ãƒ¼ã‚¯ã§ã™ã€‚ doT.jsã¯node.js/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア（
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Editor.js
JavaScript « Kinopyo Blog
{{#tags}}- {{label}}
{{/tags}}