次世代フレームワークRemixで簡単なフルスタック開発を体験する - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに こんにちは。フロントエンド開発課に所属している新卒1年目のm_you_sanと申します。 最近話題のRemixを使って、シンプルなTodoアプリを作成する方法をご紹介します。 Todoアプリの作成を通じて、簡単なフルスタック開発を体験していただければと思います。 はじめに プロジェクトの作成 モデルの定義 Root Routeについて ルーティングについて 一覧画面の作成 新規追加画面の作成 編集画面の作成 削除機能の追加 まとめ プロジェクトの作成 はじめに以下のコマンドを実行して、プロジェクトを作成します。 ※Node.js v18以上、npm v7以上がインストールされていることが前提です。 npx create-remix@latest --template remix-run/indie-stack 今回はindie-stackというテンプレートを使用しています。 この
社内の静的アセット管理リポジトリのNode.jsのバージョンを上げたら動作が爆速になった話 - BASEプロダクトチームブログ
初めに こんにちは。フロントエンドエンジニアの竹本です。 入社してそろそろ4ヶ月が経とうとしています。だいぶBASEの開発にも慣れてきました。 この記事では私が社内の静的アセットを管理しているリポジトリ(以降は便宜上static-repositoryと呼びます)のNode.jsのバージョンを12から16にあげたら、webpack dev serverの立ち上がりが約12分から約5秒に短縮できた話を紹介したいと思います。 この作業は業務の隙間時間でやったのですが、どのように取り組んでリリースまで持っていったかをお伝えできればと思います。 結論3行 webpack dev serverの立ち上がりが遅かったのはApple シリコン搭載のMacでNode.js 12を動かしていたから。 Apple シリコン搭載のMacでNode.js 15未満を動かすと、rosetta経由になり非常に遅くなる。
【Bun】BunとNode.jsの違いのメモ - UGA Boxxx
以前、Bunについてざっくり調べたことがある uga-box.hatenablog.com この時からBunについて、特にNode.jsとの違いについて、知る機会があったのでメモ （2022/9/5 追記）ソース元はfurukawaさんがNode学園40限目で話された内容 speakerdeck.com Node.jsの構成要素の一部 Standard Libraries HTTP、File systemとか n-api C++とかCを呼び出すネイティブモジュールの抽象化ライブラリ V8 JavaScript エンジン http-parser HTTP1.1用のパーサー OpenSSL HTTPSとかTLSとかの暗号化周りのライブラリ zlib 圧縮とか解凍とか ng-http2 HTTP2用のライブラリ ng-tcp QUIC用のライブラリ libuv OSによって異なるシステムコールの
npm run のスクリプトの中でディレクトリの削除を行う (rimraf) | まくまくNode.jsノート
なぜ rimraf が必要か？ TypeScript などのトランスパイラを使って Node.js アプリを開発していると、ビルド結果を格納するディレクトリを削除する clean コマンド（NPM スクリプト）を定義したくなります。 package.json これはこれで間違いではないのですが、Linux の rm コマンドを使用しているので、OS 依存の package.json になってしまいます。 そこで、OS に依存しない rm -rf コマンドを実現するのが rimraf という NPM パッケージです。 rimraf は NPM の作者である Isaac 氏が作成しており、安心して使用できます。 rimraf という名前は Linux コマンドの rm -rf の発音が由来だと言われています。 rimraf の使い方 rimraf のインストール rimraf コマンドは NP
【いまさらですが】package.jsonのdependenciesとdevDependencies - Qiita
package.jsonのdependenciesとdevDependenciesの使い分けについて、いまさらですがまとめます。 dependenciesとdevDependenciesの違い 例えば、sampleという名前のパッケージを開発しているとします。 dependenciesにはrequest、devDependenciesにはmochaが書かれているとします。 { "name": "sample", "dependencies": { "request": "^2.81.0" }, "devDependencies": { "mocha": "^3.4.2" } } //このほかの要素は省略します 開発者がpackage.jsonがあるディレクトリでnpm installを行うと、dependenciesに書かれているパッケージもdevDependenciesに書かれているパッ
【いまさらですが】package.jsonのversion指定 - Qiita
package.jsonのdependenciesやdevDependenciesに依存するパッケージを指定することができます。 いまさらですが、そのパッケージのversionの指定方法についてまとめます。
npm-check でpackageの更新情報と未使用を検出する - Qiita
$ pwd <cowsay project root> $ npm-check get-stdin 😎 MAJOR UP Major update available. https://github.com/sindresorhus/get-stdin npm install --save get-stdin@5.0.1 to go from 4.0.1 to 5.0.1 nodeunit 😎 NEW VER! NonSemver update available. https://github.com/caolan/nodeunit#readme npm install --save-dev nodeunit@0.10.0 to go from 0.9.3 to 0.10.0 Use npm-check -u for interactive update. まとめ 更新情報を検出する
サーバレスで短縮URLサービスを作ってみる（2018年度版） - Qiita
みなさんこんにちは。 もう何年も前のことです。私は趣味で短縮URLサービスを運営していました。 でも、普通のレンタルサーバーで mod_rewrite 使って動かしていたら、ちょっとアクセスが集中しただけで落ちてしまい、利用者のみなさまに迷惑をかけまくっていました。 今であれば、AWSなんかを使って、もっと簡単にスケーラブルなサービスを作れていたんでしょうね・・・ ・・・ 本当に？ ということで、やってみることにしました。 準備 なんと、 短縮.jp がまだ未取得だったので、衝動買いしました。 日本語ドメインが流行っていないのか、短縮URLがオワコンなのか、それとも両方か。 設計 最初は、こんな案を考えていました。 S3にトップページを配置、短縮URLはAPIゲートウエイでLambdaを呼んで、DBから元のURLを持ってきてrefreshを返す なんですが、「AWS 短縮URL」で検索した
Node.jsで暗号化とハッシュ - Qiita
ハッシュとは、平文から固定長の疑似乱数を生成する演算手法。 暗号化とは、第3者に内容を知られないように、規則に従ってデータを変換すること。 Node.jsでの暗号化とハッシュ モジュールの読み込み Node.jsをインストールすれば、cryptoモジュールが使えます。 次の様にモジュールを読み込みます。
node.jsでローカルIPアドレスの取得 - Qiita
var os = require('os'); console.log(getLocalAddress()); function getLocalAddress() { var ifacesObj = {} ifacesObj.ipv4 = []; ifacesObj.ipv6 = []; var interfaces = os.networkInterfaces(); for (var dev in interfaces) { interfaces[dev].forEach(function(details){ if (!details.internal){ switch(details.family){ case "IPv4": ifacesObj.ipv4.push({name:dev, address:details.address}); break; case "IPv6": i
Node.jsで捕捉されなかったPromise内の例外をスタックトレースで表示する - Qiita
現在のNode.js(9.x)においてデフォルトでは、Promise内の捕捉されなかった例外については次のように警告を出してくれますが詳細なスタックトレースは見せてくれません。 (node:5212) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): TypeError: Cannot read property '_id' of null (node:5212) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with
Node.jsのバージョンによる違い - JavaScript勉強会
JavaScriptの練習で、Node.jsを使っています。 Node.jsは、バージョンによって使える機能が違います。 Node.jsのバージョンの違い～Node.jsの歴史についてメモ。（備忘録） Node.jsのバージョン一覧 バージョンによる違い 安定版（LTS） harmonyモード（ハーモニーオプション） Node.jsのバージョン変更 (1) コマンドプロンプト（黒い画面）を起動します。 (2) インストール可能なversionの一覧を表示します。 (3) 指定したversionをインストールします。 (4) 指定したversionを使用します。 (5) Node.jsのバージョンを確認します。 まとめ Node.jsのバージョン一覧 Node.jsの公式サイトで、バージョンの一覧が公開されていました。 リリース一覧 | Node.js 「Node.js 6.x」、「Node
(初心者向け) Node.js コンソール (console) の使い方 - Qiita
v8.9.1LTS 対応 概要 console はグローバルなオブジェクトで、デバッグのためのシンプルなコンソール機能を提供する。 new Console(stdout[, stderr]) : 新しい Console オブジェクトを作成する。 console.assert(value[, message][, ...args]) : シンプルな Assertion テストを提供する。 console.clear() : 可能ならコンソール画面をクリアする。 console.count([label]) : label の内部カウンターを管理する。 console.countReset([label = 'default']) : label の内部カウンターをリセットする。 console.dir(obj[, options]) : util.inspect() を使って obj の文字
Node.jsのソース修正後、nodemonで自動再起動 - Qiita
ソース変更を検知してプロセスを自動で再起動 nodemon公式サイト nodemon - github Node.js開発時の問題 Node.jsで開発するとき、ソース修正後、手動でnode.jsプロセスを再起動しないと反映されないという問題があります。 これはNode.jsで読み込まれたJavascriptファイルがキャッシュされるため、ソースコードを更新しても、Node.jsの再起動をしないとソースが反映されないためです。 nodemonの特徴 nodemonを利用すれば、手動でnode.jsプロセスを再起動せずにソースが自動的に反映されます。 プロジェクトのソースを変える必要がない node.jsアプリをwrapする フォルダ下のソースを監視し、何か変わったら自動的にnode.jsを再起動する nodemonを実際に使ってみる nodemonのインストール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
node.js — package.jsonで未使用のnpmパッケージを見つける
ちゃんと使い分けてる? dependenciesいろいろ。 - Qiita
Node.jsとJSが合併の意向を共同発表――JavaScriptコミュニティーの統合を図る | TechCrunch Japan
dotenvを使ったNode.jsでの環境変数の設定方法 - ブロックチェーンエンジニアとして生きる
hubot環境構築手順 - Qiita