多くの企業から「人手不足だ」という話が聞こえてきます。なんでも、新しいビジネスを始めようとしたり、新規サービスを立ち上げようとしたり、はたまた事業規模を拡大したり、ということで人材を募集しても、なかなか集まらないんだとか。それも、大企業からスタートアップまで、会社の規模の大小や領域に限らず、ありとあらゆる分野の企業が当てはまっています。 特にIT業界は、ただでさえ業界全体が成長しているうえに、技術の進歩と陳腐化が激しいため、基礎的な技術や知識を持ちながら、新たな情報やトレンドもフォローしているようなエンジニアは、引く手あまた。さらに最近では、エンジニアでなくてもビジネス分野で活躍するためには、データを扱うことができる高度な知識と経験が求められるケースが増えてきていることもあって、人手不足に拍車が掛かっているのだそうです。 そんな社会の中で、自分を成長させ、新たな分野に踏み出していくためには
本資料について 本資料は日本大学文理学部情報科学科の開講科目「Web プログラミング」の教材として作成されました。本資料は下記のライセンスの範囲内で、当授業以外でも自由にご利用いただけます。 対象読者 本資料は、以下の教材を学習済み、もしくはそれと同等以上の知識を持っていることを前提としています。 React チュートリアル：犬画像ギャラリーを作ろう 基本情報技術者試験レベルの関係データベースの知識 本資料で学ぶこと 本資料では以下の内容を学びます。 Express と Sequelize による API サーバー開発 React と API サーバーの連携 Cross-Origin Resourcer Sharing React によるルーティング Auth0 によるユーザー認証 Heroku による API サーバーの公開 ライセンス この作品はクリエイティブ・コモンズ 表示 4.0
IT技術者のSacha Greif氏とRaphaël Benitte氏が、JavaScriptに興味を持つ世界中のIT技術者約2万4000人にアンケートを取り、結果をまとめたWebサイト「State of JavaScript 2020」が公開されています。 JavaScriptの最新のシンタックスや命令がどれくらい使われているか、フロントエンドやバックエンド、ビルドツールなど分野ごとにさまざまなJavaScript関連の技術はどれくらい興味を持たれているかなど、アンケート結果を基にして、満足度（Satisfaction）、興味（Interest）、利用率（Usage）、認知度（Awareness）などを計算。それぞれについてランキングを作成しています。 それぞれの値は次の式で計算されると説明されています。それぞれの項目にはアンケートの回答数が入ります。 満足度＝またこの技術を使いたい／（
Fastify 速いですね Express が hapi より遅いのは意外でした Koa は本体だけだと Express 以上に何もしないので その分速めです よくみると驚きなのが http.Server より Fastify が速いというところ http.Server はフレームワークを使わない Node.js 自体の API です Koa や hapi はこれを中で使っています これより速いということは Fastify は http.Server は使わずに net などを使って ソケット通信部分を直接操作しているのでしょうか？ http.Server を使ってない？Fastify のソースコードを見た限りでは 特に設定をしなければ http.createServer でサーバを作成しています つまり http.Server を使っています https://github.com/fas
こんにちは、CX事業本部Delivery部サーバーサイドチームのmorimorkochanです。 突然ですが「あぁ〜管理画面作るのめんどくせ〜」って思うことはないですか？ 例えばRDBと接続されたRESTfulなAPIサーバーを作っていて、一部の管理者向けに管理画面を作りたいが管理画面にこだわりがない場合などなど。 そんな時に便利なのが、Admin.jsです。Admin.jsは管理画面を簡単に作成できるフレームワークです。オープンソースとして公開されており、クラウドにデプロイされているサービスを利用する場合は月額料金がかかりますが手動でサーバーに組み込んでデプロイする場合は無料です。 Admin.jsを使うと、RDBで管理される各テーブルごとにCRUD画面を簡単に作成することができます。これによってRDBと同じプロパティを何度も定義したり同じようなCRUDコードを何度も記述する必要はありま
「The State of JS 2021」公開。最も使われているフロントエンドのライブラリはReact、バックエンドはExpress、ビルドツールはwebpackなど 回答者の国別分布を上位5位までを見ると米国が14％、ドイツが4.8％、ロシアが4.5％、フランスが4.2％、イギリス（UK）が4％となっており、日本の回答者は1.3％で15位、中国の回答者も1.3％でした。 一方、言語別では英語が70.1％と他を圧倒しており、2位がスペイン語で5.4％、ロシア語が5％、フランス語が3.3％、ドイツ語が2.3％、中国語、ポルトガル語、そして日本語が1％でした。 アンケートの結果は、ProxyやPromiseなどに関するJavaScriptの新機能がどのくらい使われているか、Service WorkerやWeb Audio API、WebGLなど新しいブラウザAPIがどのくらい使われているかや
create-validator-tsというTypeScriptの型定義からJSON Schemaを使ったバリデーションコードを生成するツールを書きました。 モチベーション expressなどでAPIを書くときに、Request/Responseが意図したものかどうかをバリデーションする必要があります。 特にreq.queryなどはStringが入ると予想しますが、オブジェクトが入ってくることもあります。 これは、expressの内部で使っているqsというURLクエリのパーサが、オブジェクトや配列へ展開する機能を持っているためです。 expressを使ってるサイトは ?q=text があるときに req.query.q には オブジェクトが入る可能性をちゃんと考慮しないといけない。 ?q[a]=text で req.query.q ; // { a: "text" } になる — azu
サーバーレスでサーバーサイドレンダリング（SSR）の後編です。前編はこちら。 www.keisuke69.net なお、同内容をこちらのイベントでも話す予定ですので興味あるかたはぜひこちらも。 serverless-newworld.connpass.com はじめに サンプルアプリ serverless.yaml 最後に はじめに 前回、SSRとはって話を簡単にしました。今回はSSRをAWSのサーバーレス、つまりAWS Lambdaでやってみたいと思います。 今回はVue.jsのフレームワークであるNuxt.jsで作ったサンプルアプリのSSRをLambdaで試してみます。 前回のブログでNuxt.jsでの例という説明をしましたが、今回はそこを実際にやっていく感じです。 なお、Nuxt.jsをLambdaで動かす場合の話って実はググってもあまり出てきません。いくつかの記事が出てくるだけです
JSのプラグインシステムについて書くJavaScript Plugin Architecture 2.0をリリースしました JavaScriptのプラグインシステムについて書いた小さな電子書籍であるJavaScript Plugin Architecture 2.0をリリースしました。 1.0(初版)公開時の記事は次のページから参照できます。 JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた | Web Scratch 2.0の詳しい変更点についてはリリースノートを参照してください。 Release v2.0.0 · azu/JavaScript-Plugin-Architecture 2.0リリース時にGitBookからHonKitに移行しました。 そのため、公開するURLが次の場所に変更されています。 https://a
2017年から個人で開発しているTrickleというサービスがある。最近、これのバックエンド構成を変えたり、新機能追加などをした。技術的に目新しいものや凄いものはないけど、頑張ったのでその時の話を残しておく。 バックエンド Express → Next.js Multer → BusBoy Web版 GAE → Cloud Run クライアントアプリ React Nativeのアップグレード react-native-image-crop-picker → react-native-image-picker ソーシャルログイン アイコン変更 バックエンド Express → Next.js これまではExpressでモバイルアプリ向けのWeb APIを作っていたが、今回Web版も作るにあたり、Next.jsに移行した。 まずはこれまでのモバイルアプリ向けAPIをNext.jsのAPI Ro
こんにちは！株式会社estieでEMをやっています、t-poyoです。 今回は、estieの創業以来走り続けてきたプロダクトのapiをどう改善しているかについて書きたいと思います。 当社は"estie"と"estie pro"という2つのサービスを作っていますが、今回は"estie"の開発にまつわるお話になります。 こんな方に読んでほしい estieの開発チームが何をやっているのか知りたい方 node.jsでイチからプロダクトを作りたい方 apiのアーキテクチャに悩みつつも「クリーンアーキテクチャほどガチガチにやるのは…」な方 TL;DR コールバック関数を利用してアプリケーション層をExpressから分離できる 分離した関数に対して複雑なモックを使わずテストを書ける あらすじ estieは、2020年2月にUI刷新をおこない、バージョンも2.0にメジャーアップデートしました。 その際、フ
この記事は､今年イチ！お勧めしたいテクニック by ゆめみ feat.やめ太郎 Advent Calendar 2019 23日目の記事です｡ 導入 皆さんこんにちは。らいパン粉という者です。twitter→https://twitter.com/elipmoc101 さて、皆さんはバックエンドのプログラミング言語に何を選ぶでしょうか。 PHP？Ruby？JavaScript(Node.js)？ それともElixir、Scala、Go、Rust、Haskell等でしょうか。Coolですね。 最近、フロントエンドではTypeScriptが有名です。 この際、バックエンドもフロントエンドもTypeScriptでサクッと開発してみたいと思いません？僕は思いませんけど。(Ebio Syntax) そんなわけで、TypeScriptでサクッとバックエンド開発ができるNestJSを紹介していきます。
In this article, we look at some of the more advanced features of TypeScript, like union types, conditional types, template literal types, and generics. We want to formalize the most dynamic JavaScript behavior in a way that we can catch most bugs before they happen. We apply several learnings from all chapters of TypeScript in 50 Lessons, a book we’ve published here on Smashing Magazine late 2020
Vue3とExpressでToDoアプリを作ることで、TypeScriptに入門しようっていう内容です。 TypeScriptは何も怖くありません。一度使い始めたらもうJavaScriptには戻れなくなるだけです。TypeScriptに入門して快適なコーディングライフを送りましょう！
Lambdalithな構成でサーバーレスアプリケーションを実装する事例が増えてきていると思います。実際に Lambdalith と Single purpose Lambda が1つの API Gateway の中で共存できるのか、CDKを用いて実装し試してみました。 はじめに 最近、Monolith Lambda(以降 Lambdalith)な構成でサーバーレスアプリケーションを実装する事例が増えてきていると思います。 サーバーレスアプリケーションを作る際に、最初はLambdalithで構成し、必要になった場合に Single purpose Lambda と共存させれば良さそう、という意見が見られるようになりました。 今回は実際に Lambdalith と Single purpose Lambda が1つの API Gateway の中で共存できるのか、CDKを用いて実装し試してみま
import { ParseUrlParams } from "typed-url-params" function assert<T extends string = string>(r: ParseUrlParams<T>): asserts r is ParseUrlParams<T> {} assert<"/:asd/b">({ asd: "" }) assert<"/xxx/:asd/bbb:dsa">({ asd: "", dsa: "" }) assert<"/xxx/:asd/bbb/:dsa">({ asd: "", dsa: "" }) assert<"/xxx/:asd/bbb/:dsa">({ asd: "", dsa: "" }) assert<"/:test*-bar">({ test: [] }) assert<"/:test*-bar">({}) asser
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
DockerでNode.jsアプリケーションを動かす際に色々と考慮しなければいけない点があるのでそのあたりを解説していきます こんにちは！バックエンドとインフラを勉強中のこのぴーです 前回はDockerイメージを軽量化する方法について解説しましたが、今回はDockerでNode.jsアプリケーションを動かす際に色々と考慮しなければいけない点があるのでそのあたりを解説していこうと思います また、今回作成するDockerfileや.dockerignoreはGitHub上から確認できます やってしまいがちな例 まず、悪い例として何も考えずにexpressのサーバをDockerを使って立ててみます index.js (expressのドキュメントより引用) const express = require('express') const app = express() const port =
express + ts-nodev-dev利用時に、遅延ロードをして起動時間を早くするためのライブラリを書いた Expressを使ったアプリケーションの起動を早くするために、ルーターを遅延ロードできるexpress-lazy-routerというライブラリを書きました。 モチベーション Expressを使ったウェブアプリを書くときに、TypeScriptをコンパイルするためにts-node(ts-node-devを使っています。 これは、起動時にすべてのTypeScriptファイルをコンパイルすることを意味しています。 大量のファイルのコンパイルはWebアプリケーションの起動を遅くします。 ts-nodeなどはimportしたファイルをその場で同期的にコンパイルする仕組みであるため、読み込むファイルが多いほどコンパイル時間が長くなります。 起動時には必要ないものは後でコンパイルすることで、
JSer.info #683 - Parcel v2.12.0がリリースされました。 Parcel v2.12.0 Bunと同様の仕組みとして、Import Attributesを使ったmacroに対応しています。 JavaScript Macros in Bun | Bun Blog ブラウザ上で動作するREPLを公開、bundleにもLightning CSSを使うように変更されています。 その他にはメモリ使用量を52%改善、書き込みのパフォーマンスの改善なども行われています。 先週の記事で polyfill.io がFunnull CDN(方能CDN)を運営するFunnull(南京妙彩文化传播有限公司)に買収されたことをお伝えしました。 その後、FastlyやCloudflare(cdnjs)が polyfill.io の代用サービスとして、https://polyfill-fast
serverless-expressを利用して、API GatewayからLambdaに配置したExpressアプリケーションを実行する方法になります。
はじめに APIサービスを構築する際に、Postmanなどのツールでは正常にアクセスできますが、 ブラウザからアクセスすると、エラーになる場合があります。 それはCORS(Cross-Origin Resource Sharing)対応をしていない可能性があります。 なぜなら、サイトのドメインとAPIサービスのドメインが違う場合は 先にoptionsメソッドで問い合わせをします。許可する場合のみ実際のAPIを通信します。 ※同じドメインの場合はCORSの対応は要らないです。 const app = express() const allowCrossDomain = function(req, res, next) { res.header('Access-Control-Allow-Origin', '*') res.header('Access-Control-Allow-Method
はじめに 毎回忘れるので、備忘録代わりに書いておきます。 この記事では、Express(Node.js)+TypeScriptなプロジェクトをCloud Runにデプロイすることを目指します。 前提条件 gcloud コマンドラインツールが有効になっている環境 Macのzshで実行(WSL2やLinux環境でも動くと思いますが他の環境でうまく行かない場合は適宜コマンドを読み替えてください) Node.jsおよびnpmのインストール(可能ならば最新のLTS版が望ましい) Express(Node.js)+TypeScriptのプロジェクト作成 プロジェクトのディレクトリーを作成し、npmで初期化します(入力画面は、ほとんどEnterで問題ないです)
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Express v5.0.0 🎉 Express v5 is finally here! 🎉 After years of development, the long-awaited Express v5 has been officially released. This version focuses on simplifying the codebase, improving security, and dropping support for older Node.js versions to enable better performance and maintainability. For detailed information, please check out the official Express v5 release blog post. Most releva
Ten years ago (July 2014) the Express v5 release pull request was opened, and now at long last it’s been merged and published! We want to recognize the work of all our contributors, especially Doug Wilson, who spent the last ten years ensuring Express was the most stable project around. Without his contributions and those of many others, this release could not have happened. Eight months ago we we
デザインがはじめての人でも、数タップで完成。 印象的で魅力的なグラフィックやビデオ、Webページを簡単に、しかも無料で作成できるAdobe Express。 SNSなどで差をつける、Adobe Expressの使い方と、押さえておきたい便利な機能をまとめてご紹介します。 コンテンツ目次 1分でわかるAdobe Expressの使い方 レスポンシブデザイン クイックアクション おすすめフォントと配色 SNS投稿スケジュールの管理 配色の自動変更 背景の削除も無料 スマホでも使える Adobe Stock画像、使い放題 直感的なレイヤー機能 Adobe Fontsも、使い放題 デザインアセットは無限大 効果のシャッフル機能 背景透明のPNGをダウンロード Adobe各種アプリも利用可能 文字の大文字化＆フィット 自由でフレキシブルな背景設定 独自のブランディング機能 多彩なアニメーション ファ
JSer.info #712 - Node.js v23.0.0 (Current)がリリースされました。 Node.js — Node v23.0.0 (Current) require(esm)をデフォルトで有効化、32 bit Windowsのサポートを削除、node --runをStableに変更されています。 また、非推奨な--huge-max-old-generation-sizeを削除、node:utilパッケージから非推奨な_extend()やisBoolean()などを削除なども行われています。 Next.js v15がリリースされました。 Next.js 15 | Next.js 破壊的な変更として、fetchはデフォルトでno-storeに変更、GETルートハンドラーはデフォルトでキャッシュしないように、クライアントルーターキャッシュもデフォルトではキャッシュしないよ
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Expressなどで開発をする人の中にはせっかくJavaScriptでサーバーをたてているからフロントの描画にもフレームワークを用いたいと思う方は多いと思います。今回はVue.jsを取り上げます。Vue.jsでのアプリケーションの雛形を作ってくれるVue-CLIを用いてさくっとExpressとVueを統合した環境を作成する方法を紹介します。 目標とする統合環境今回はフロントをVue.js(Vue-CLI3)、サーバーをExpress.jsで立ち上げます。そして、本記事の目標はファイルのバンドルのためにデフォルトで立ち上げることができる(npm run serveコマンドで)開発用サーバーとExpress実行用のサーバーを立ち上げて、httpリクエストとレスポンスの処理をすることです。 上のようなイメージです。localhost:8080で立ち上げたフロント開発用のサーバーからlocalho
express-router-dependency-graphという、ソースコードを静的解析してexpressのルーティングと使ってるmiddlewareの一覧を出してくれるツールを書きました。 azu/express-router-dependency-graph: A static code analysis tool that creates a dependency graph for express routing. 次のように globでexpressを含むソースコードを指定することで、 そのディレクトリ以下にあるソースコードからexpressのuse,get,post,delete,putなどでのルーティングの一覧を作成します。 [ { filePath: "<root>/src/game.ts", routers: [ { method: "get", path: "/ge
はじめに Microsoft Entra ID (旧称： Azure Active Directory) は、Microsoft が提供する認証・認可サービスです。 この記事では、Next.js の API Route を使用して、Microsoft Entra ID にログインするユーザーを認証し、JWT トークンを取得する方法を紹介します。 JWT トークンを取得することで、アプリケーション内でユーザーの情報を取得したり、Microsoft Entra ID で保護された API (例： Microsoft Graph) を呼び出したりできます。 Microsoft Authentication Library (MSAL) とは MSAL はセキュリティで保護された Web API へのアクセスを容易に実装するためのライブラリです。 ここで得られた JWT トークンを使用することで、
TypeScriptを使ったNode.jsフレームワークであるNestJSの、基礎的なCRUDからmongoDBとの連携、認証までを解説しています。 * 57:12で、mongooseの型定義ファイルを別にインストールしていますが、v5.11(2020年12月1日)からデフォルトで型定義ファイルが付くようになったため、v5.11以降のmongooseをお使いの方は特に型定義ファイルをインストールする必要はございません。 0:00 NestJSとは何か、なぜ使うのか 2:27 NestJSをインストールする方法 3:22 私が入れているVSCodeの拡張機能の紹介 3:49 NestJSのフォルダの構造はこうなっている 6:30 main.tsはこうなっている 7:45 moduleはこうして使う 9:11 controllerはこうなっている 12:12「service」と「DI」 1
Node.jsのExpressを利用したアプリケーションの開発時にhttpsを利用しないといけない制約が出た場合のSSLの設定方法について説明を行っています。 動作確認は、macOSのBig Surで行っています。Node.jsが事前にOSにインスールされていることが前提となっています。 Expressではhttpsを利用するための機能は備わっていますが、httpsを利用するために秘密鍵と自己証明者が必要となります。秘密鍵と証明書を作成するためopensslコマンドを実行しますが、opensslコマンドはmacOSの中に入っています。 Expressの環境構築 httpsサーバとして設定を行う前にExpressを使ってhttpサーバを構築します。 任意の名前のフォルダを作成(ここではmyapp)を作成し、フォルダ内でnpm init -yコマンドを実行しpackage.jsonファイルを作
Express v5.0.0 was released on September 9th last year, but we didn’t make it the latest release on npm. Many asked us why and when it would be, and frankly we were not ready at the time to take that jump. If you have not followed the news from the project this past year, we have been hard at work reviving the project and when we pushed the initial v5 release there were many loose ends still hangi
pm2を使ってExpressアプリケーションを永続化する方法 バックグラウンドで実行されるデーモン化することが出来るので、1つのサーバーで複数のNode.jsアプリケーションを管理するときに便利です。 環境 OS: CentOS 7.2 Node.js: v6.9.4 npm: 3.10.10 アプリケーションディレクトリ: /home/appuser/work/app ※Expressで作成したアプリケーションが、上記ディレクトリに保存されていることとします。 pm2のインストール pm2をグローバルインストール
What's New in Express.js v5.0 A detailed look at the key changes and improvements in Express v5.0 and how to migrate your app Express.js has finally published version 5.0 on October 15, 2024. This marks a significant milestone, coming after a 10-year wait since the initial pull request was opened in July 2014. This major release brings a series of important updates, optimizations, and removals, ai
この記事は エニプラ Advent Calendar 2020 の 11 日目の記事です。 はじめに Express 公式の『実稼働環境における Express のセキュリティーに関するベスト・プラクティス』というドキュメントでは、「脆弱性対策のために Helmet を使ってね（要約）」と書いているけれど、どんなリクエストヘッダが設定されて、それによってどんな効果があるのか具体的に把握していなかったので、勉強がてらに調べてみました。 私自身セキュリティには勉強中の身であり、ことセキュリティに関しては内容の正確性が求められると思いますので、誤りや勘違いなどがございましたらどうぞご指摘頂ければ幸いです Helmet とは？👷 Helmet は Express で作成された Web アプリケーションに対して HTTP ヘッダを設定することで、webアプリケーションをセキュリティ的に堅牢化するラ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
