daikiojm’s diary

ブログを書くときがやってきたどん!

TypeScript

Nuxt.jsでEmojiをfaviconに設定する

適当なサイトを作るとき、サイト自体のレイアウトやインタラクションはコンポーネントライブラリやCSSフレームワークがあって開発者一人でも割と迷いなく作業を進められたりする。 最近自分はVueを触ることが多いので、前者だと vuetify、後者だと、tailwind…

Nuxt.jsでvuejs-datepickerを使うとdocument is not definedが発生する問題

前提として Nuxt.js 以下は、Nnux.jsの公式から引用 Nuxtは、モダンな web アプリケーションを作成する Vue.js に基づいたプログレッシブフレームワークです。Vue.js 公式ライブラリ(vue、vue-router や vuex)および強力な開発ツール(webpack、Babel や P…

Slack Appの認証にAPI GatewayのCustom Authorizerを使おうと思ったら使えなかった話

Serverless Frameworkを使うと、API Gateway + Lambdaを使ってCustom Authorizerを簡単に実装することができる。 Slack のSlash Commandsの認証にこれを使おうと思ったけど使えなかった話と、Custom Authorizerを使わないで実装した話。 Slack Appの認証につ…

Nest.jsでgRPCサービスのハンドリング

Nest.jsでは microservices パッケージの1機能として、gRPCによる通信をサポートしている。 Nest.jsでgRPCのサーバ実装をされてる方がいて、この記事がすごく参考になった。 https://qiita.com/jnst/items/27b6a0cd3813b34f98e4 microservices パッケージに…

TypeScriptでgRPCのstreaming RPCを使ったチャットのサンプル

はじめに Node.jsのgRPCサンプルコードを解説されている方がいたのですが、この記事で触れられているのはUnaryなリクエストのみで、Streem通信に関しては触れられていなかったのでChartを例に試してみた。 tomokazu-kozuma.com Node.jsは現時点(2018/12/23)…

bitbankのCandlestick APIを使ってAngularでチャートを描画する

多くの仮想通貨取引所では、APIトレーダー向けに取引のための注文APIや価格情報を取得するためのAPIが公開されている。 今回は、bitbankのpublic APIのうちcandlestickを使ってAngularと ngx-chartsを使ってチャートを描画してみたので、ポイントとサンプル…

AngularCLIで単一ファイルコンポーネント

AngluarCLIでComponentを作成する際にVue.jsの単一ファイルコンポーネントっぽく、1Component1ファイルとする方法を紹介します。 やってみる コマンド実行時のオプションで指定 コンポーネント作成(デフォルト) $ ng g c <コンポーネント名> コンポーネント…

ServerlessのTypeScript公式テンプレートを使ってみる

Serverlessをしばらく触ってこなかったので、気づかなかったのですが、v1.21.0からsls createの際に指定する公式テンプレートにaws-nodejs-typescriptと言うものが追加されたようです。(結構前ですね...) 以前から、プラグインとして、serverless-webpackと…

Angularでテキストファイルを読み込む

Angularでブラウザから読み込んだローカルのテキストファイルを表示する方法です。 HTML5のFile APIの基本的な使い方が分かれば簡単な内容ですが、メモ程度に残しておきます。 早速、実装していきたいと思います。 以下で紹介する内容は、angluar-cliでng ne…