フロントエンド開発の３ステップ（npmことはじめ） - Qiita
スライド 当記事は以前勉強会でLTしたものです。 スライドは下記にあります。 フロントエンド覚えること多すぎ問題 モダンなフロントエンド開発で、入門記事を探そうとすると、 まずwebpackやTypeScript, Babelによるビルド環境構築から始まる記事が多くヒットします。 ですが、Node.jsの初心者がいきなり複数のツールを習得しようとすることが 挫折の原因になっていると感じています。 ですので、まずNode.jsをインストールした直後から、必ず使うことになる、 npmの機能をまず覚えておきましょう。 フロントエンド開発で覚えるべき３つのコマンド 以下の3つだけ覚えておきましょう。 npm init npm install npm run これだけ覚えれば、ひとまずフロントエンド開発を進めることができます。 完璧なワークフローを構築するのは、書いているアプリが大きくなってきてから
UIテストの自動化！Node.jsとSeleniumでWebアプリのUIテスト環境構築 – ICS MEDIA
Webアプリケーションを開発する際、みなさんはどのようにテストを行っていますか？ Webアプリケーションは、ユーザーごとに異なるブラウザを使用しており、ユーザー操作も必要となるため、手作業でテストをされている方も多いと思います。また、機能改修やバグフィクス後に、リグレッションテスト（改修により既存機能への影響がないかを確認する回帰テスト）が必要となりますが、時間が取れずしっかりとテストができていない方も多いのではないでしょうか。 本記事では、これらのテストを自動化することのできる「Selenium Webdriver」（セレニウム ウェブドライバー）について紹介します。 入力フォームのバリデーション機能をチェックするデモ 簡単な入力フォームのバリデーション機能をチェックするデモを動画で紹介しましょう。入力値に対して期待するエラー文言が表示されているかのテストを実施しています。Seleniu
Node.jsのMVCフレームワーク「Express」の基礎知識とインストール
連載目次 前回の「いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール」において、サーバーサイドJavaScript実行環境であるNode.jsについて基本的な説明を行いました。また、その周辺ツールであるnpm、Gulpを含めた環境のセッティングも行い、Node.jsを用いてMEANスタックアプリ開発ができる状態になったと思います。 本記事では上記環境を用いて説明していくので、実際にサンプルを動かしたい場合には前回の記事を読んで環境を作成しておきましょう。 今回はサーバー側のMVCフレームワーク、「Express」について解説します。 MVCフレーワーク「Express」とは 「Express」とは、Node.js上で動作するWebアプリのフレームワークです。 Webアプリを構成する上で必要な機能がそろっており、ルーティングやビューヘルパー、セッション管理の機能もデフォ
Node.jsで、Promise.denodeifyを使ってサクサクプログラミング - Qiita
fs.readFile(fileName, function(err, data) { if (err) { // onError }else{ // onSuccess } }) のような形式なので、逐次的に処理を行うとその分だけネストの階層が増えてしまいます。これを解消するために使われるのがPromiseです。上記に対応するコードは以下のようになります。 new Promise(function(onFulfilled, onRejected){ fs.readFile(fileName, function(err, data) { if (err) { onRejected(err); }else{ onFulfilled(data); } }) }) .then(function(data){ // onSuccess }, function(err){ // onError })
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とフロントエンド − 知っておかなければならない、今と未来の話 −
Trifort内で行った社内勉強会です。 Node.js,Socket.IO,WebSocket,XmlHttpRequestなどについて基本的な説明をしています。
東京Node学園15時限目 アウトラインメモ
東京Node学園 15時限目 - connpassに参加してきたのでメモ 「io.jsについて」 by @yosuke_furukawa スライド : io.js 東京Node学園 15時限目 // Speaker Deck 最初はforkじゃなくてsporkと書いてあった forkほど先割れじゃないよという io.jsはオープンガバナンスモデル Node.jsは何に着手してるのかが不透明 どういうふうに取り組んでいるのかを公開する Google Hangoutで議論したものの動画を公開 基本的には合議制、Voteで を投票 コミットが活性化しだした Comitterが追加された Node.jsとの機能面での違い io.jsはV8のバージョンが新しい V8が新しいのでES6の機能が入ってる koajs/koaとかがそのまま使える constやletが使える --es_staging という
JavaScriptのモジュールシステムの歴史と現状 - Qiita
社内向け資料。自分が書いたコードを説明するために資料作る羽目になった。 昔のことはうろ覚えで雰囲気で書いてる部分もあるので、そこらへん勘弁。 古の時代(~2010) 前提としてJavaScriptは名前空間がwindowの一つしかない。 昔Prototype.jsがあった。もうみんな忘れたけどあの時期はプリミティブなオブジェクトのprototypeを生やしまくって、それが衝突しまくってprototype良くない的な雰囲気が生まれたり生まれなかったりした。 その反省があってか(歴史的に若干微妙な気がするが) jQueryは名前空間を一つに集約した。いわゆる jQueryPlugin は、jQueryのプロトタイプにヘルパを生やしまくっていた。グローバルを汚すのは駄目だけどjQueryの名前空間を汚すのはいいよね、ぐらいの考え。 jQuery非依存なライブラリは、「GoodParts」として、
いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール
連載目次 前回から始まった「MEANスタックで始めるWebアプリ開発入門」ですが、第1回、「LAMPに代わる構成として注目のMEANスタックの基礎知識とインストール、ひな型作成」では、MEANスタックの概要について説明とセットアップ、サンプルアプリの作成を通して最初のMEANスタックアプリに触れてみました。 今回からはMEANスタックの各構成要素についてもう少し詳細な解説をしていきます。第2回となる本記事では、MEANスタックの中心となる技術、Node.jsについて基本的な部分やインストール方法、その周辺ツールを紹介していきます。 サーバーサイドJavaScriptの実行環境「Node.js」とは 前回も少し説明しましたが、Node.jsとはサーバーサイドJavaScriptの実行環境です。2009年にRyan Dahl氏によって開発され、Google Chrome用JavaScript実
PHPでメッセージ送受信(zeromq) - Qiita
真面目なネタは他の方に任せて、 ちょっと違うアイディアになりそうなものを紹介します zeromqって何だ？ いわゆるメッセージングが可能になるミドルウェアです メッセージキューにもいろいろあり、 RabbitMQは利用している方も多いのではないでしょうか？ 他にもActiveMQ、zeromqなどがあります 今回はその中でも軽量と言われるzeromqを使って PHPからの送受信、他の言語との通信などにチラっと触れます zeromqを通じて言語を問わずシステムを構築するのであれば、 phpだったり、Cだったり、node.jsだったり、 socket.ioの様なものを使ったり等の直接的な連携というより、 イベント駆動による連携になるので、 場合によっては作りたいものをシンプルに実装できる事もあります php meet zeromq phpでzeromqと言えば、あまり使っているライブラリなどは
2014年 Webアプリケーションフレームワークトレンド（Node.js） - Qiita
感想 状況としては PHP と同じく乱立気味で、いまだ絶対的なポジションを築いているフレームワークはない感じ。 Meteor はやたら GitHub スターを集めている（Rails と同レベル！）ものの、まだまだ実用例は少ないかと思っていたら、Stack Overflow の投稿が8,000件を超えていたのが意外。 個人的には Sails.js にがんばってもらいたいのですが、最後のリリースが8月って開発スピードが鈍ってそうなのが不安。 また、最近 Qiita で Synth の投稿をよく見かけるのでそこそこ流行ってるのかと思ったら、Stack Overflow では投稿ゼロだったので、盛り上がってるのは実は日本だけ？ で、けっきょく勝ち馬に乗りたい人はどれにすればいいのでしょう。 Meteor はどうもキワモノっぽくてなかなか手が出せないのですが、勢いは一番なのでやっぱり Meteor
AngularJS+NodeJS+MongoDB+OAuthでWebサービスを作る - Qiita
JavaScriptの勉強を兼ねて、Webサービスの作り方まとめです。 簡単なTodoリストを作ります。 AngularJS+NodeJS(ExpressJS)+MongoDB Webサービスを作るには色々と手段はありますが、今回選んだのは上記の組み合わせ。 サーバからクライアントまで全部JavaScriptで書けるためです。 MongoDBのサイトでは、MEANスタックなどと呼ばれている模様です。 以下、meanstack-sampleと名付けて、動くようになるまでにやったことを順番に書いていきます。 Yomanの設定 NodeJSでのREST MongoDBのインストールとNodeJSとの接続 AngularJSとRESTの連携 NodeJSでのOAuth認証 まとめと参考 Yeomanの設定 別エントリ参照 NodeJS(+ExpressJS)でRESTもどきを作る まずはサーバ側が
nginx最大パフォーマンスを出すための基本設定 | Node.js技術
解説 worker_processes auto; - Nginx本体のプロセス数、autoにしてnginx内部判定に任せるのは賢明 worker_rlimit_nofile 100000; - workerプロセスが最大に開けるファイル数の制限。このように設定したら、ulimit -a以上のファイル数を処理できるようになり、too many open files問題を回避できる worker_connections 2048; - 一つのworkerプロセグが開ける最大コネクション数 multi_accept on; - できるだけクライアントからのリクエストを受け取る use epoll; - Linuxカーネル2.6以上の場合はepoll、BSDの場合kqueue server_tokens off; - セキュリティ対策です、エラー画面のnginxバージョン番号を非表示 sendf
power-assert, mechanism and philosophy
Packer is a tool that allows users to create machine images for multiple platforms from a single source configuration. It supports cloud providers like AWS, Azure, GCP and OpenStack. The document discusses using Packer to create optimized OS images with tools like cloud-init for fast provisioning and deployment of applications during scale-out operations. It also describes integrating Packer with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
α版のリリースから1年4カ月、「Node.js Tools for Visual Studio」v1.0が正式版に
HTML5/JavaScript ではじめるIoT
NodeとGoでフロントエンドサーバーを作ってみた話
porkbun.com | expired domain
IBM Developer
Front-end with Node.js Tools
