# これWebページと同じものを作りたい。

**URL:** <https://community.cybozu.dev/t/topic/3206>\
**Category:** kintone 開発相談\
**Created:** [2018 年 7 月 11 日午前 6:16 UTC](https://community.cybozu.dev/t/topic/3206 "2018-07-11T06:16:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account659](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@Legacy\_Account659](https://community.cybozu.dev/u/Legacy_Account659)\
**Post date:** [2018 年 7 月 11 日午前 6:16 UTC](https://community.cybozu.dev/t/topic/3206/1 "2018-07-11T06:16:08Z")

</div>

こんにちは、 kintone初心者のものです。

[https://developer.cybozu.io/hc/ja/community/posts/360013722646](https://developer.cybozu.io/hc/ja/community/posts/360013722646)

上記のページと同じものを作りたいのですがうまくいきません。

やり方としては

1. なんちゃって個人情報から、csvを落とし、アプリを作成する。
2. kintone Utility Library for JavaScriptをダウンロードし、該当アプリに添付する
3. アプリケーションの設定から一覧タブを選び、表示形式を“カスタマイズ”に変更する
4. HTMLに\<table id=“myTable”\>\</table\>を入力

此処から先がわかりません。

どうか教えていただけますか？

よろしくおねがいします。

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1740](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1740](https://community.cybozu.dev/u/Legacy_Account1740)\
**Post date:** [2018 年 7 月 12 日午前 12:27 UTC](https://community.cybozu.dev/t/topic/3206/2 "2018-07-12T00:27:23Z")

</div>

番匠 祐樹様

お世話になっております。  
cstapの江田です。

アプリの設定のJavaScript / CSSでカスタマイズにて、  
PC用のJavaScriptファイルに  
jQueryとDataTablesのjsファイルと記事で紹介したコードを記述したjsファイル  
PC用のCSSファイルに  
DataTablesのcssファイル  
を追加してください。

設定の例を載せておきます。

※myscript.jsには記事で紹介したJavaScriptコードを記述しています。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account659](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@Legacy\_Account659](https://community.cybozu.dev/u/Legacy_Account659)\
**Post date:** [2018 年 7 月 17 日午前 8:28 UTC](https://community.cybozu.dev/t/topic/3206/3 "2018-07-17T08:28:14Z")

</div>

ご回答ありがとうございます。

しかしこの３日間色々やってみましたが、このプログラムをそのまま使うことが出来ません。

&nbsp;

\>\>&nbsp;data[column] = record[column].value;

ここでひっかかります。

.valueを抜いた形だと外枠だけは組み上がります。

どのように対処すればよろしいでしょうか

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1740](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1740](https://community.cybozu.dev/u/Legacy_Account1740)\
**Post date:** [2018 年 7 月 18 日午前 1:40 UTC](https://community.cybozu.dev/t/topic/3206/4 "2018-07-18T01:40:03Z")

</div>

番匠 祐樹様

お世話になっております。

コード内のcolumnsはフィールドコードで指定する必要があります。  
そちらの設定は正しくできていますでしょうか？

記事にも書いておくべきでした。  
分かりにくくて申し訳ございません。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account659](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@Legacy\_Account659](https://community.cybozu.dev/u/Legacy_Account659)\
**Post date:** [2018 年 7 月 18 日午前 2:16 UTC](https://community.cybozu.dev/t/topic/3206/5 "2018-07-18T02:16:51Z")

</div>

できたました！

ありがとうございます。

ようやく作成することが出来ました。

そしてrecordの使い方がようやくわかりました。

頂いたソースを元に、今現在使用しているアプリに頑張って応用してみます。

&nbsp;

お忙しい中、ご丁寧に対応いただき感謝いたします。

取り急ぎ、解答の御礼を申し上げます。