TypeScript入門 Tips
環境npm list -g typescript /Users/yuta/.nodebrew/node/v10.17.0/lib └── typescript@3.8.3 tsc --version Version 3.8.3 怒られたコードfunction waite(duration: number) { return new Promise(resolve => {...
View Articlenodeの実行バージョンをプロジェクトごとに自動切換え
背景nodeを使用した開発においてプロジェクトごとにnodeのバージョンを分けなければいけないことがある。こういった状況において人が管理するとあっさり記憶をなくして管理にあれこれ無駄の時間を浪費してしまう。本問題を解決するために表題の解決策を実施する。なお、本文章は文末にある参考ページを参照したうえで一つの文書としてまとめたものである。参考ページそれぞれの文章も非常によくまとまっているため閲覧すると...
View ArticleClik here to view.
既存サイトのPWA化とPush通知基盤を作る（2） - Firebase Cloud Messaging(FCM) + Cloud Functions +...
概要前回の記事からの続きで、この記事では以下について書きます。プッシュ通知を受信できるようにするプッシュ通知の配信基盤をFirebaseで構築するFirebaseでプロジェクトを作るFCMを利用するためにFirebaseでプロジェクトを作成します。以下の画面からプロジェクトを追加します。...
View ArticleClik here to view.
2020年から始めるAzure Cosmos DB - Node.js で CRUD アプリを作る
この記事について本記事は、2020年3月6日 (米国時間) にて、Azure Cosmos DB に新しく Free Tier (無償利用枠) が登場したことに伴い、改めて Azure Cosmos DB を色々と触っていく試みの 2 回目です。今回は、Microsoft Docsのチュートリアルを参考に、Express.js を使って、Azure Cosmos DB に CRUD を行う 簡易な...
View ArticleSessionを改めて勉強する
Sessionを利用するときはライブラリを使ってばかりで、中身をきちんと理解していなかったのでプレーンなNode.js/TypeScriptを使って勉強してみます。コードじゃあ早速Node.jsでコードを書いていきます。import{IncomingMessage,ServerResponse}from'http';consthttp=require('http')constsession=newM...
View ArticleSequelize(PostgreSQL)で月次の集計を行う
例えば、特定の会社に所属するアカウントの新規作成数を月次で集計したい場合（そんな状況があるのかどうかはさておき）想定結果monthcnt2020-0310PostgreSQLSELECTTO_CHAR(created_date,'YYYY-mm')ASmonth,COUNT(user_id)AScreated_cntFROMusersWHEREcompany_id=1GROUPBYmonthSequ...
View ArticleClik here to view.
3分で分かる。MERNスタックを簡単に説明してみる
MERNスタックの仕組みと、参考になるチュートリアルを提供する記事です。本当に重要な部分のみを扱いました。MERNスタックとはMongoDB, Express, React.js,...
View Articleexpress-generatorでアプリを作成したらする事
モジュール読み込むモジュールexpress-sessionexpress-validatormysqlknexbookshelfインストール方法npm install--saveモジュール...
View ArticleVue.jsプロジェクトのセットアップ
Vue.jsのプロジェクトを最初から作る手順を紹介します。前提条件npm、yarnがインストール済みであること@vue/cliのインストールグローバルに@vue/cliをインストールしてvueコマンドを使用できるようにします。$ npm install-g @vue/cli vueプロジェクトの作成$ vue create project-name ? Please pick a preset:...
View ArticleNode.jsの非同期処理をPromiseから理解しようとしてみた
はじめに今回は、Node.jsの非同期処理について、自分の備忘録も兼ねて記事を作成しました。私はJavaScriptの言語仕様なんかをあまり知らない状態でNode.jsを触ったせいで、非同期処理に関する部分ではまり、多くの時間を無駄にしてしまいました。かなり初歩的な内容かもしれませんが、勉強した内容をまとめます。同期処理とは？上から順番にプログラムが実行されていくことです。「上から順番に」という言葉...
View Articlenpmパッケージ公開の手順
プログラミング歴半年の素人が書いています。間違いのないようご自身でも良く調べた上でお願いいたします。以下の記事を参考にさせていただきました。https://qiita.com/TsutomuNakamura/items/f943e0490d509f128ae2npmにサインアップまずはnpmの公式サイトから、会員登録しましょう。https://www.npmjs.com/npm...
View Articlelamda, api gateway使って、クライアントに値を返すなど
主に自分用メモ。client->api gateway->youtube apiとかやりたい。参考: Amazon API Gateway とは?まずlamda, api gaytewayを触ってみる下記を見ればだいたいわかる。ゼロから作りながら覚えるAPI...
View ArticleClik here to view.
COTOHA APIだけでおじさんになろう
はじめに読みやすさ重視のため、本文におじさん構文は登場しません。期待された方には深くお詫び申し上げます。また、デモサイトやバックエンドに関することは後日別記事にしようと思います。前提知識 =>...
View ArticleClik here to view.
伝家のトレジャーソード（COTOHA APIでつくるルー語 LINE Bot）
やりたいこと・経緯入力した日本語文の一部をカタカナ表記の英語に変換（＝ルー語を生成）し返すLINE Botをつくってみるルー語とは：日本語文の一部を単語単位でカタカナ表記の英語に置き換えたルー大柴さんの（流行ったのは十年以上前の）ネタたとえば「言わぬがフラワー」「塵も積もればマウンテン」など実はすでにルー語変換というウェブサイトがあり、そのサイトの開発経緯には「文章を形態素解析 → 単語を英訳 →...
View ArticleClik here to view.
Node.js (TypeScript) におけるキャッシュの実装方法とその戦略
現代の Web アプリケーションにおいて、キャッシュはもはや不可欠と言っていいくらい需要な技術でしょう。アプリケーションの負荷を軽減し、ユーザーへのレスポンスを高めます。本記事では Node.js (Typescript) を使用したバックエンド API...
View ArticleClik here to view.
Node.js、VSCode、WSLときどきPowerShell
Node.js、VSCode、WSLときどきPowerShellWindowsでNode.js（Angular)を使ったフロントエンドの開発環境を整えるにあたってハマったところを残しておきます開発環境OS: Windows 10 Homeエディター: VSCodeコンソール:...
View ArticleCloud9のNode.jsのバージョンを上げる
はじめにCloud9で使用しているデフォルトのOSであるAmazon Linuxでは、Node.jsのバージョンがv10.19.0のため、2020/03/16時点で最新のv12.16.1にバージョンアップする。前提条件AWSにサインアップしていることCloud9のプロジェクトを作成していること 本手順ではAmazon Linuxを使用しているcat /etc/system-release...
View Articleanyenv 経由の nodenv 経由で Node.js をインストールする
背景Node.jsをインストールする方法がたくさんあって迷う問題。公式のインストーラを使う場合homebrew経由でインストールする場合nvm経由でインストールする場合nodebrew経由でインストールする場合ndenv経由でインストールする場合nodenv経由でインストールする場合anyenv経由でインストールする場合 (当記事)いや多すぎんだろ！！😱公式のインストーラ &...
View ArticleClik here to view.
管理者権限のないWindowsでvue開発（サンプル付き）
コロナ禍で、在宅で、与えられたリモート環境には管理者権限がなくて、でも開発はやらないと。。なんて状態でもvue開発するための環境構築手順ですついでに vue の動作確認サンプルも載せときます手順１．node環境の構築２．vue-cli のインストール３．vue プロジェクトの作成４．vue 動作確認用サンプル１．node環境の構築公式サイトから...
View Article