Downloaded 16 times
![Sample.jsの変更
★修正点2
関数indexShowを次のように変更します。
function indexShow(event){
var records = event.records;
loadGMap();
waitLoaded(event, 'index', 10000, 100);
var elKakudo = kintone.app.getFieldElements('kakudo');
for(var i = 0; i < elKakudo.length; i++){
if(records[i]['kakudo']['value'] == 'A'){
elKakudo[i].style.color = 'red';
}else if(records[i]['kakudo']['value'] == 'B'){
elKakudo[i].style.color = 'blue';
}else if(records[i]['kakudo']['value'] == 'C'){
elKakudo[i].style.color = 'green';
}
}
}](https://image.slidesharecdn.com/kintonejavascript-160223041945/85/kintone-javascript-56-320.jpg)
![これをマスターして初心者脱出！-kintoneチョイ技10選- [cybozu.com conference 2015 大阪 K-2]](https://cdn.slidesharecdn.com/ss_thumbnails/cybozu-151110000304-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
kintoneアプリをjavascriptでいじってみよう
- 1.
- 2. 自己紹介自己紹介 北川 恭平（きたがわ きょうへい） •Cybozu 新卒4年目 • kintone developer プロデューサー • cybozu.com developer network 管理人 • kintone技術者系イベント企画 • developerサイトのコンテンツ制作 趣味 • カレー • 野球 • トレーニング Work
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. クリックして kintone にアクセス メンテナンス等のお知らせ ユーザー情報の管理やcybozu.com 全体に影響する設定 ログイン完了
- 34.
- 35.
- 36.
- 37.
- 38. フィールドタイプを変更します ▌以下のように変更します フィールド名 変更前 変更後 会社名ドロップダウン 文字列(1行) 部署名 ドロップダウン 文字列(1行) 担当者名 ドロップダウン 文字列(1行) 郵便番号(数値のみ) 数値 数値 住所 文字列(1行) 文字列(1行) TEL(数値のみ) 数値 数値 FAX(数値のみ) 数値 数値 メールアドレス リンク(メールアドレス) リンク(メールアドレス) 緯度 数値 数値 経度 数値 数値 備考 備考 文字列(複数行) 確度 ラジオボタン ラジオボタン
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47. 準備 ▌アプリの設定 > フォームより 以下のように変更を加えます。 フィールド名 変更後フィールドコード 住所 Address 緯度 lat 経度 lng <変更> <追加> 追加するフィールド 要素ID スペース Map
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54. 準備 ▌アプリの設定 > フォームより 以下のように変更を加えます。 フィールド名 変更後フィールドコード 確度 kakudo <変更>
- 55.
- 56. Sample.jsの変更 ★修正点2 関数indexShowを次のように変更します。 function indexShow(event){ var records= event.records; loadGMap(); waitLoaded(event, 'index', 10000, 100); var elKakudo = kintone.app.getFieldElements('kakudo'); for(var i = 0; i < elKakudo.length; i++){ if(records[i]['kakudo']['value'] == 'A'){ elKakudo[i].style.color = 'red'; }else if(records[i]['kakudo']['value'] == 'B'){ elKakudo[i].style.color = 'blue'; }else if(records[i]['kakudo']['value'] == 'C'){ elKakudo[i].style.color = 'green'; } } }
- 57.
- 58.
- 59.
- 60.
- 61.
- 62. kintone まとめ ▌GUIでアプリケーションを作れるプラットフォーム ▌業務アプリケーションをExcelから作れたり、ドラッグ＆ドロップで作れる ▌kintone JavaScriptカスタマイズ 表示を変えることができる 他サービスと連携ができる 楽しい
- 63. cybozu.com developer network https://cybozudev.zendesk.com/hc/ja ★アカウント登録特典★ •5ユーザー、1年間無償のkintone開発者ライセンスを申し込 むことができます。 • コミュニティに投稿やコメントしたり、Tips に質問できます。 • API のアップデート情報の通知を受け取ることができます。
- 64. kintone devCamp http://kintonedevcamp.connpass.com/ kintone devCampとは？ kintonedevCamp とは kintone界隈のdeveloper同士で会 場に出向き、kintoneに触れあい、共に学んでいくCybozu主催 のdeveloper向け勉強会です。 kintoneカスタマイズ初心者～ 上級者の方向けにdeveloper network内のコンテンツを中心と したテーマで開催していきます。 次回は3/2(水) サイボウズ東京オフィスにて！
- 65. kintone devCamp Vol.9@Tokyo 2016/3/2(水) 15:00- サイボウズ東京オフィス27F
- 66.