npm

以前から何度かこちらのブログにも書いている、random-fruits-name.js。 shinshin86.hateblo.jp random-fruits-name.jsのロゴを書いていただきました。 今も少しずつ開発が進められており、最近ではこのプロジェクトのロゴも書いていただきました。 GitHubの画像にも設定しているので、リンクを貼るとそちらのロゴが表示されるようになりました。 いい感じですねー！ github.com オランダ語サポート また昨日は、DEVの方にもrandom-fruits-name.jsのことを書きました。 すると、すぐにオランダ語サポートのPRをいただけたり…

こんにちは!あしたのチーム新卒エンジニアの梁川(やながわ)です! 今回は初めて OSS 開発した話を書いていこうと思います! OSS とは? OSS 開発をやろうと思ったきっかけ 実際に作ったもの Md Converter RichMD OSS 開発で苦労したところ OSS 開発をやって良かったこと 自分の実績が残せる GitHub リポジトリに Star がつくと、めちゃめちゃうれしい 最後に OSS とは? そもそも、OSS とはなんでしょう? OSS とは Open Source Software(オープンソースソフトウェア)の略で、作成者がソースコードを無償で公開しているソフトウェアで…

本日12/28にJSライブラリRichMD v1.1.0をリリースしました 🎉 www.npmjs.com MarkdownからHTMLに変換してくれるコンバータですが、 「Markdownらしさを残しつつ、Markdownを超える機能を提供する」 をコンセプトに開発しました。 本来MarkdownはMarkdown記法をHTML記法に変換するのみで、クラス指定やスタイルシートの読み込みなどは管轄外でしたが、RichMDはスタイルシートの読み込みや特定のHTMLタグ作成&クラス指定にも対応しています。 今日はRichMDならではの独自機能を解説していきたいと思います。 数式(TeX記法) Ri…

この記事は Node.js その2 Advent Calendar 2020 の 2 日目の記事です。投稿が大幅に遅れて申し訳ございません。 Node.js v15.3.0 から ES Modules が experimental から stable になりました 🎉 nodejs.org 今年はモジュール周りも大きく飛躍しました。個人的に仕事で探求していたこともあってモジュール周りを追うことが多かったです。 ES Modules を使って import できる npm パッケージも増えてきています。 そこで今回はモジュール関連で追加された package.json のフィールドについてまとめ…

この記事は個人開発 Advent Calendar 202013日目の記事です。 これまでNode-REDを使ってきましたが、どこか物足りなさを感じていました。 それは自分で自作ノードを作ってみたいということです。 最近ではいろんな人達がノードを公開しているので、探せばやりたいことを実現できると思ってそこで止まっていました。 それで話変わりまして、数ヶ月前にTelloを衝動買いして早速触ったことも無いScratchを使ってTelloを制御してみました。 今更だけどScratchでTello動かしてみた。今じゃこういうの目新しさないけどやっぱり動くの見ると楽しい！しかも動かすときめちゃめちゃハマ…

問題 Gulp4にてpugやらsassやらをコンパイル。 Reloading Browsers...の表記があるのに、reloadされない。 [20:42:27] Starting 'compilePug'... [20:42:28] Starting 'reload'... [20:42:28] Finished 'reload' after 356 μs [20:42:28] Finished 'compilePug' after 792 ms [20:42:28] Starting 'reload'... [20:42:28] Finished 'reload' after 4.2 ms…

はじめに 環境 参考サイト npmのインストール gulp-sass、gulp-pug、browser-syncのインストール プロジェクト直下にgulpfile.jsを作成 ディレクトリの構成参考 gulpfile.jsの記述 gulpタスクを実行 さいごに はじめに こんにちは、ogrestです。 今回の記事内容はタイトルの通りです。 pugとsassを自動コンパイル、BrowserSyncを使用してのライブプレビューをしたかったのですが、gulp4向けの記事が少ない。 そもそもgulp自体使用したことがなかった＆JS知識に自信が無いのでいくつかのQiita記事を参考に、なんならコピペで使…

Windows PC に npm をインストールする手順をまとめておきます。 頻繁に行わない操作なので「なんだっけ？」となることが（私は、、、）多いのでまとめてみました。 導入するツール nodist とは？ 導入するツール一覧 インストール手順 nodist 1. インストーラーをダウンロード 2. exeを実行し、インストール 3. インストールの確認 node.js 1. インストールしたいバージョンを確認 2. インストールできるnodeを確認 3. バージョンを選択しインストール 4. インストールを確認 npm のアップデート 1. インストール対象を確認 2. バージョンの確認 …

Angular Webアプリ開発 スタートブック 大澤文孝(著)のマニュアル Angular Webアプリ開発 スタートブック 大澤文孝(著)のマニュアル Chapter2 Angular CLIのインストール（P44） Chapter3 Angularプロジェクトを作成 (P54) Chapter3 作成したAngularプロジェクトを実行 (P60) 【参考】PowerShell →現在の実行ポリシー確認方法 →許可する方法 →一時的に許可する方法 Chapter4 Angularプロジェクトを作る (P83) Chapter4 新しく追加したコンポーネントの動作確認 (P88) Chap…

リレーショナルデータベースは、環境構築が容易な SQLite を利用する。 SQLite そのものを別途インストールする必要はなく $ npm i sqlite3@4.2.0 と入力したら大量のメッセージが! $ npm i > leveldown@5.6.0 install /path/to/todo-data-storage/node_modules/leveldown > node-gyp-build ... + sqlite3@4.2.0 package.json を開くとパッケージ名が書かれている。問題なくインストールできたようです。 ... "dependencies": { "e…

基本的に NuGet に関しては CI でのパッケージのキャッシュがあまり効果的ではないのですが、推奨設定での使い方をちゃんと試しておこうと思ったので残します。GitHub Actions や Azure Pipelines には NuGet 向けのサンプル定義が用意されています。中身はほぼ一緒なのでサンプル自体も非常に似通ったものになっています。今回は GitHub Actions で試すので actions/cache@v2 の方のサンプルを持ってきましたが、見慣れない packages.lock.json というファイルのハッシュを使ってキャッシュキーを生成しています。 - uses: …

こんにちは、フロントエンドエキスパートチームの鈴木(@__sosukesuzuki)です。 弊社のサービスである kintone では、コードのフォーマットを ESLint のみで行っているためプロジェクト内でコーディングスタイルを統一しきれていないという問題を抱えていました。 そこで opinionated なコードフォーマッター Prettier を導入し、コードベース全体でコーディングスタイルを統一するための支援をフロントエンドエキスパートチームで行いました。 2011 年にローンチされた kintone では、フロントエンドの大部分が Closure Tools を使って開発されていま…

Headless Chrome 命令言語で動かせるChromeのこと Headless Chromeで可能なこと 導入する意味は？ 業務の自動化 ネット上の情報の自動収集 Headless Chrome操作ライブラリの比較 puppeteerとは chromyとは Headless Chromeの使えるようにする方法 環境構築の手順 puppeteerのダウンロード chromyのダウンロード Headless Chromeの使用方法 主な使用方法 コマンドライン機能 DOMの出力 PDFの作成 スクリーンショットの撮影 ブラウザUIなしでのChromeのデバッグ プログラムから使用する、No…

Electoronを表示してみる 開発環境windows 10Home Node.js は、インストールできているものとします。エディタはVScordを使っています。 package.jsonの作成 ターミナルから mkdir electron_hello cd electron_hello npm init -y Electronのインストール ターミナルに npm i -D electronターミナルに electronと入力ウインドウが表示されました。

Raspberry Pi OS 64bit版(2020.08.02 release) に npm, node をインストールする時のメモ OSアップデート pi@raspberrypi:~ $ sudo apt-get -y update pi@raspberrypi:~ $ sudo apt-get -y fill-upgrade pi@raspberrypi:~ $ sudo apt-get -y autoremove pi@raspberrypi:~ $ sudo apt-get -y autoclean npm, node をインストール node v14.x 系をインストールする場合…

Firebase Local Emulator Suiteを使ってみたときの備忘録。 初期設定 # バージョンの確認。CLIがv8.14.0以降じゃないと使えない。 $ firebase --version # Firebase自体の初期設定 $ firebase init # Emulator Suiteの初期設定 $ firebase init emulators コマンドを実行すると、使うものを聞かれるので、選択して設定を完了する。 Nuxtアプリからエミュレータを使うようにする エミュレータを使うかどうかは明示的に設定する必要がある。 // firebase.ts import fir…

Cloud Functions for Firebase + TypeScriptでテストを書くときの初期設定の備忘録。 ディレクトリ構成 . ├── __tests__ ... テストのコード ├── src ... ソースのコード ├── lib ... コンパイルしたコードの出力先 ├── jest.config.js ├── package-lock.json ├── package.json ├── tsconfig.json └── tsconfig.build.json ... ビルド用のtsconfig.json テストコードはデプロイしたくないので、src配下には配置しない形…

github.com 作業ログです

サマリ Vue.js入門のため、APIへのPOSTを行う簡単な画面を作った ズブの素人スタートの速習だが、色々と学ぶところがあり面白かった