npm

renderCVという履歴書を作るのに便利なパッケージがあります。 ただ、日本語の履歴書を作りこむのが面倒で、これなら専用のパッケージにしてしまおう、と思ってつくりました。 厚生労働省が出している履歴書様式例に近い履歴書をyamlからPDF出力できるCLIツールです。 ↓今回作ったもの github.com 使い方 1. 経歴データの作成 2. 実行（PDF生成） おまけ 使い方 1. 経歴データの作成 まず、自分の経歴情報を記述したyamlファイルを用意します。 フォーマットは決まっているので、それに沿って埋めるだけです。 yamlの例 config: font_size: 11pt yea…

【要点】 ◎Node Package Manager の略。JavaScript（特にNode.js）用のパッケージ管理システム ◎Node.js で使う 外部ライブラリやツール（パッケージ）を簡単にインストール・管理 するための仕組み

要旨 tsc のパスエイリアスはモジュール解決のために存在するもので、出力結果を書き換えるものではない 対策をしなければ、型定義ファイルにパスエイリアスがそのまま残り、npm パッケージとして公開されてしまう これにより、使用側で型の解決が正しく動作しないなどの問題が発生する 出力結果に含まれるパスエイリアスを書き換えたいなら、tsc 以外のツールを使う必要がある 今回は tsc-alias パッケージを使用して、ビルド後にパスエイリアスを相対パスに書き換える方法を採用した はじめに これはわたしが実際に体験した話なんですけどね。 クラウドサインには Delta Wing UI という、内製の…

[npm]react-tagify概要 ハッシュタグとメンションを取り扱うReactコンポーネント メンションやタグを簡単に実装できる 使い方 Tagifyコンポーネントをimportする Tagifyコンポーネントでコンテンツをラップする import { Tagify } from 'react-tagify'; <Tagify onClick={(text, type) => console.log(text, type)} > <p> This is a #React component with help of #ReactTagify! </p> </Tagify> Prop Pr…

このブログは以下の場所に移動しました。 code.tatsukichi.ninja Node.jsとnpmのインストール Reactの開発にはNode.jsとnpm（Node Package Manager）が必須です。 公式サイトからNode.jsをダウンロード・インストールし、インストール後にターミナルやコマンドプロンプトで下記コマンドを実行してバージョン確認を行います。 node -v npm -v バージョンが表示されればインストール成功です。 Reactプロジェクトの作成 プロジェクトを作成したいディレクトリに移動し、以下のコマンドを実行します。 npx create-react-a…

はじめに npm audit は、インストールされている npm パッケージに脆弱性が報告されているものがないかチェックする機能です。 クラウドサインでは、有志を募って、 npm audit で検出された脆弱性をひとつずつ解消する活動をしています。 npm モジュールの依存性は木構造であるにもかかわらず、npm audit はこれをフラットに表示しているため、読みづらいです。 この記事では、以下の流れで立ち向かっていきます。 npm audit を読めるようにする 各パッケージの対応順序を決める 対象パッケージをアップデートする おことわり この記事は、npm audit fix ですべてが解…

ミニマムなパッケージマネージャを作ってみました。実装はGoでおこなっています。パッケージマネージャの仕組みについて少しばかり学べたので記録として残しておこうと思います。 github.com 参考元 動機は以下のリポジトリ・記事で、挙動としてカバーしているスコープも同じです。 github.com zenn.dev 過程で学べたこと 詳細な解説はこちらの記事が分かりやすいため、割愛します。ここでは私がパッケージマネージャの自作を通して勉強になったことをつらつらと書いていきます。 zenn.dev Lockfileの役割 Lockfileとは npm における package.lock.json…