挙動確認はじめに固定リンクがコピーされましたレコード一覧画面で、画像を並べたクールなビューを作りたい!というニーズに今回は応えていきたいと思います。ファイルダウンロードで必須となる2つの手順を参考に、レコード情報として登録した添付ファイルを表示するカスタマイズビューを作成します。項目をまず読んでみてください。それでも分らなかったという方は、取り急ぎ「かっこいい一覧ビューを作れる機能」ということで覚えていただければとお思います。固定リンクがコピーされましたデモ環境で実際に動作を確認できます。networkデモ環境で確認してください。固定リンクがコピーされましたそれでは、まず「添付ファイル」フィールドと「文字列(1行)」フィールドだけのシンプルなアプリを作成します。実際に作成したアプリの詳細は以下です。固定リンクがコピーされました次に、以下のように「一覧」作成時に「カスタマイズ」を選びましょう。「一覧名」は分りやすくかっこいい名前を付けます。今回は、「Coolなビュー」としました。今回は、とてもシンプルに2つの<p>タグにidをつけて記述しました。id="file"></p>これらの要素に、レコードから情報を取得して子要素として追加していきたいと思います。具体的な処理の流れは次のとおりです。取得したファイルキーを使って、ファイルをダウンロード(Blobオブジェクト)取得したそれぞれの情報を利用して、新たに要素を生成カスタマイズビューに配置した<p>タグの子要素として3で生成した要素を追加1件のレコードを取得するAPIは毎度のことなので今回は省略します。レコードを取得した後、以下のfileDownload関数を呼び出して、titleとfileKeyを引数として渡しましょう。JavaScriptでセキュアなコーディングをするために気をつけることを参照してください。今回は1レコード1添付ファイルということを想定しています。別途jQueryの読み込みが必要です。固定リンクがコピーされましたでは作成したJavaScriptを適用して、挙動を確認しましょう。初めに、デモデータを登録しましょう。お馴染みのkintoneロゴを登録しました。次に、カスタマイズビュー「Coolなビュー」を開くと、タイトルと画像が現れました!ちょっと違いが分りづらい?という方へ、「お馴染みの一覧画面(すべて)」でみると以下のようなビューとなります。カスタマイズビューとはレコード情報をつかって表示をアレンジできる機能とご理解いただければと思います!本Tips応用してaタグのURLをレコード詳細画面のURLに設定すれば、新入社員紹介アプリやビジュアルを意識した物品管管理アプリができそうですね。このTipsは、2014年7月版kintoneで動作を確認しています。(cybozu.cn)。