Corredor

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

npm

【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…

npm v5.6.0 にしたら npm install でフリーズする件の対処法

Node.js v8.9.4・npm v5.6.0 にアップデートして、package-lock.json が存在する状態で npm install を行うと、loadAllDepsIntoIdealTree といった表示のところでフリーズする事象に遭遇した。その問題と対処法の紹介。 事象 試してダメだった策 上手く行っ…

GitBook を使ってみる

Web制作者のためのGitHubの教科書 チームの効率を最大化する共同開発ツール Web制作者のための教科書シリーズ作者: 塩谷啓,紫竹佑騎,原一成,平木聡著出版社/メーカー: インプレス発売日: 2014/11/27メディア: Kindle版この商品を含むブログを見る この1年ほ…

オレオレノーマライズ CSS「Neo's Normalize」を作った

Normalize.css や、Bootstrap 4 から採用されている Reboot などの思想を基に、オレオレノーマライズ CSS を作った。その名も「Neo's Normalize」。 GitHub - Neos21/neos-normalize: Neo's Normalize いちばんよくわかるHTML5&CSS3デザインきちんと入門 (De…

カラーコードと RGB 表記を相互変換する ccc : Colour Code Converter を作った

NPMな彼女デス?ニッポン萌えな彼女デス?アーティスト: クロエ・ルメール(CV:丹下桜)出版社/メーカー: ポニーキャニオン発売日: 2017/07/19メディア: MP3 ダウンロードこの商品を含むブログを見る Webデザイン 色の辞典 魅せるWebサイト 売れる配色作者: 高坂…

node-sass だけで SCSS をコンパイルする素振り環境を作ってみた

Sass&Compass 徹底入門 CSSのベストプラクティスを効率よく実現するために作者: Wynn Netherland,Nathan Weizenbaum,Chris Eppstein,Brandon Mathis出版社/メーカー: 翔泳社発売日: 2014/03/25メディア: Kindle版この商品を含むブログを見る これまで Angul…

ico 形式のアイコンファイルを CLI から生成できる npm パッケージたち

人を惹きつける 美しいウェブサイトの作り方 人に伝わるデザインと制作のレッスン作者: 瀬口理恵出版社/メーカー: SBクリエイティブ発売日: 2015/09/19メディア: 単行本この商品を含むブログ (1件) を見る Favicon として使用する .ico 形式のアイコンファイ…

1ファイルでコマンドとしても API としても使える npm モジュールを作る

JavaScriptでのWeb開発 ~ Node.js + Express + MongoDB + ReactでWebアプリを開発しよう ~ その1(改訂版)作者: 中野仁発売日: 2017/12/07メディア: Kindle版この商品を含むブログを見る JavaScriptでのWeb開発 ~ Node.js + Express + MongoDB + ReactでWe…

.npmignore と .gitignore の併用に関する仕様

Node.js超入門作者: 掌田津耶乃出版社/メーカー: 秀和システム発売日: 2017/08/09メディア: 単行本この商品を含むブログを見る Gitが、おもしろいほどわかる基本の使い方33作者: 大串肇,久保靖資,豊沢泰尚出版社/メーカー: エムディエヌコーポレーション(Md…

npm publish されるファイルをアーカイブにまとめる「npm pack」コマンド

いまから始めるWebフロントエンド開発作者: 松田承一発売日: 2016/08/25メディア: Kindle版この商品を含むブログを見る JavaScriptエンジニアのためのNode.js入門作者: 天田士郎発売日: 2016/12/26メディア: Kindle版この商品を含むブログを見る npm pack と…