HTML5/CSS3のみのコーダーがMEAN環境でゲームを作るまでの話（序）
自己紹介こんにちは！ちゃばこと、くぅじやすまさです。このエントリは技術エントリではないのでタグはつけてないんですけどQittaって開発日記みたいなのも投稿していいんですか。プログラミングはクソ稚魚なんですけど…Qittaに登録した理由はエントリタイトルの通りです。自分は2006年ごろからHTMLとCSSに触れて、それからメモ帳でコードをベタ書きしながらサイトを作ってきた化石です（WordPressに...
View ArticleClik here to view.
急性中耳炎診断支援LINE Botを改良しHerokuにデプロイ
概要プログラムの勉強を始めて4か月ほどの開業医です。以前、忙しい臨床現場でも診療ガイドラインに沿った治療を簡単に行えるようにするため、医療者向けに急性中耳炎の重症度と推奨治療が簡単に分かるLINE Botを作成しました。以前のものは初診の患者さんに対して重症度判定と推奨治療の提示を行うものだったのですが、今回は再診時の推奨治療を提示する機能を追加しました。さらに、LINE...
View Article[awscli] nodejs8.10を使用しているlambdaを洗い出すワンライナー
モチベーションAWS Lambda: Node.js 8.10 is EOL, please migrate your functions to a newer runtime...
View ArticleNode（Express）でJWT
はじめにユーザー認証を実装したい。スマホアプリ向けのAPI作っているときにユーザー認証が必要となり、JWTが良さそうだったので採用した。以下、注意点本記事の目的はあくまでJWTの導入なので、脆弱性については触れていない。入門者にわかりやすくするため、有識者には誤解される表現を使っている可能性がある。JWTとは「Json Web...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Swaggerファイルを自動生成する
はじめにSwagger形式のOASを自動生成してくれるパッケージは無いか探していたところ、、、TSOAという良さげなやつを見つけたので試してみました！本記事で紹介する技術は以下になります。TSOANode.jsTypeScriptexpressswagger作業環境OS: Windows 10 Pro Node: 12.1.0 npm: 6.9.0...
View Article--max_old_space_sizeか--max-old-space-sizeか--max_old-space_size
ググると両方でてくる。ハイフン、アンダースコア。どっちが正しいのかTL;DR;全部OK、混ぜてもOKnode --max_old_space_size ./server.js # アンダースコアOK node --max-old-space-size ./server.js # ハイフンOK node --max-old-space-size ./server.js #...
View ArticleNext.jsでenvファイルを使用する
背景Next.jsでfirebaseを使ったユーザー認証を作成したときにenvファイル使ったのでそのメモです。実施dotenv-webpackパッケージを使用します。yarn add dotenv-webpack .envにはfirebaseのapiKeyとmessagingSenderIdを記述しました。.envREACT_APP_FIREBASE_APIKEY=""...
View ArticleClik here to view.
Node.js + ApolloServer + mongodb(mongoose)でリアルタイムなGraphQLサーバを構築する。
どうも。オンプレのインフラ企業からWeb系企業に転職し、4ヶ月のハヤシです。最近は業務でgraphqlに触る機会があり、おもしろいと思ったので簡単なgraphqlサーバを構築します。あまり詳しいことは書かず、とりあえず動く！を目標に書くので、よろしくお願いします。GraphQLについてGraphQL（グラフQL）は、APIのために作られた、データクエリとデータ操作のための言語と、保存されたデータに対...
View ArticleClik here to view.
本当の初心者のためのNode.js超入門 ~Webサーバー構築編~
はじめに タイトルにある通り、「本当にNode.js初心者です。」という方向けに書いているこのシリーズですが、前回の記事ではNode.jsの環境構築を行いました。...
View ArticleClik here to view.
Submarine.jsを使ってみよう
この記事は「メールマガジンOSPN Press」へ寄稿した記事です転載許可いただいているので、Qiitaでも投稿失礼しますSubmarine.js誕生までの物語こんなジレンマに陥ったことはありませんか?このPlaybookを実行しても、このroleはスキップされるはず Ansibleは冪等性を保証しているから、1度サーバに適用したroleはスキップされるはずなんだ……...
View ArticleClik here to view.
Node.js: CLIでユーザの入力をインタラクティブに読み取る3行ぽっきりの実装
Node.jsでCLIアプリケーションを作る際に、インタラクティブなプロンプトを出して、ユーザのテキスト入力を受け取る実装を紹介する。この実装は3行で済み、外部ライブラリを必要としない。デモこんな感じで、ターミナルにタイプした文字をNode.jsで受け取るものを実装する。実装上でのデモの完全な実装は次のコードになる:functionreadText(){process.stdin.resume()r...
View ArticleClik here to view.
Firebaseのユーザーにメールを配信する仕組み
実装するもの今回は、Firebaseに登録してくれたUserにメール（登録認証メールではありません）を送る実装をしていきたいと思います。仕組みは以下の画像に記載しております。①CloudFunctionsからFirestoreの情報を取得してレスポンスするAPIを作成②GASでAPIを叩き、スプレッドシートに記入③スプレッドシートからユーザー情報を取得し、GASからメールを送信する。※CloudFu...
View Articlehomebrewとかyarnとかnodeとかnodenvとかgulpとかの開発環境の諸々のためのインストール。
【簡単】MacにHomebrewをインストールする方法と基本的な使い方というわけでまずはこれ。Homebrew macOS用パッケージマネージャー/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"...
View ArticleClik here to view.
【Nuxt.js】srcDirで作業ディレクトリを整理をしつつアプリを起動させてみた※初期設定推奨
Nuxt.jsの作業ディレクトリを整理する理由Nuxt.jsで開発していると、ルート直下にフォルダとファイルが混在しまくってめっちゃカオス化します。また、がっつり作業するようなコアファイル・フォルダ関係なく混在するので、脳内のメモリがどんどん食われていくんですよね…開発が進めば進むほどディレクトリ構成がややこしくなるし、「後で変えよう!!」と言った場合にディレクトリ構成を変えるのも面倒です。それに、...
View ArticleClik here to view.
Slack API 新機能を使ってアプリのホーム・ヴューを活用しよう🏡
先日おこなわれた TinySpec Osaka & Tokyoでお約束した通り、日本語の App Home チュートリアルを書きました😽今回新しくリリースされた機能、App Homeは、ユーザと Slack を１対１で繋ぐことができるスペースで、さらにユーザに直感的にアプリを使ってもらうために加えられた機能なのです。App Home には３つのタブがあり、アプリについての情報をみるための...
View Article【Mac】Node.jsインストール by Homebrew
環境MacOS High Sierra 10.13.3手順Homebrewインストール・インストール$ /usr/bin/ruby -e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"※エラーになる場合は以下を実行してから行うと良い。$sudo...
View ArticleClik here to view.
WebstormのFileWatcher時に出る「env: node: No such file or directory」エラー
概要JetBrains製品であるWebStormに内蔵されている「File Watcheres」という機能を使っているときに遭遇したエラーの解消方法おそらくPhpStormなど他の製品でも同様の事象になる可能性がある対象読者表題のエラーに遭遇した人JetBrain製品使いエラー事象概要にも記載している通り、WebStormに内蔵されている「File...
View Article