# kinTube作りました（動画閲覧アプリ）

**URL:** <https://community.cybozu.dev/t/topic/7001>\
**Category:** kintone 開発相談\
**Created:** [2021 年 2 月 26 日午前 7:02 UTC](https://community.cybozu.dev/t/topic/7001 "2021-02-26T07:02:27Z")\
**Posts on this page:** 2\
**Page:** 1

<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:** [2021 年 2 月 26 日午前 7:02 UTC](https://community.cybozu.dev/t/topic/7001/1 "2021-02-26T07:02:27Z")

</div>

kintoneやYoutube，Googleドライブなどに散らばった動画を，一箇所で全て閲覧できるアプリを作りました．

## デモ

下図のような見た目で表示します．

## アプリテンプレート

サンプルレコードなし版とサンプルレコードあり版をご用意しました．

### サンプルレコードなし版

下記ファイルをダウンロードしてkintoneに読み込んでください．([参考](https://jp.cybozu.help/k/ja/admin/app_admin/template/add_template.html))

[https://dl.dropboxusercontent.com/s/pbnfh1nf7e002a1/KinTube.zip](https://dl.dropboxusercontent.com/s/pbnfh1nf7e002a1/KinTube.zip)

### サンプルレコードあり版

Node.jsを用いて，kinotneにアプリをインポートできます．([参考](https://community.cybozu.dev/hc/ja/community/posts/900001394706))  
下記コマンドでインポートできます．

```
npx kintone-app-template i https://dl.dropboxusercontent.com/s/9jhud50idelh3zv/template.json -d example.cybozu.com -u username -p password

```

※「[example.cybozu.com](http://example.cybozu.com)」，「username」，「password」は，ご自身のkintone設定に合わせて変更してください．  
※[Node.js](https://nodejs.org/ja/)(v12以上), npm, npxをインストールしておく必要があります．

## フィールドについて

## 参考URL

- デザイン参考:&nbsp;[YouTube](https://www.youtube.com/)
- 動画素材:&nbsp;[40点の無料動画クリップをダウンロード - 動画定額プラン - Shutterstock](https://www.shutterstock.com/ja/royalty-free/video-subscription-free-clips)

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2919](https://avatars.discourse-cdn.com/v4/letter/l/3ab097/32.png) [@Legacy\_Account2919](https://community.cybozu.dev/u/Legacy_Account2919)\
**Post date:** [2021 年 12 月 8 日午前 1:59 UTC](https://community.cybozu.dev/t/topic/7001/2 "2021-12-08T01:59:11Z")

</div>

ご提供ありがとうございます。早速使わせて頂きました！