Express Generatorを用いてプロジェクとを立ち上げる。
1: Express Generatorをインストールする。ターミナル.npm install -g express-generator 2: Express Generatorでアプリケーションを作成する。ターミナル.express --view=ejs <アプリ名> # --view=ejs テンプレートエンジンにejsを指定するオプション。 bin...
View ArticleClik here to view.
Node.js基礎 備忘録
リクエストの対処する仕組みスレッドモデル(Apache)リクエストが来た際にスレッドを作成して対応する※スレッドは同時にひとつのリクエストしか処理できない。新しいリクエストが来た際には、新しいリクエストを作成して対応する問題スレッドを作成するとメモリを消費するため、スレッドの作成限界がある。リクエストが多い場合、スレッドが立ちあげれず、リクエストが待ち状態になる。イベントループ(Node.js)メイ...
View Article[Node.js][Deno] クラス定義各種 ベンチマーク比較
JavaScriptのクラス定義手法はいっぱいあって、これを解説している記事もいっぱいありますが、パフォーマンスに言及しているところがなかったので、自前で実験してみた。実験環境Node.js 14.15.1Deno 1.5.4なお、webクライアントでの実行コストはあまり気にしてないので、各種ブラウザでの比較はパス。実験設定継承のあるクラスで...
View Article[Node.js][Deno] オブジェクト合成各種 ベンチマーク比較
先ほどの クラスのベンチマークの続編。オブジェクト合成でより良い(というか速い)手法ないかなと悩みつつ。実験環境同じくNode.js 14.15.1Deno...
View ArticleNodejsのコンテナを作成してみた。
はじめにNodejsのバックエンドサーバーをコンテナで作成する際、ベースイメージをnodejs(node:10)にしてDockerfileを作成したが、コンテナにアタッチができず、中の構成などを直接見る方法が分からなかった。困ったときにはnodejsの設定などを見れるようにしたかったので、試しにUbuntuベースにnodejsをインストールする方法でDockerfileを作成してみた。（記事の内容は...
View ArticlePuppeteer(ぱぺてぃあ)、Headress Recorderで自動化が進んだ
実現させたいこととあるサイトのマイページから、データを毎日ダウンロードしたい。しかし、ダウンロードには1,000クリック程度必要。画面が遷移してもURLが変わらないので、SeleniumやPRAでの実現は難しい。...
View ArticleClik here to view.
いまさらだけど簡単にFirebase触ってみる
概要これまでAWSでごにょごにょ、はしてきたのですがFirebaseにはほぼ触れてこなかったので簡単に触ってみます。手順プロジェクトの作成・言われるがままにデフォルトっぽい設定で次へ次へできました。ウェブアプリの作成上記スクリーンショットではもう作成された表示になっていますが、ウェブアプリの追加を選択します。・適当な名前を付けて・前記事のriot.jsのroot直下のindex.htmlにスクリプト...
View ArticleClik here to view.
GitHub Actions を使って Next.js × AWS EC2 を自動デプロイした話
※ この記事は K-Ruby #25のLT資料として書かれた記事です。こんにちは！先日、GMOペパボの東証一部上場が決まったことで「東証一部上場の Web 系企業に未経験転職した29歳」になって怪しさに磨きがかかりましたよしこ @k2_yoshikoukiです。そろそろエンジニアになれる石売ります。最近...
View ArticleClik here to view.
壁打ちnodeサーバーをローカル上に立ててスクレイピングする方法
件の通り。初心者向けだと思います。nodeサーバーをローカルに立てて、そのサーバーへスクレイピングを走らせます。 nodeで色々とやる上でlocal上でできればサクッと動かしてみたい人は多いと思いますがnodeサーバーサイドでそうした気の利いた？記事はなかったのでまとめました。献立①. nodeを実行する環境を準備する②. nodeサーバーでホスティングするページを準備する③....
View ArticleEJSでもconsole.logが使える。デバッグに便利。
EJSでも、JavaScriptでおなじみのconsole.log()を使うことで実行環境へログを出力することができます。<%constperson='taro';console.log(person);%>taro...
View ArticleNode.jsのEventEmitterの使い方
はじめにNode.jsではファイルの読み込みやHTTPリクエストなど、非同期で行われる処理があります。この非同期処理の終了を検知する方法の一つとして、EventEmitterが用意されています。このEventEmitterについてまとめます。環境Node.js...
View ArticleClik here to view.
nodeのexpressをtsで作って無料でazureに公開したメモ
概要Azure で Node.js Web アプリを作成するを試してみたメモ。ついでにTypescriptでトランスパイルするところまで。nodeアプリの作成expressで文字列を返すだけのアプリを作成するnpm run startで開始して、http://localhost:3000/api/helloで文字列がかえることを確認。ソースAzureに公開VS Code...
View ArticleClik here to view.
【Nuxt.js】Vue CLIによりアプリケーション雛形を作るまで
言語化するために記事に起こしました。汎用性の高いスターターテンプレートで雛形を作成するまでを簡潔に記します。事前準備①Node.jsの導入②Yarnの導入③direnvの導入①、②共にNuxt.jsで開発する上で必須となるので導入する（ここではこれらの導入方法については省略します)。③はターミナルのcurrentディレクトリで環境変数を自動で設定してくれるツール。環境変数の設定忘れを防止するため導入...
View ArticleClik here to view.
Clik here to view.
nodeJSとGoogleSpreadSheet(スプレッドシート)を連携する方法
nodeJSとスプレッドシートを連携して、スプレッドシート上の値を取得するところまでを解説します。順序①. auth情報を取得する②. スプレッドシート側で権限を確認する③. nodeJSのコードを書いて実行するの３本立てで説明しました。①. auth情報を取得するGoogle Cloud Platform(Google...
View ArticleexpressでOpenAPI仕様のAPIを実装するときのTips
要点express-openapiを使おう (openapi-generatorではなく)security handlerの実装には、シンプルにOpenAPIのinitializeメソッドに引数securityHandlersを渡すのが良い。(openapi-security-handlerは、必要ない)express-openapiを使おう...
View ArticleSIerエンジニアからWeb系フロントエンドエンジニアに転身するために今やっていること
こんにちは！SIerでJavaプログラマをしているゆうきデザイン（@yuki_design_gr）と言います。Qiita初投稿として、自己紹介も兼ねて"SIerエンジニアからWeb系フロントエンドエンジニアに転身するために今やっていること"というテーマで書いてみようと思います。同じような境遇にいる人の道しるべの1つになりますように！目次1. 自己紹介2. なぜWeb系を目指すのか3....
View ArticleClik here to view.
Twitterのリスト内ツイートを取得する際の`slug`の確認方法
TwitterのリストをAPIで使用する際、例えばninomiytアカウントのsampleリストを取得する際、以前は素直に以下のようなコードを書けば取得できました。node.jsのtwitterライブラリで書いていますが、他の言語でも概ね似たコードになると思います。constresponse=awaitclient.get("lists/statuses",{"owner_screen_name":...
View Articleフロントエンドやるなら入れておくべきESlintってなに？
プログラミング勉強日記2020年11月28日昨日の記事でPrettierについて扱ったが、Prettierと合わせて使用することのできるESlintについて紹介する。ESlintとは...
View Article