Clik here to view.
簡単レシート印刷 receiptline で罫線を引いてみた
日本発のオープンソース receiptline でレシート印刷に少しずつトライしています。まだレシートプリンターがないので、前回利用した開発ツールを引き続き使います。今回はテーブルの境界と罫線です。列の間隔前回の例です。右揃えの 380と左揃えの 先の間をよく見てください。文字がくっつかずに 1 文字分空いていますね。ReceiptLine|冷奴 | 380|先 | |竜田揚げ | 480| |...
View ArticleNode.jsでコマンドラインツールを作る時にオプション引数をいい感じに扱いたい
結論command-line-argsと command-line-usageを使うといい感じになるオプション引数の説明を表示するsrc/index.jsconstcommandLineUsage=require("command-line-usage");constusage=commandLineUsage([{header:"command line...
View ArticleNode.js + Express + TypeScript でREST APIを作成してみよう
Node.js, Express, Typescript でREST APIを作成する手順をまとめます。自分が好きな情報を詰め込んでいるので、必要ない物は省いてカスタマイズしてください。準備Node.jsとnpmがインストール済みであることを node -v, npm -vのコマンドを実行して確認します。開発を行うディレクトリで npm initを実行して package.json...
View Article【JavaScript, Node.js】axiosでGETする際、レスポンスデータが文字化けしていた場合の対応方法
＊個人的なメモです。 axiosでGETする際、レスポンスデータが文字化けしていた Line-MessageApiにて、コンテンツを取得するAPIを叩いた時のお話。get-contentGET https://api-data.line.me/v2/bot/message/{messageId}/content...
View Articlenの導入方法（nodeのバージョンをnで管理する）
$ sw_vers ProductName: Mac OS X ProductVersion: 10.14.6 BuildVersion: 18G2022 前提環境はmac前提です。結論export PATH=$HOME/.nodebrew/current/bin:$PATHをコメントアウトexport PATH=$HOME/bin:$PATHを追記ターミナルを再起動vim...
View Articlejest初心者がつまづいたところまとめ
初めてjest(というかテストコード)を触る人に向けた、導入と考え方を、初心者なりにまとめます。コツを抑えられればサクサクテスト記述できるのですが、それを掴むまで結構苦労したので、その知見を紹介できれば、と思います。対象のソースコードはNode.jsとVue.jsです。はしがき最近、結婚披露宴を行い、そこでスライドショーアプリを自作しました。詳細はこちら。このアプリはNode.jsとVue.jsで作...
View Article【Gatsby.js】「ここだけ押さえれば普通に使える」って知識をまとめてみた
Gatsby.jsでシンプルな静的サイトを作る際に必要な知識だけをまとめました。CMSとの連携等については今回は扱いません。Gatsby.jsとはReact製の静的サイトジェネレーターです。webサイトを作る時に使います。Gatsby.jsのメリット従来通りHTML/CSS(+Gulp,...
View ArticleClik here to view.
MongoDB AtlasとMongoDB Compassを使ってデータベースに接続したアプリをHerokuにデプロイ
MongoDB Atlasを用いて、ローカルホスト以外からMongoDBに接続できるようにするMongoDB Atlas:MongoDB公式が提供している、MongoDBのホスティングサービス。( https://www.mongodb.com/cloud/atlas )・MongoDB Atlasにアカウントを作成する（googleアカウントでsign...
View Articlefirebase の onAuthStateChanged 同期処理
概要firebaseのonAuthStateChangedが非同期処理だったのでpromiseで同期処理にしたコードfunction auth() { return new Promise(resolve => { firebase.auth().onAuthStateChanged(user => { console.log('1') // userを使用した処理とかかく...
View ArticleMoment.js の代わりとしての date-fns とは
https://qiita.com/geeknees/items/42728ea62b4a099af462こちらの記事で Moment.js と 代替としての Day.js または標準ライブラリの Date オブジェクトの比較を行ったのですが、date-fns というのを教えてもらったので、こちらについて今回比較したいと思います。date-fns とはREADMEによると…date-fns...
View ArticleClik here to view.
簡単レシート印刷 receiptline でロゴ画像を作ってみた
日本発のオープンソース receiptline でレシート印刷に少しずつトライしています。マイナーでニッチな内容にもかかわらず 6 回目にして初 LGTM 初リンク。ありがとうございます！手元のメモによると、このシリーズはあと 6...
View ArticleClik here to view.
ユーザーのセッション情報をスケーラブルに保つ 2 つの方法
セッション管理について誤った認識を持っていたり、サーバのスケーラビリティを考慮しないままアプリケーションの開発を進めてはいけません。開発の終盤でサーバの負荷分散ができない、なんということになりかねません。本記事では、Web 初心者向けにセッション管理の主要な２種類の方法について説明します。具体的な実装例として、Web サーバに express を使用しますが、基本的な考え方はどの言語、どの Web...
View Article学びの積み重ねを続けよう
日々の学びを3つずつ積み重ねていきます。詳細については時間のある時に書いていこうと思います。目的はアウトプットを続けること。JavaScript編7月20日!! 二重否定は文字列 String から 真偽値を取得したい時に使われる。返り値として、trueまたはfalseが欲しい時に使いましょう。vuex/index.jsexport const getters = { isAuthenticated...
View ArticleClik here to view.
簡単レシート印刷 receiptline でバーコードと QR コードを作ってみた
日本発のオープンソース receiptline でレシート印刷に少しずつトライしています。ネットオークションやフリマアプリでレシートプリンターを探していましたが・・・とうとう何台か落札することができました！まだ手元にないので、前回利用した開発ツールを引き続き使います。今回はバーコードと QR...
View ArticleClik here to view.
「LINE Messaging API + Googleスプレッドシート + 猫画像API」による１問１答ではないチャットボットを作りました
通常のチャットボットは１問１答式ですが、データベースと連携することで１問１答式以外の可能性が広がると思い、試しにこんなものを作りました。私が若かりし頃（３０年前くらい）のコンパとかの宴会芸のネタの１つですww作ったものLINEチャットボット「心を読む猫ボット」ちなみに、iPhoneXへのはめ込み画像はこちらで作りました。https://mockuphone.com/何をするチャットボットなの？数回の...
View ArticleNode でお手軽スクレイピング 2020 年夏
皆さんは Web ページのスクレイピングって書いた事ありますか？私はあります。だってどんなに平和で平穏な生活を送っていても数年に一度はスクレイピングってしたくなりますよね。「うわーまじか！API ないのかよ…。」的な。そうしたら HTTP クライアントと HTML...
View ArticleClik here to view.
CodeceptJS (+ Puppeteer) を触ってみた
きっかけ今までSelenium WebDriverでE2Eテストを書いてきました。が、開発チームから「もっと楽に書こうよ」という話が出て調べてみたところ、CodeceptJSが良さそうなので触ってみた話。 CodeceptJS +...
View ArticleClik here to view.
VSCodeのRemote-ContainerでReact(Node.js+TypeScript)環境をサクッと構築する。
環境構築はDockerで作りたい。Dockerに慣れてくると何でもDockerを使いたくなりませか？僕はそんな人間の一人で、パソコンを買い換えてDockerを本格的に使い始めてから、手元の環境が汚れるのが嫌で環境構築は全てDockerを使っています。潔癖症かな?今回は、VSCodeでDockerを使い倒すための神拡張機能のRemote-Containersを使って、JavaScriptのライブラリの...
View Articlenodebrew使ってColorfulbox(レンタルサーバー)にNode.jsをインストールする
参考記事https://qiita.com/yni17196791/items/f49b3e2f683cd06b3120やってみる$ wget git.io/nodebrew $ perl nodebrew setup $ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bashrc $ source...
View Article