Corredor

ウェブ、プログラミングの勉強メモ。

npm

Angular CLI で作ったアプリを Heroku にデプロイして動くようにした

Angular CLI で生成したアプリを Heroku にデプロイして動作するようにするには、いくつか設定変更が必要だったので紹介。 環境情報 Angular プロジェクトを作る package.json の devDependencies を dependencies に移動する package.json に engines を記…

Heroku + Node.js アプリの環境変数の管理に heroku-config と dotenv を使う

Heroku 上に Node.js 製のアプリを載せている時、ローカルと Heroku 上とで、どのように環境変数を管理すると良いか調べた。 Heroku の環境変数管理は heroku-config プラグインを使う Node.js コード内で .env ファイルの環境変数を参照するには dotenv パ…

「pg」パッケージを使ってローカルの PostgreSQL や Heroku Postgres に接続する

Heroku Postgres をいじり始め、ローカルにも PostgreSQL 環境を構築したので、Node.js スクリプトから PostgreSQL DB に接続してみようと思う。 今回は、Heroku の公式リファレンスにも紹介されていた pg という npm パッケージを使ってみる。 素振り環境の…

Heroku に登録して Express サーバをデプロイして動かしてみる

Heroku (ヘロク) という PaaS (Platform as a Service) がある。Debian・Ubuntu 系の Linux 仮想環境に、Ruby on Rails や Node.js 製のアプリをデプロイして公開できるサービスだ。DB に PostgreSQL などが使える。無料枠もあり、開発者がお試しで使うには…

「Web 版 VSCode」な StackBlitz が超優秀だった

StackBlitz という Web サービスを発見した。「Web ブラウザ上で動作する VSCode」といったところで、Angular や React などのプロジェクトを作成してその場で動作させられる Playground だ。 The online code editor for web apps. Powered by Visual Studi…

npm publish したら npmjs に README が反映されない

先日、日本語に対応した等幅 Web フォントを格納しようと考えている npm パッケージを公開した時に遭遇し、今も解決していないモノ。 @neos21/japanese-monospaced-fonts - npm ↑ コレがその npmjs リポジトリの URL なのだが、 Unable to find a readme for…

はてなブックマークにノイズが多いのでオレオレはてなブックマーク「Neo's Hatebu」を作った

二度と視界に入れたくない記事。 僕は iPhone の「はてなブックマーク」アプリを見るのが日課なのだが、最近どうにもこうにも、見たくない話題に関する記事がホットエントリを占めるようになっていて、気分が乗らない。BTS とかいう知らない連中がどうしたと…

遅ればせながら Parcel を使ってみた

Webpack のような設定ファイルを一切置かず、ES2015・SCSS などをトランスパイルできる Parcel というツールを使ってみた。 Parcel GitHub - parcel-bundler/parcel: Blazing fast, zero configuration web application bundler Node.js v10.7.0・npm v6.1.…

Bitbucket API を使って複数のリポジトリからファイルをダウンロードしてきて比較してみる

Bitbucket という、GitHub ライクでプライベートリポジトリが持てるホスティングサービスを使っている。 この Bitbucket にも API が用意されていて、今回やりたかったことに使えそうだったので、試しにやってみた。 Bitbucket API リポジトリからファイルを…

【Angular Utilities】カラーコード・RGB 値を相互変換する Colour Converter を作った

Angular Utilities に新たなツールを追加したので紹介。その名も Colour Converter。 https://neos21.github.io/angular-utilities/colour-converter/colour-converter 左の「Colour Code」欄に #f00 とか #0070ff とか入れると、右側の「RGB」欄に RGB 値が…

Sequelize を使って Express サーバから MySQL DB を操作してみる

Express サーバから MySQL DB とのやり取りを行おうと思い、Node.js で使える良い O/R マッパーがないか調べてみたところ、Sequelize というモノがよく使われているようだったので試してみた。 Manual | Sequelize | The node.js ORM for PostgreSQL, MySQL,…

ip:自端末の IP アドレスを調べる npm パッケージ

MacOS なんかだと、「システム環境設定」→「ネットワーク」と進んだ時に、 Wi-Fi は HOGEFUGA に接続していて、IPアドレス 10.200.15.250 が設定されています。 なんて表示されたりして、自端末の IP アドレスが確認できる。 この情報を Node.js スクリプト…

Redmine を API 経由で操作する node-redmine

普段 Redmine を利用しているが、似たようなチケットをまとめて一括作成したり、チケット情報を抽出・整形したりしたい時に、GUI では限界があったので、何か良いやり方がないか調べてみた。 すると、Redmine も API が用意されており、JSON をぶん投げれば …

Gatsby を使って React.js 製ブログを5分で作ってみた

前々から気になっていた React.js 製のサイトを立ち上げるジェネレータ、Gatsby (GatsbyJS) を試してみた。 GatsbyJS 公式サイトの Get Started に沿って試してみる。 # Gatsby CLI をグローバルインストールする $ npm install -g gatsby-cli # 雛形となる …

コードの実装行数を測る npm モジュール2つ と Bash コマンド

あるプロジェクト全体での、プログラムの実装行数を調べたくなった。 npm モジュールでは sloc というモジュールと、cloc というモジュールがサクッと集計できた。 参考:sloc - npm 参考:cloc - npm いずれも $ npm i -g sloc cloc とグローバルインストー…

Node.js スクリプトからの HTTP 通信時にプロキシを通すには request が楽チン

社内開発のため、プロキシ制限がある中で Node.js スクリプトを書いていた。Node.js スクリプトから外部サーバに HTTP 通信して GET とかしたいのだが、プロキシの通し方が分からなかった。調べてみても、Node.js サーバを構築した時の設定の話ばかりで、ち…

npm run とかで使うハイフン2つ「--」の意味

npm-run-scripts を使っていると、npm run something コマンドにオプション引数を渡したくて、$ npm run something -- --include=hoge みたいに書いたりする。 他にも、ハイフンから始まるファイルを指定するときに、$ rm -- -some.txt などと書いたりする。…

MySQL DB を Node.js から操作してみる

MySQL DB を Node.js から操作する、mysql というそのものズバリな npm パッケージがあったので試してみた。ついでに、コレを Promise 化した promise-mysql もご紹介。 GitHub - mysqljs/mysql: A pure node.js JavaScript Client implementing the MySql p…

Angular 4.4.5 だったアプリを ng update で 6.0.3 にバージョンアップした

Angular 6 からの新機能で、バージョンアップ時のマイグレーション作業を自動化してくれる ng update コマンドがある。今回はコレを使って、拙作の Angular Utilities を Angular 6 にバージョンアップしてみた。 コマンドに合わせて、公式サイトに Update G…

Node.js や TypeScript で使える O/R マッパーライブラリを探してみたが、イマイチなので自前でやってみたり

最近、 Node-SQLite などを用いて Node.js スクリプトから DB を操作してみたり、 TypeScript で JSON データを受け取って DTO 的なクラスに突っ込んでみたり、 といったことをやっている。 Java でいう POJO なクラスを用意しておいて、MyBatis (古くは iBa…

package-lock.json を生成しないようにする

npm v5 から、package.json とは別に、package-lock.json というファイルが生成されるようになった。npm パッケージの依存関係が膨らんできて、「依存パッケージの依存パッケージがパッチアップデートしたことでツールが動かなくなった」といった事態が起き…

Express と SQLite を使って REST API サーバを作ってみた

Express で REST API を構築、SQLite でデータ永続化を実現して、Node.js オンリーで Web API サーバを作ってみた。 作成したソースコード一式が置いてある GitHub リポジトリは以下。 GitHub - Neos21/node-js-rest-api-sqlite-db: Node.js + Express + RES…

VSCode 拡張機能を作って公開してみた : non-italic-monokai

ふと思い立って、VSCode 拡張機能を作って公開してみた。 今回作ったのは、non-italic-monokai : Non-Italic Monokai というカラーテーマ。よくある Monokai のテーマはイタリック (斜体) になるシンタックスがあるのだが、個人的にはイタリックが見づらいの…

mermaid.js・mermaid.cli を使って UML 図を描く

昨日の PlantUML (node-plantuml) に引き続き、Node.js 環境で UML 図を描くツールを試してみる。次は mermaid.js と、それをコマンドラインで実行できる mermaid.cli というツールを使ってみる。 mermaid.cli - npm 今回も以下のリポジトリに素振り環境を作…

Node.js で PlantUML を描く : node-plantuml

テキストベースで UML が描ける PlantUML というツールがある。これは元々 Java 製なのだが、Node.js でも使える node-plantuml というパッケージが用意されている。 node-plantuml - npm これを使って UML を描くための素振り環境を作ってみた。 GitHub - N…

npm パッケージとして配信するブログを作ってみた : @neos21/neos-npm-blog

npmjs.com は npm パッケージをホスティングするレジストリである。アカウント登録さえすれば誰もが npm パッケージをアップロード・公開できる。 ということは、npm パッケージの体裁さえ取っていれば、極端な話、好きなファイルを npm publish して、npmjs…

Node.js で SQLite を扱う

Node.js で SQLite を簡単に扱える sqlite3 というパッケージがあったので紹介。 sqlite3 - npm パッケージのインストール データの登録 データの取得 応用 トランザクション管理 Prepared Statement の書き方 一括取得 以上 パッケージのインストール 適当…

Markdown を Lint チェックできる「markdownlint」を試してみた

はじめてのMarkdown―軽量マークアップ言語の記法と使い方 (I・O BOOKS)作者: 清水美樹出版社/メーカー: 工学社発売日: 2014/05/01メディア: 単行本この商品を含むブログ (1件) を見る Markdown 記法は HTML パースしてプレビューするものだが、プレーンテキ…

BOM 付き UTF-8 のファイルから BOM を取り除く Node.js スクリプト

世界の文字と記号の大図鑑 6.0の全グリフ Unicodeジャンル: 本・雑誌・コミック > PC・システム開発 > 入門書 > その他ショップ: コンプリートブックス価格: 17,280円 BOM 付き UTF-8 のテキストファイルを指定して、BOM を取り除いて同ファイルに上書き保存…

npm publish は package.json と README.md を必ず Publish する

[試して理解]Linuxのしくみ ~実験と図解で学ぶOSとハードウェアの基礎知識作者: 武内覚出版社/メーカー: 技術評論社発売日: 2018/02/23メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る .npmignore というファイルを用意すると、npm publ…