入門者/初心者必見 npmでパッケージ管理するための基礎 | アールエフェクト
WEB開発入門者でnpmをほとんど使ったことない人、npmがよくわかならくてどう扱っていいかわからない人向けの文書です。ホームページ制作やWEB開発で最も身近なパッケージの一つであるjQueryパッケージを使ってnpmのパッケージのインストール/アンインストールの方法、package.jsonファイルを利用してパッケージの管理について説明を行っています。 npmとは npmはnode package manager(ノードパッケージマネージャ)の略です。Node.jsをインストールするとnpmは一緒にインストールされます。npmを利用することで他の人が作成してくれたパッケージをインストールすることで自分のプロジェクトで活用することができます。ある機能を実装したパッケージを作成するためにはさらに別のパッケージが必要になる場合が多数です。その場合パッケージの依存関係などを管理する必要があります
1時間でLINE Botを作るハンズオン (資料+レポート) in Node学園祭2017 #nodefest - Qiita
last updated 2023/6/04 記事アップデート履歴 2018/3/14 ngrokのインストールをnpm経由に変更 2018/8/28 本体のディベロッパー画面が更新されてるので変更 2018/11/24 nowのバージョンアップに伴ってnow.jsonの記述を追加 2019/5/14 LINE@アカウントのLINE公式アカウントへの統合に伴ったフロー変更などを適用、事例に市川市追加、nowのデプロイ方法の更新 2019/6/11 疎通確認でエラーが出るのは問題ないですが、そこで接続できないと問い合わせが多いためserver.jsに疎通確認用のコードを追加。 2019/6/14 nowをv2に対応 2019/7/31 ngrokでのトンネリング箇所をserveoにも対応 2019/8/24 Webhookの設定方法を公式アカウントマネージャー側へ 2020/4/4 nowの
2021年にJavaScriptやNode.jsを勉強し始めたので、読んで良かった資料をまとめる
2021年になってJavaScript、TypeScript、Node.jsの勉強を始めました。 この記事では、読んで良かった本、記事、公式ドキュメントなどをまとめていきます。 ※2021/03時点の情報です。 個人的なリンク集ですが、「これも読むと良いよ」というものがあればぜひ教えてください。 ECMAScript ECMAScriptの仕様は、EcmaのTC39で策定されている Ecma TC39 GitHub organization ep78 TC39 | mozaic.fm Node.jsの各バージョンでのECMAScriptサポート状況 JavaScript Misreading Chat - #86: JavaScript: the first 20 years JavaScript 二十年の歴史についての回 JavaScript チュートリアル | MDN JavaScri
[5分でできる] Node.jsでつくったWebアプリを無料でサーバー公開する方法(前編)｜w0o0ps
Heroku(読み方: ヘロク)とかサーバーレスについてはもう知ってるよーん、って人は、[Heroku アカウントの作成] の章から読むといぃよ！(° ꈊ °)✧˖°ｵﾎｯ! ■ Webアプリはできたものの、結局どこで動かせばいいのかわからない。 拙者、昨日、数少ないトモダチのひとりである、UI/UX系デベロッパーから「KoaでつくったWebアプリを鯖の上で動かしたいんだけども、どこがおぬぬめですかー？やっぱりサーバーレス？」っていう質問を受けたんす。 なぬ！最近はKoaなるフレームワークがアツいんか！と知らしめられるとともに、ふむ。この流れの激すぃ世の中、インフラ系追ってないと、確かにどこで動かすのが簡単で安いのかって、わからないなぁ。だって拙者だっていっぱいいっぱいだもん。涙。って、シミジミ思ったんす。シジミ。 それでまぁ、結論からすると、Herokuでよくね？ってことになったんだけど
![[5分でできる] Node.jsでつくったWebアプリを無料でサーバー公開する方法(前編)｜w0o0ps](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a3a913ed48154f17bb8b8be48bb016f9c1dfbcb/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F19982238%2Frectangle_large_type_2_5299ed61a6a678516191cf92faed4a52.jpeg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
Node.js＋Socket.IOで作る、通信対戦ができるHTML5ゲームシステムの作り方
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめまして、Yahoo!きっず開発担当です。 昨年Yahoo!きっずにてブラウザオンラインゲーム「おしゃべりリバーシ」をリリースしました。 ※おしゃべりリバーシは2015年10月をもってサービス終了しました。ご利用いただきまして、ありがとうございました。 このゲームは、通信対戦部分の通信プロトコルWebSocketを採用し、サーバミドルウェアにNode.js＋Socket.IOを採用しました。この結果、ブラウザゲームでありながらマルチデバイスでの対戦を実現しました。 今回は、Node.js＋Socket.IOによるWebSocketサーバのシステム構築方法について考慮すべきポイントを、「おしゃべりリバーシ」の実例を紹介しながら説
node.jsなんかでオンラインなゲームを作る(5) ルーム機能(socket.io) - blog.potproject.net
前回 Websocketを利用して、特定の処理や通知などをそのルーム、またはその人にだけ行う。 WebSocket - Wikipedia Websocketは双方向通信のプロトコルです。 html5と対応ブラウザなら動作します。 双方向通信なので、つまりは、サーバ側からクライアントにプッシュ通知、クライアントからサーバ側にデータ送信、といったことが可能になります。 connectionが成立した後は後ろでプロトコルが動いてくれますので、動的なWebサイトとして、しかもサーバとのやり取りをずっと行えます。 この技術を応用すれば、オンラインゲームに必須なチャット機能的なこと、ダメージ処理とかそういうの、が全部ブラウザ上で動くってことですね。 Ajax(XMLHttpRequest)なんかだとクライアントから問い合わせは出来てもサーバから受け取ることは難しいので、Ajaxの上位互換みたいな感じ
node.jsなんかでオンラインなゲームを作る(4) ルーム機能 - blog.potproject.net
前回 オンラインゲームには不可欠な存在だと思える、ルーム機能を実装していきます。 内容は、そのままルーム機能です。チャットで個別の部屋みたいなのを実装するためのもの。 同じ部屋同士で対戦できます。逆に同じ部屋に入っていないと対戦できません。これがちゃんと機能しないとえらいこっちゃです。 この機能には、express,ejs,socketを利用します。 ということで、requireで指定します。おまじないという奴です。 var express = require('express') , http = require('http')//標準モジュール http , path = require('path') //標準モジュール path , fs = require('fs') //標準モジュール filesystem , socketio = require('socket.io') ,
node.jsなんかでオンラインなゲームを作る(3) フレームワークであるExpressの設定 - blog.potproject.net
前回 Expressはnode.jsで動作するフレームワークです。多分nodeの中では一番有名で、これを使うことでWebサーバの操作がぐっと楽になると思います。 Express Fast, unopinionated, minimalist web framework for Node.js これがなくてもhttpサーバは立てられますが、変数を入れたりPOSTを処理したりなど複雑な操作は、コードを書いて処理しないといけません。 そういうのを一括で解決してくれるものをフレームワークと呼びます。 元々Androidアプリばっかり作ってたのでWebフレームワークというものをほとんど使ったことが無かった私なのですが、 これを使うとWeb開発がめちゃくちゃ楽になり、やらないといけない作業も数段減るため、 最近のWeb開発においてはフレームワークはほぼ必須なんだなあと使ってると思います。 Expres
node.jsなんかでオンラインなゲームを作る(2) enchant.jsでまず画面作成 - blog.potproject.net
前回 まずはクライアント側のゲーム画面から製作していきます。 今回作るゲームと言うのは、fabfibというカードゲームのオンライン版クローン。 【ゲーム紹介】FABFIB - 東大ボードゲームカフェブログ 元々、よくオンライン上でボードゲームをする友達とプレイするためというのが目的で作ってます。 画像なんかもちゃんと自作で用意。 カード画像を作成。このゲームは50枚も必要。 ( そして、enchant.jsで殺風景なUIを作成。 enchant.jsをとui.enchant.jsを使用して表示しています。 このような形になりました。 使ってる主要なコード説明。 enchant(); おまじない。初期化するために最初に書きます。 var game = new Game(900, 400); ゲーム画面本体を作成。 game.preload('./image/0d1.png'); 画像のプリロ
node.jsなんかでオンラインなゲームを作る(1) 準備編 - blog.potproject.net
現在作っているものの記録、その一。タイトルの通りです。 node.jsをいじるのが最近楽しいので、習得のためにも何か一つアプリでも作ります。 この記事は基本的に自分の単なる忘れないためのメモなので、あんまり参考にはならないかもしれないです。ふいんき程度です。 node.js使用モジュール サーバーサイドJavaScript環境node.js node.jsのフレームワークであるExpress Websocketを簡単に使用できるnode.jsモジュールsocket.io MongoDBのラッパーであるnode.jsモジュールMongoose テンプレートエンジンとして使用するejs クライアント側で使用するjavascriptライブラリ javascriptで動作するゲームフレームワークであるenchant.js あと楽なのでjquery これらを駆使することで全てjavascriptだけ
Node.jsの勉強会でお手軽にWebアプリを作った話 - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに こんにちは、rs_tukkiです。最近、様々な勉強会に行くことが多くなりました。 大学時代は講義だけ聞いていればいいやーの精神で、自分から技術を学ぶといったことはしてこなかったのですが、 社会人、特にエンジニアともなると、様々な技術へのアンテナを張ることが意外と重要になってきたりします。 で、それは何も特定の技術に絞る必要はなくて、新しい言語のことでも、今話題のスマートスピーカーのことでも、 なんだったらバーチャルYouTuberのことでも大丈夫です。*1その技術を知っているということが、いつか会社内でも大きなアドバンテージになるかもしれません。 さて、今回はそんな勉強会の中から先日参加させていただいたユメノソラホールディングス株式会社様主催のNode.js勉強会で、お手軽にWebアプリケーションを作ったお話をしたいと思います。 yumenosora.connpass.com 大
Node.jsで5行Webサーバを書いてみよう〈Node.jsシリーズ vol.1〉
今回から、代表的なサーバーサイドJavaScriptである「Node.js」を実際に触りながらご紹介していきたいと思います。 フロントエンドに登場する印象が強いJavaScriptですが、サーバー上でこれが動いてしまうとは、どういうことなんでしょうか？ そして、それによってどんなメリットがあるんでしょう？ 初回となるこの記事では、そのあたりの説明からはじめたいと思います。 Node.jsの特徴 Node.jsとは、Google V8 JavaScript Engine上で動作するサーバーサイドJavaScript環境です。2009年、ライアン・ダール氏によって開発が始まり、2015年6月現在の安定版は0.12.4となっています。 Webサイト JavaScriptのわかりやすい文法に加え、DBへのアクセスなどさまざまな機能を持ったバイナリ形式のコアモジュールを読み込むことで、比較的簡単かつ
掲示板をつくる【Node.js】処理を書きます！
今回は掲示板のプログラム本体を書いていきます。 先にコードを見ていきます。 今回は「index.ejs」と「app.js」を使っています。 役割はクライアント側とサーバ側となります。 index.ejs<html> <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> <title>掲示板</title> </head> <body> <nav class="navbar navbar-dark bg-prima
Node.jsとexpressを使って簡単なWebAPIを作成する - Qiita
概要 Node.jsとexpressを使って、簡単な情報を提供するWebAPIを作成する手順を解説する。 環境 Windows 10 Node.js v8.9.1 npm 5.5.1 express 4.16.0 express-generator Google Chrome 71.0.3578.98 Visual Studio Code 簡単なWebAPIの作成手順 準備 インストール Node.jsのインストール npmのインストール expressのインストール express-generatorのインストール（expressコマンドを利用するため） npm init WebAPIのソースを格納するフォルダを作成し、コマンドプロンプトでそのフォルダまで移動して以下のコマンドを実行。 色々聞かれるが何も変更せずにEnterキーを押して進める。
node.jsを触るために簡単なチャットシステムを作る（環境構築編） - Qiita
Node.js を触ってみたいと思ったので、備忘録も兼ねて以下に記します。 よりよい方法やバグ等ございましたら、アドバイスいただけると光栄です。 Node.jsをインストールする コマンド操作でインストールする方法もあるようですが、今回は簡単なインストーラーを使いました。 下記ページにアクセスし、左側の「推奨版」をインストールしました。 https://nodejs.org/ja/ これなら、インストーラのプログラムをダウンロードできるのであとは実行するだけです。 最後に、インストールが無事にできたかを確認するためにターミナルを起動して以下のように入力します。 実行して Node.js のバージョンが表示されれば、完了です。 Node.jsのパッケージ管理の初期化 はじめに、下記コマンドでアプリを作成するためのディレクトリを作成します。 （今回はmychatという名前のディレクトリを作成し
Node.js - サーバーサイド Javascript フレームワーク | オブジェクトの広場
［技術講座］ Node.js - サーバーサイド Javascript フレームワーク OGIS International, Inc. 山野 裕司 Node.js、そしてサーバサイド Javascript Node.js はオープンソースのサーバーサイド Javascript アプリケーションフレームワークです。シングルスレッドのイベントループモデルとノンブロッキングI/Oが特徴です。Javascript のエンジンには高速なGoogleのV8を使っています。 Javascript というと Web ブラウザ用のプログラミング言語だと思いがちですが、実は 15 年以上前にも Netscape 社のアプリケーションサーバはサーバサイドの Javascript をサポートしていました。ただし、クライアントサイドも含めて、それほど普及しませんでした。2005 年ごろの Ajax の登場により
[Node.js] Webサーバ＋アプリ構築が速すぎる件 〜 JSおくのほそ道 #004 - Qiita
こんにちはほそ道です。 今回はnodeでつくるWebアプリケーションについて細い道をまさぐっていきます。 目次はこちら プレーンなWebページ しのごの言う前にやってみましょう 下記のjsを作って実行してみます。 var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello Hosomichi!\n'); }).listen(1337, '127.0.0.1'); それではブラウザでアクセスしてみます。 出ました。 Webアプリといっておきつつ、只のページになっちゃっている何も無いページですが軽く引くくらいの速さで作れます。 httpというモジュールをロードして、ポートをリスニングして
![[Node.js] Webサーバ＋アプリ構築が速すぎる件 〜 JSおくのほそ道 #004 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/57b55c9d5c97f7772a94b534059bc49c0105f619/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCTm9kZS5qcyU1RCUyMFdlYiVFMyU4MiVCNSVFMyU4MyVCQyVFMyU4MyU5MCVFRiVCQyU4QiVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFNiVBNyU4QiVFNyVBRiU4OSVFMyU4MSU4QyVFOSU4MCU5RiVFMyU4MSU5OSVFMyU4MSU4RSVFMyU4MiU4QiVFNCVCQiVCNiUyMCVFMyU4MCU5QyUyMEpTJUUzJTgxJThBJUUzJTgxJThGJUUzJTgxJUFFJUUzJTgxJUJCJUUzJTgxJTlEJUU5JTgxJTkzJTIwJTIzMDA0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yYmJhMTY0MTk0N2VmMWUyZjFjODgwZDRjMjQ5NjQ1Mg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaG9zb21pY2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yOGI3ZmU2MDdlY2NiOGY3YWU4ZDkxNWI0M2Y0ODhmZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D259410f89ede7f958c4022e0386c7356)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オンライン対戦ゲームを作る ( Node.js + Socket.io )
Expressでアプリを作る1/3 -ExpressとNode.jsを使ってTodolistアプリを作る-
Node.js