ホーム > カテゴリ > HTML5・JavaScript >

GitHubでビルド済みのJSファイルが無い場合の入手方法[Node.js/Winodws]

GitHubでJavaScriptのオープンソースを探しているとビルドされたJSファイルが無い事があります。そんな場合にビルド済みJSファイルを入手する方法です。

例としてmammoth.js

ビルド済みJSファイルがない例として、ワードファイルをHTMLに変換するオープンソースの「mammoth.js」があります。

メインの「mammoth.browser.js」のファイルはGitHubの公式サイトだけではなく、Googleさんで検索しても見つかりません。

入手方法

入手方法はmammoth.jsのGitHubに記載されているように

- Installation -

npm install mammoth

と書いてあります。

早い話、数年前から話題の「Node.js」をインストールしないと入手できません。ただ、私はまだ「Node.js」や「npm」をマスターしていないので、最低限の事しか解説できません。詳細は検索エンジンで検索してくださいね。

Node.jsのインストール(with npm)

https://nodejs.org/en/から最新版を入手してインストールします。

この右側をダウンロードしてインストールします。インストール方法は特に指定なしでそのまま進めます。また、npmというパッケージ管理ツールはNode.jsのインストールと共に自動的にインストールされます。

mammothのインストール

「c:\」ドライブに「hoge」というフォルダを作成します。※「\」は「¥」です。

次に「Node.js」の「Node.js command prompt」を実行します

「cd c:\hoge\」を入力してカレントディレクトリを「c:\hoge\」に移動します。

「npm init」を入力してpackage.json(プロジェクト?)を「c:\hoge\」に作成します。入力項目が複数ありますが、全て「エンターキー」を押します。

このpackage.jsonが無いとパッケージをインストールできないようです。

次に「npm install mammoth」を入力します。

はい、これでmammothのインストールが完了しました。必要だったビルド済みの「mammoth.browser.js」のJSファイルは「C:\hoge\node_modules\mammoth」に中にあります。

「mammoth.browser.js」を別のフォルダにコピーすれば「c:\hoge\」はフォルダごと全て削除しても構いません。

Node.jsで遊んでみる

せっかくNode.jsをインストールしたのでサーバサイドの「Hello World」をやってみましょう。「C:\test\」に「test.js」ファイルを作成して次のコードを入力します。

// httpモジュールの読み込み
var http = require('http');

// HTTPイベント
http.createServer(function (request, response) {

    // HTTPヘッダの出力
    response.writeHead(200, {'Content-Type': 'text/plain'});
    
    // テキストの出力
    response.write('Hello World\n');
    
    // レスポンスの終了
    response.end();

}).listen(1337, '127.0.0.1'); 

次に「Node.js」の「Node.js command prompt」を実行します

カレントディレクトリを移動して「node test.js」を入力します。

次はブラウザで「http://127.0.0.1:1337/」にアクセスします。

Webサーバが起動して「Hello World」が表示されましたね。サーバーを終了させるには「Node.js command prompt」で「Ctrl+C」を押すと終了できます。また、初期設定ではローカル環境からのみしかアクセスできないようです。

終了した後にブラウザを更新すると次のようになります。

本格的なWebサーバーとしては「Apache」(アパッチ)や「nginx」(エンジンエックス)、「IIS」などが挙げられますが、「Node.js」は簡易的なWebサーバーですのでサーバーサイドのバッチ処理など定期作業などに向いているかも知れませんね。

リンク

Node.js (wikipedeia)





関連記事



公開日:2016年06月07日
記事NO:02006


この記事を書いた人

💻 ITスキル・経験
サーバー構築からWebアプリケーション開発。IoTをはじめとする電子工作、ロボット、人工知能やスマホ/OSアプリまで分野問わず経験。

画像処理/音声処理/アニメーション、3Dゲーム、会計ソフト、PDF作成/編集、逆アセンブラ、EXE/DLLファイルの書き換えなどのアプリを公開。詳しくは自己紹介へ
プチモンテ代表、アーティスト名:プチモンテ
🎵 音楽制作
BGMは楽器(音源)さえあれば、何でも制作可能。歌モノは主にロック、バラード、ポップスを制作。歌詞は叙情詩、叙情的な楽曲が多い。楽曲制作は2023年12月中旬 ~

オリジナル曲を始めました✨

YouTubeで各楽曲を公開しています🌈
https://www.youtube.com/@petitmonte

【男性ボーカル】DA・KA・RA | 新たな明日が風と共に訪れる

【男性、女性ボーカル】時空を超越する先に | 時空と風の交響曲

【女性、男性ボーカル】絆 | 穏やかな心に奏でる旋律