# javascriptでライブラリの読み込みについて

**URL:** <https://community.cybozu.dev/t/topic/889>\
**Category:** kintone 開発相談\
**Created:** [2017 年 9 月 1 日午前 11:07 UTC](https://community.cybozu.dev/t/topic/889 "2017-09-01T11:07:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1853](https://avatars.discourse-cdn.com/v4/letter/l/87869e/32.png) [@Legacy\_Account1853](https://community.cybozu.dev/u/Legacy_Account1853)\
**Post date:** [2017 年 9 月 1 日午前 11:07 UTC](https://community.cybozu.dev/t/topic/889/1 "2017-09-01T11:07:54Z")

</div>

お世話になります。

&nbsp;

javascriptでkintoneのアプリケーションを制御する際に、以下のように別ファイルに、関数を用意して、それを、読み込んで使用することはできないのでしょうか。

jqueryが出来るなら出来るのでは？と思っているのですが、上手く行きません。

&nbsp;

getAppIdがundefinedって出ます。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1517](https://avatars.discourse-cdn.com/v4/letter/l/4bbf92/32.png) [@Legacy\_Account1517](https://community.cybozu.dev/u/Legacy_Account1517)\
**Post date:** [2017 年 9 月 2 日午前 1:41 UTC](https://community.cybozu.dev/t/topic/889/2 "2017-09-02T01:41:07Z")

</div>

平塚さん

私も関数を別ファイルにしたいことはよくありますが、少々面倒です。  
[関数と関数スコープ](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions_and_function_scope) に関数を参照できるスコープの説明があります。

JavaScript で、複数ファイルに分割するしくみとしては、下記があると思います。  
そのうち、kintone で使えそうなものは、2.グローバル変数に関数式、4.webpack だと思います。

１．グローバル関数化  
無名関数内に関数を定義するのではなく、関数をグローバルスコープで定義  
簡単ですが、グローバルスコープに沢山関数があると、いろいろ混乱。

２．グローバル変数に関数式  
グローバル変数内に、複数の関数式を定義  
jQuery も jQuery というグローバル変数に定義されていると思います。

３．[RequireJS](http://requirejs.org/)  
実行時に require で、スクリプトを読み込む仕組み  
kintone では無理

1. [webpack](https://webpack.js.org/)  
あらかじめ、複数のファイルを１ファイルにまとめておく。  
&nbsp; &nbsp; スクリプトの他 css や画像ファイルも読み込める。  
kintone では、まとめた1ファイルを読み込んで、実行。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1853](https://avatars.discourse-cdn.com/v4/letter/l/87869e/32.png) [@Legacy\_Account1853](https://community.cybozu.dev/u/Legacy_Account1853)\
**Post date:** [2017 年 9 月 3 日午前 1:23 UTC](https://community.cybozu.dev/t/topic/889/3 "2017-09-03T01:23:36Z")

</div>

なるほど！

ありがとうございます。

&nbsp;

&nbsp;

１、２ぐらいしか手はなさそうですね。ちょっと試してみます。
