とりあえずMacでVueの環境を整えてみた
スタンドアロン版のVue.js devtoolsをmacに入れていくメモ。なおNode.JSのインストールまではMacにNode.jsをインストールを参考にさせていただいています。必要なこと1.Homebrewのインストール(済) 2.nodebrewのインストール 3.Node.jsのインストール 4.Vue.js...
View Articleよく知られたNode.js フレームワークの特徴、インストール方法、ハロー・ワールドまで
StatusCode.NOT_FOUND(404)の処理など、ゼロからコーディングするよりフレームワークを使用するのが普通と思いますが、Express.js以外にも、Node.jsには様々なものが存在します。GitHub上でスターが多いフレームワークについて、特徴、インストール、Hello, worldを出すところまでをまとめてみました(Hello,...
View Articleexpressのmiddleware使ってみた!
前書きexpressを使うとき何となくmiddlewareを使っていたので、middlewareについて調べていました。※自分用の備忘録として記事を作成していますmiddleareとexpressの関係性前提としてexpressでは基本的に一連のmiddlware関数呼び出す。(個人的にはここが肝)⇒...
View Articleオンラインオセロを作ってHerokuにデプロイしてみた
環境バックエンド:Node.js(Express)ソケット通信:socket.ioフロントエンド:javascriptデータベース: Redis描画:HTML5 Canvasデプロイ環境:...
View ArticleYet Another な Apple Silicon (M1) + Homebrew のベストプラクティス
ベストプラクティス多すぎ?参考にさせていただきました。Apple Silicon (ARM, M1) のmacOSにaarch64とx86_64のhomebrewを共存させる (Qiita)M1チップのMacBookにおけるHomebrewの私的ベストプラクティス (Zenn)Apple SiliconにおけるHomebrewのベストプラクティス (Qiita)みんなの M1 Mac における...
View ArticleExpress Tour #1 Express
Expressの公式チュートリアルに沿ってexpressを体験してみる。 Node.jsはインストール済の状態で臨みましょう。Installingアプリケーション用のディレクトリを作成しましょう。$ mkdir myapp $ cd myapp 次にnpm...
View Article【Robocode】楽しくお勉強できるJavaScriptの戦車ゲームをWindows環境で動作させる。
Robocodeとは『Robocode』は、オープンソースの教育ゲームである。JavaやVer1.7.2以降の.NET Frameworkの熟達に役立つ。 単純なロボットはわずか数分で作成できるが、本格的に完成させる場合は数ヶ月かかることがある。 出典:https://ja.wikipedia.org/wiki/Robocode学生時代...
View Article[Node.js] macで環境構築をしよう
環境macOS Catalina バージョン 10.15.7nodebrewをインストール$ curl -L git.io/nodebrew | perl - setup 上記のコマンドを実行するとターミナル上に以下のように表示されます。======================================== Export a path to nodebrew: export...
View Articlepuppeteerでドットインストールの総学習時間を取得する
オンライン学習サイトのドットインストールには学習時間を確認できる機能がある。……がこの時間がどうも正しくない。実際の学習時間よりだいぶ少ない。おそらく回線が不安定な環境で動画を視聴しても視聴時間に加算されない。→...
View Articlenode.js + express + nodemailer
node.jsでmail機能を実装するには…node.jsでmail機能を実装するにあたってnpmのnodemailerというパッケージを使っていきます!$ mkdir myapp $ cd myapp $ npm init ルートフォルダーにcontact.jsファイルを作って下記の記述をしますcontact.js"use...
View ArticleElectronアプリでKeycloakと連携(1. keycloakの設定編)
背景以前、Nuxt.jsでKeycloakと連携したログイン機能を実装してみた。https://qiita.com/yusuke-ka/items/1beef8d9e0bbeb052e5a今度はelectronアプリでKeycloakと連携したログイン機能を実装してみようと思う。その準備として、今回は、まずkeycloakの設定をやってみる。keycloakのインストール等は以下で実施したので、これ...
View ArticleElectronアプリでKeycloakと連携(2. Electronアプリの作成編)
背景前回、keycloakの設定まで実施した。今回は認証機能を導入するElectronアプリを実装してみる。https://qiita.com/yusuke-ka/items/69d4146f344a95aa4662Auth0のブログで公開されているやり方が安全そうな気がするので、ここを参考にしてやってみようと思う。https://auth0.com/blog/securing-electron-a...
View ArticleElectronアプリでKeycloakと連携(3. ログイン機能導入編)
背景今回は、前回作成したelectronのアプリに認証機能を追加してみる。https://qiita.com/yusuke-ka/items/a4767c511f03b6083afc今回も前回に引き続きAuth0のブログを参考にしてみる。https://auth0.com/blog/securing-electron-applications-with-openid-connect-and-oaut...
View ArticleNode.jsを勉強する① - 開発環境構築
はじめにずっと勉強したいと思っていたNode.js Udemyの講座で勉強してみました。備忘録として学んだことを自分なりにまとめて記しておきます。なお、今回は英語の講座でしたが、英語も勉強できて一石二鳥ですね。今回は開発環境構築を記事にします。教材Udemy The Complete Node.js Developer Course (3rd...
View ArticleNode.jsを勉強する② - テキストファイルの作成方法
はじめに前回は、Node.jsの環境構築についてまとめました。今回はテキストファイルの作成方法を記事にします。教材Udemy The Complete Node.js Developer Course (3rd...
View ArticleNode.jsのプロファイリングを試してみる
PM2のプロファイリング周りの調査結果とNode.jsでプロファイリングを行ってみた結果です。(PM2のinstancesの値の変更時の確認方法 - Qiitaの続き)PM2 PricingについてPM2PM2PM2 PlusPM2 Entepriseゼロダウンタイムリロード✅✅✅ターミナルベースのモニタリング(pm2 monit)✅✅✅............CPUプロファイリング✅PM2 -...
View Articlejavascriptによる並列処理
概要普段javascriptを書いているとよく使う非同期処理(Promise)だが、言語仕様上(シングルスレッドのため)非同期処理は処理の順番を変えているだけで厳密には同期処理のようだった。ざっくり図同期処理 実行→結果→実行→結果... 非同期処理 実行→実行→結果→結果... 並列処理 実行→結果... 実行→結果......
View Article【Robocode】JavaScriptを勉強しながら戦車ゲームを攻略していく その1
はじめに前回記事で構築したRobocodeを遊びながら攻略していきます。https://qiita.com/abemaki/items/54712e50e4a4a25c229bゲームを起動すると以下のような画面が出てきます。初期段階でもステージ0であれば、五分五分の戦いなので今回は軽く触りながら、ステージ0での勝率を高めていきたいと思います。...
View Article[Node.js] 新規アプリケーションの製作方法
環境構築をするnodebrewをインストールするNode.jsをインストールする詳しくは以下でまとめています。https://qiita.com/momo1010/items/dab9c70bfe84a78f23e2好きな場所にアプリケーション用のディレクトリを作成するアプリケーション用のディレクトリの作成と移動のコマンドを実行します。$ mkdir sample $ cd sample...
View Article