javascriptライブラリを自作する方法がわからない

javascriptでカレンダーを表示するライブラリや、モーダルウィンドウを表示するライブラリを作成したいと思っています。
しかし、ライブラリの作成をするのは初めてで、色々調べてもなかなか参考になるサイトが見つかりません。
そこで、このようなライブラリを自作する流れ的なことを教えていただけないでしょうか？参考になるサイトでも構いません。
よろしくお願いします。

maisumakun

2021/04/09 01:38

すでに機能するものは存在する状態で、ライブラリ化だけわからないような状況でしょうか？それとも、機能性自体も開発中でしょうか？

K_3578

2021/04/09 01:45

調べ方が悪いんじゃないですかね。勝手に機能もまだ作ってないと仮定しますが、部分毎に切り分けて調べていけば良いかと。

Kino104

2021/04/09 01:50

これから開発していこうと思っています。単に「カレンダーやモーダルウィンドウを素のjavascriptで作成する」ことならたくさんの記事があり、それを参考にしながら開発できますが、それを「ライブラリとして利用するために開発する」方法がわかりません。

maisumakun

2021/04/09 01:53

ライブラリとしては、jQueryやReactなど「何かしらのライブラリに依存するもの」を考えていますか？それとも、単体で動くものを想定していますか？

Kino104

2021/04/09 02:50

単体です

Lhankor_Mhy

2021/04/09 02:56

script要素で読み込むものを想定していますか？それとも、ES6モジュールを想定していますか？あるいは、npmモジュールですか？

think49

2021/04/09 03:13

Lhankor_Mhy さんの指摘内容は私も気になります。グローバル変数を採用する手法だと通常のコーディングと何も変わりありませんが、module利用なんでしょうか。その場合、moduleについて質問文で言及されていないのが気に掛かります。

think49

2021/04/09 03:28

一応、私は「ライブラリを作る一般的な手法があるはずだが、探しても分からない。モジュール云々は何もわからないし、調べてません。」の前提で回答しています。ただ、それにしてもライブラリというイメージが出来ているはずなので、完成系のお手本となるライブラリ名(jQuery, underscore.jsなど)ぐらいは出して欲しい気はします。「ライブラリの書き方」という一般化された手法はありませんので。 (「一般」がないのはライブラリに限りませんけどね。質問は具体的にお願いします。)

行動規範の内容に同意します

回答5件

単に「カレンダーやモーダルウィンドウを素のjavascriptで作成する」ことならたくさんの記事があり、それを参考にしながら開発できますが、それを「ライブラリとして利用するために開発する」方法がわかりません。

まずは、数値計算など簡単なものをライブラリにする練習をしてみるのがいいかもしれません。

投稿2021/04/09 01:54

maisumakun

総合スコア146018

ライブラリではないコードを自作する方法は理解している前提で回答します。

Module (ES6)

moduleを使用すると、グローバル変数を使用せずに機能を呼び出すことが出来るようになり、後述のグローバル変数を使用した実装よりも優れています。

ただし、moduleはIE11で未実装であり、まだ十分に普及していないように思われます。
IE11の切り捨ては既に始まっていますので、要件的に問題がなければ採用する価値はあります。

グローバル変数

moduleを使用しない場合に考えるべきは「ライブラリ機能の呼び出し方」ですが、一般にグローバル変数は減らすべきなので、自ずと実装手段は限られます。

一つのオブジェクトにメソッド/プロパティを生やす (例: Underscore.js)
一つの関数オブジェクトに機能を集約し、インスタンス(prototype)or静的メソッドとしてメソッドを生やす(例: jQuery, Vue.js)
jsファイルを読み込むだけで自動的に実行され、オプションパラメータを設けない。もしくは、***.js?p1=***&p2=*** のようにGETパラメータで引数を読み取る。

他は通常のコーディングと変わらないと考えます。

Re: Kino104 さん

投稿2021/04/09 02:53

編集2021/04/09 03:10

think49

総合スコア18189