Clik here to view.
ローカルでデバッグ＆テスト可能なLINEチャットボット開発環境（Node.js Express LINESimulator ）を作成する
ローカルでデバッグ＆テスト可能なLINEチャットボット開発環境（Node.js Express LINESimulator ）を作成する...
View ArticleNestJS アプリケーションをプロダクションレディにする
この記事は NestJS アドベントカレンダー 6 日目の記事です。はじめにサンプルコードのリポジトリは以下になります。https://github.com/nestjs-jp/advent-calendar-2019/tree/master/day6-prepare-for-production-usageなお、環境は執筆時点での Node.js の LTS である v12.13.1...
View ArticleClik here to view.
IBM Cloud App ID Node.js Webクイックスタート
はじめにIBM Cloud App IDは、ユーザー認証を手軽に組み込めるサービスです。 AWSでいうとCognitoに相当するサービスです。今回は、IBM Cloudのドキュメントで公開されているNode.js...
View ArticleClik here to view.
前々回の記事で作成したオウム返しチャットボットにQ&Aエンジンを実装する
前々回の記事で作成したオウム返しチャットボットにQ&Aエンジンを実装する ※本記事は最終的にQ&Aチャットボットを構築するための一部分となります。本編はこちらQ&Aナレッジを格納するベースファイルを作成しますテストの為に気象庁のQ&Aを元にQ&Aエクセルを作成します...
View ArticleNode.jsでTwitterを自動化する
https://adventar.org/calendars/4650 OUCC(大阪大学コンピュータクラブ)のアドベントカレンダー12日目です。Node.jsのtwitterモジュールでtwitterAPIを叩きました。モジュールの更新が2017年で止まっており、一部機能が使えなくなっています。先駆者の皆さんの記事のコードが動かないこともありました。ツイートするtwitter...
View ArticleNode.js + Express で ES6を使う
確認環境node v10.17.0アプリケーションテンプレートの作成ここではplay_expressというアプリを作る前提で進めていきます。※npxコマンドの使用には、npm 5.2.0以降がインストールされている必要があります。npx express-generator play_express 次に依存関係をインストールします。cd play_express npm i...
View Article[Memo]DockerでDjango+Nuxt.jsの開発環境構築
はじめに2つのDockerコンテナで構成される、Webアプリ(バックエンドにdjango、フロントエンドにNuxt.js)の開発環境をdocker-composeで構築した際のメモ書きです。手元の環境macOS Catalina v10.15.1Docker version 18.09.2, build 6247962docker-compose version 1.23.2, build...
View ArticleNode.js + Express で ES6を使う
確認環境node v10.17.0アプリケーションテンプレートの作成ここではplay_expressというアプリを作る前提で進めていきます。※npxコマンドの使用には、npm 5.2.0以降がインストールされている必要があります。npx express-generator play_express 次に依存関係をインストールします。cd play_express npm i...
View ArticleClik here to view.
スクレイピング &サーバレスAPIでNode.jsの雰囲気を体験してみる
みなさん、今年ももう終わりです。1年早いですね。今回はチュートリアル形式でNode.jsとサーバレスを体験していただきたいなと思っています。初心者の方にもとっつきやすく、目に見えるフィードバックがあるのでモチベーションも続きやすいと思います。対象の読者面倒なので5分で試したい...
View ArticleClik here to view.
[Electron / TypeScript] ElectronでTypeScript
次Electronでなにか作る時はTypeScript使おっかなー。本題TypeScriptってのをあんまり触ったこと無いけど型が決められるとかなんとか。参考にしましたhttps://github.com/electron/electron-quick-start-typescriptここを真似してやる。package.jsonつくるNode.js入れておいてね。 npm...
View ArticleNode.jsのasync/awaitとPromiseを超ざっくり_中編
※Node.jsのasync/awaitとPromiseを超ざっくり_前編の続きです。後でまとめるかも。※arrow関数は使わないといったな、あれは嘘だ。目次1. Node.jsの非同期処理について2. 非同期処理の書き方2.1 コールバック（callback）関数2.2 Promise 2.3 asycn/await ←この記事はココから！3....
View ArticleClik here to view.
超初心者がAuth０でログイン機能を実装した
はじめにプログラミングを学び始めてから2か月の初心者です。最近は初心者でも出来る色んな技にチャレンジして体感しながら勉強しています。というわけで、今回はと～っても面倒なログイン機能を「さささ～」という感じで実装できちゃうAuth0を使ってみました。Auth0とは？（超初心者的解釈）Auth0とはWebやスマホアプリに対して認証機能をクラウドを介して提供してくれるサービスのこと。有難いことにLine,...
View ArticleClik here to view.
初学者向けpackage.jsonハンズオン
これは Node.js Advent Calendar 2019の8日目の記事です。昨日は @yuta-ronさんによる スクレイピング &...
View Articleスポーツ解説アプリ SpoLive における分析基盤の構築
本記事は、NTTコミュニケーションズ Advent Calendar 2019 8日目の記事です。昨日は、 @y-iさんの 社内ISUCONで優勝した時にやったことでした。これは何スポーツ解説アプリ SpoLiveにおける分析基盤構築についてのノウハウ共有サーバーレスで、要件に応じて柔軟に分析できる基盤を構築した話SpoLive...
View Articleソフトウェア初心者がtoio.jsで作ってみた 5つの作例紹介
これは「toio™(ロボットトイ | toio（トイオ）) Advent Calendar 2019」の8日目の記事になります。はじめにはじめまして。ヒラノユウヤです。普段はハードウェアエンジニア(電気)として暮らしています。この記事では、ソフトウェア初心者の私がtoio.jsを使って作ってみたtoio作品を紹介したいと思います。ソフトウェアスキルC言語...
View ArticleClik here to view.
VurePress プラグイン開発に挑戦 (ローカル編)
この記事は、 North Detail Advent Calendar 2019の8日目の記事です。前置き昨年に VuePressを知ってから、ちょっとしたドキュメントをまとめたサイトを作るのによく使っています。Markdown...
View ArticleClik here to view.
花粉症の重症度が分かるWEBアプリの作成～Auth0でユーザー認証～
概要プログラムの勉強を始めて5か月ほどの開業医です。今回Auth0を使ったユーザー認証を勉強したので、花粉症の重症度が分かるWEBアプリに実装してみました。花粉症（アレルギー性鼻炎）の重症度はくしゃみ・鼻水・鼻づまりの程度で判定できるので、その診断アルゴリズムをプログラミングしています。実装Googleアカウントを使ったユーザー認証機能。ボタンを選択すると鼻アレルギーの重症度が分かるWEBアプリ。完...
View ArticleHeroku CLIの動きを観察する
HerokuはCLIでもちゃんと利用できます。でも、CLIがうまく動かなかったり、同様の動作を、直接Platform APIを叩いて、プログラムから実行したくなることもありますよね。そんな時は、CLIの動作を眺めてみるといろいろとヒントが得られるかもしれません。この記事はHeroku Advent Calendar...
View ArticleClik here to view.
オリジナルアイコンフォントを作成する
概要Fontello や Font Awesomeなど様々なアイコンを提供しているサイトは多く存在するが、サイトデザインの時に用途にあったアイコンが見つからない場合がよくあります。その場合、イラレなどで作成したデータからアイコンフォントを作成する方法を紹介します。アイコンフォンとは？アイコンフォントとは、簡単にいうと「アイコンを表現出来るWebフォント」です。...
View ArticleArrayの分割2種
chunkLodashとかであるやつです。第1引数の配列を第2引数の数の要素数の配列に分割します。constchunk=(array,n)=>array.reduce((a,c,i)=>i%n==0?[...a,[c]]:[...a.slice(0,-1),[...a[a.length-1],c]],[]);実行結果はこんな感じconstarray=Array.from({length:...
View Article