npm とか bower とか一体何なんだよ！Javascript 界隈の文脈を理解しよう - Qiita
背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower の違いは？ npm はサーバーサイド用、bower はクライアントサイド用らしいよ えっ、でもなんで bower のインストールに npm が必要なの？ サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ ていうかサーバーサイドJSとか node.js って何？ よく見る browserify って何？ こういった疑問が沸き上がるのは、各ツールが生まれた文脈がよくわかっていないからです。いろいろ調べてやっとちょっとわかってきたのでメモします。間違いがあったらご指摘ください。 「CommonJS」誕生 - Javascript は汎用プログラミング言語へ その昔、Javascript 大好きおじさんは言いました。 Javascrip
サーバーレスを使用して最初の６ヶ月で学んだ６つのこと - Qiita
こちらの記事は6 things I’ve learned in my first 6 months using serverlessの和訳になります。 サーバーレスの世界は適切なツールさえ見つければミドルレイヤーを省けるのでとても良いものです。 10月に行われたServerlessconfの後、自分の会社を全てサーバーレスにすることに決めました。最初の２ヶ月は Python Flask appにLambdaを導入するのに必死でしたが、そのおかげでより良い方法を思いつきました。 そして６ヶ月後、私たちにとって４番目に大きいプロジェクトをサーバーレスでデプロイすることになったのです。以下の内容がデプロイするまでに私たちが学んだ教訓、意見です。 レッスン１ Pythonの使用は避けましょう Flaskは昔ながらのリクエスト、レスポンスのスタイルで、サーバーによって管理されるセッションがあるWeb
Node.jsにおけるプロトタイプ汚染攻撃とは何か - ぼちぼち日記
1. はじめに 最近わけあってNodeのセキュリティ調査をしているのですが、今年の5月に開催された North Sec 2018 でセキュリティ研究者の Olivier Arteau 氏による 「Prototype pollution attacks in NodeJS applications」という面白い発表を見つけました。 この発表の論文や発表資料、デモ動画などもgithubで公開されていますし、ちょうどタイミングよくセッション動画も最近公開されました。 github.com Olivier Arteau -- Prototype pollution attacks in NodeJS applications この発表で解説されているのは、悪意のある攻撃者が、JavaScript言語固有のプロトタイプチェーンの挙動を利用して、Webサーバを攻撃する方法です。 発表者は、npmからダ
JSのデバッグにはconsole.log()ではなくNodeのデバッガーを使いなさい
JavaScriptのデバッグに苦労しているなら、Nodeのデバッガーを試してみてはどうでしょうか。Visual Studio Codeならさらに手軽です。 袋小路です！ 何時間も費やしていろいろ試してみたけれどもうまくいきません。コードをじっと吟味してもエラーになりそうなところはありません。2、3回ロジックを見直して、何度も実行しています。単体テストも助けにはならず、同じく失敗してしまいます。もはやどうしていいか分からず、虚空を見つめたくなります。ひとり闇の中にいるように感じて、だんだん腹が立ってきます。 こんなときの自然な反応は、コードの品質を落とし、邪魔なものを全部捨て去ることです。コードのあちこちにprintをちりばめて、なにかうまくいくことを祈るわけです。これでは暗闇で的を狙うようなもので、望み薄なことが分かるでしょう。 よくある話だと感じたのではないでしょうか。今までに数行以上
nodejsのpgでcatchを書く方法 - Qiita
これがベスト。以下、例外をキャッチする所と例外をtoStringしたメッセージ いい例。catchした中でnew ErrorをPromise.rejectで囲んでreturnする。この書き方だと例外で自分のコードのどこでエラーが起きたのか分かる。 await this.dbClient.query("example;").catch(e => Promise.reject(new Error(e)) ); Error: error: syntax error at or near ";" at dbClient.query.catch.e (自分のコード.js:44:65) at process._tickCallback (internal/process/next_tick.js:68:7) await this.dbClient.query("example;").catch(e =
Node.js, Express, sequelize, React で始めるモダン WEB アプリケーション入門（Express/sequelize編） - Qiita
Node.js, Express, sequelize, React で始めるモダン WEB アプリケーション入門（Express/sequelize編）Node.jsExpresssequelizepug 目的 WEB アプリケーションの入門として下記を学ぶことが目的です。 Express スタートアップ (Node.js 初期化含む) O/R マッパー sequelize を使った DB 処理入門 React スタートアップ 今回は Express スタートアップと sequelize の利用方法について記載してます。 尚、自分の理解を整理する目的で記載するため、チュートリアル形式で記載してませんので、かいつまんで読んで頂けると幸いです。 おまけとして、記事の最後に VSCode 開発者向けデバッグ方法を記載しました。 尚、Windows において動作確認してますがコマンドは Linu
Node.js でちょっとしたサーバーサイドやるなら、 Micro が良いかも - Qiita
ZEIT が作っている Micro という Node.js のフレームワークがあり、使いやすそう。 ZEIT は、かの Next.js を作っていて、 Mongoose を作った人や socket.io を作った人が所属しており、とても信頼できる。 ちなみに、 ZEIT は Now という、 Node.js （及び Dockerized されたもの）を動かせる、サーバーレスのサービスもやっている。 ZEIT(時) と Now(今) という世界観が良いですね。 初動が早くて、快適だった。 [追記] 何かに Micro 8 と書いてあって、最初、そういう名前のフレームワークと思ったのですが、実際は 8 はバージョン名で、 Micro のようです。また現行バージョンは9でした。 多分これ https://zeit.co/blog/micro-8 [/追記] Features README の F
GoMocha - テイクアウトの予約システム
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました スターバックスや多くのカフェやレストランでオンラインによる注文受け付けシステムが出始めています。オンラインで注文し、指定時間になったら引き取りに行くだけです。とても手軽で効率的なシステムです。 自分のお店でもそんなシステムを導入したいという方はGoMochaを使ってみましょう。 GoMochaの使い方 注文開始です。まず名前を入れます。名前があるのが何となく海外っぽいですね。 開始です。 お店を選択します。 商品を選びます。デカフェオプションが良い感じです。 商品を追加しました。 商品を取りに来る時間を選びます。また、交通手段も選びます。 注文の確認です。 注文が完了しました。 注文の履歴も確認できます。 GoMochaはお店側の管理画面もあり、注文内容を一覧して完了したらステータ
Nuage - 各種ストレージサービスを共通のUIで操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました クラウドにデータを保存できるサービス、技術が増えています。一つのストレージに頼らず、様々なサービスを使いこなしているのではないでしょうか。しかし、その結果としてUIがバラバラになってしまって、管理が煩雑になります。 Nuageは多数のクラウドストレージに対応し、共通したインタフェースで使えるようにするソフトウェアです。 Nuageの使い方 Nuageの画面です。対応しているのはWebDAV、FTP、SFTP、Git、S3、Dropbox、Google Driveとなっています。 Dropboxにつなぎました。インタフェースはDropbox風とのことです。 Markdownファイルなどテキストファイルはプレビューできます。 XMLもプレビューできます。 画像はモーダルで表示されます。
node-compiler - nodeのコードを実行エンジンともども一つの実行ファイルに MOONGIFT
nodeで作られたソフトウェアの配布はnpmを使って行うのが一般的です。しかしコードを見られるのが問題だったり、最初にnodeをインストールしなければならず、若干敷居が高くなってしまいます。 そこで使ってみたいのがnode-compilerです。nodeアプリケーションをパッケージして一つのバイナリにします。 node-compilerの使い方 例えばCoffeeScriptをバイナリにする例です。この規模のソフトウェアに適用できるならば大抵使えるのではないでしょうか。 nodec bin/coffee a.outファイルが生成されます。後はこれを実行すればいいだけです。 $ ./a.out coffee> nodeの実行エンジンを含みますのでサイズは肥大化する傾向になります。CoffeeScriptは36.3MBになりました。 node-compilerを使えばnodeのインストールが不
Dawn - フロントエンド/node開発のビルドツール MOONGIFT
フロントエンド開発はどんどん進化しています。その結果として様々なツールを組み合わせなければならなくなったり、手順が増えてしまっています。これでは手軽に開発できなくなってしまいます。 そこで紹介したいのがDawnです。軽量なタスク管理を備えたフロントエンドの開発、ビルドツールです。 Dawnの使い方 使っている場面です。こちらはAPIサーバのフロントです。 こちらはフロントエンドです。二つのサーバが同時に立ち上がっています。 APIを作ったりすることもできます。 技術的にはWebPackなども使われており、独自技術で固まっている訳ではありません。しかしDawnを使うことで初期テンプレート生成やテスト、ビルドなどが一手にできます。複数タスクを同時に実行したり、ミドルウェアにも対応しており、幅広い開発に利用できそうです。 Dawnはnode/JavaScript製のオープンソース・ソフトウェア（
gtop - ターミナル上のシステムダッシュボード
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました システム管理者はシステム全体のステータスを把握する必要があります。そのためにサーバ側データを送信して可視化するダッシュボードソフトウェアがたくさんあります。 しかしデータをあえて飛ばすことなく、ターミナル上でそのまま確認できるのがgtopです。 gtopの使い方 メイン画面です。 データはリアルタイムに書き換わります。CPU、ディスク容量、プロセス、メモリ、ネットワークなどの多数の情報が可視化できるようになっています。何よりターミナル上で実行されるので、別途表示するツールを用意しないので良いのが利点です。なおデータは蓄積されないので、実行したタイミングから表示されていく形になります。 gtopはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
Print.js - Webで任意のコンテンツを印刷できます MOONGIFT
Webが苦手としているものの一つに印刷があります。Webサイトを印刷しようとしてデザインが崩れてしまった経験はないでしょうか。また、ごく一部だけ印刷したいのにそれもままなりません。 そこで使ってみたいのがPrint.jsです。印刷対象を細かく指定できるソフトウェアです。 Print.jsの使い方 一例です。PDFファイルを指定すると見ているHTMLと全く違うPDFが印刷できます。 <button type="button" onclick="printJS('docs/printjs.pdf')"> Print PDF </button> さらにフォームの印刷も。 <form method="post" action="#" id="printJS-form"> ... </form> <button type="button" onclick="printJS('printJS-form
PsiTransfer - 自前で立てるファイル共有サーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メールなどで巨大なファイルを送りつけるのはあまり良いことではありません。受ける側は強制的に受信せざるを得ませんし、そのせいで大事なメールが受信できなくなってしまうかも知れません。そのため、送受信両方でメールのサイズ制限を設けていることはよくあります。 そんな時のために使えるのがファイルをシェアするサーバです。今回はPsiTransferを紹介します。 PsiTransferの使い方 最初の画面です。ファイルをドラッグ&ドロップで登録します。 ファイルを登録しました。保存期間やパスワードも設定できます。 アップロード中です。 アップロードが完了し、専用のURLが生成されました。 そのURLにアクセスするとパスワードが聞かれます。 パスワードが合っていればファイルがダウンロードできます
最新・最速！Webサービスが今すぐ作れる！ - MEANスタック開発(1) - paiza開発日誌
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 最近のリッチなWebサービス開発ではブラウザ(クライアント)とサーバ両方のコードを書いたり、Webソケットなどで連携したりすることもあり、気軽に取り組みづらくなっています。しかし、MEANスタックはクライアントからサーバまで全てをまとめた環境で、これを使えば素早くWebサービスを作ることができます。 今回は、MEANスタックの開発環境の一つ、AngularJS Full-stack generator(generator-angular-fullstack)を用いて実際にサンプルプログラムを動かしたり、修正したり、Herokuにデプロイしたりしてみます。 ブラウザ側のJavaScriptコードだけの作り方や、サーバ側だけのコードの書き方はWeb上でも多くでてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://react-etc.net/page/best-node-js-alternatives-to-wordpress-in-2018
Slant - 15 Best Node.js-based CMS as of 2024
20 JavaScript and Node.js Developers to Follow in 2020
GitHub - Netflix/falcor: A JavaScript library for efficient data fetching
