雄一)はじめに前回、レコード一覧にボタンを置いて簡単なアクションを仕掛けました。今回利用するイベントは、「レコード詳細画面が表示された時のイベント」です。前回&前々回でもやりましたように、JavaScriptの記述はこのように書けば良いのでしたね。詳しくは、レコード表示イベントをご確認ください。設置場所はやはり、レコード詳細画面のメニュー右側の空白部分が一般的ですね。赤枠の部分の要素を取得するには、kintone.app.record.getHeaderMenuSpaceElementを使います。APIに慣れてきたのではないでしょうか?ボタンの設置(2)レコード詳細画面では、スペースフィールドを利用してボタンを設置することもできます。これについてはスペースフィールドの要素を取得するに書いてありますが、一緒にやってみましょう(^^♪まず、ボタンを設置する場所になる「スペースフィールド」を用意します。任意のアプリで、アプリの設定画面を開くやフォームを設定するを参考に、好きな場所にドラッグ&ドロップしてみてください。続いて、追加したスペースフィールドの[設定]から、要素IDを設定します。ここで設定した要素IDを使ってJavaScriptを書いていく事になりますので、他と重複しない分かりやすいIDにしておきましょう。今回は、「my_space_field」というIDを設定してみます。それでは、いよいよここにボタンを設置してみます。ここの要素の取得は、kintone.app.record.getSpaceElement(id)でしたね(^^)この引数idに、同じく上記で設定した要素IDを指定します。要素IDがmy_space_fieldであればこういう事です。kintone.app.record.getSpaceElement('my_space_field')それでは先ほどのJavaScriptに、スペースフィールドにもボタンを置くJavaScriptを追加してみましょう(^^♪スペースフィールドだからといって、特別な事はありませんでしたね(^^)この調子で書いていけば好きな場所にいくつでもボタン置けそうですね。できましたか?ちなみに私はこんな感じにしてみました。私は、ジャンケンがめっちゃ強い「ジャンケンキング」に挑戦するゲームを作ってみました(^^♪ぜひ勝つまで挑戦してみてください!!(笑)ちなみに私は1度も勝てませんでした(T_T)・・・(笑)最後にそろそろkintoneで遊ぶことがおもしろく感じてきたのではないでしょうか?これからさらに面白くなってきますので、ぜひ次回も楽しみにしていただければと思います(^^)次回から、kintoneをカスタマイズする上で重要なレコードの取得にトライしていこうと思います。kintoneカスタマイズ\(^o^)/このTipsは、2014年4月版で確認したものになります。コミュニティをご活用ください。03:45表現の幅が広がっていきますね。14:23mobile.app.record.detail.showを使うことでモバイルにも同様にボタンを表示させられると思ったのですが、できませんでした。06:50佐藤さんcstapの瀧ヶ平です。モバイル版の場合はkintone.mobile.app.getHeaderSpaceElement()で要素を取得できるので、これを利用すれば同様にボタンを設置できるかと思います。ヘッダーメニュー直下の空白要素以外はモバイル版では取得できないので注意が必要です。05:16https://developer.cybozu.io/hc/ja/community/posts/115010156086-%E3%82%A2%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AB%E7%8B%AC%E8%87%AAjs%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6この質問者と同じ悩みを持っているのですが、回答者のようにボタンが表示されません。通りに書いてあります。初心者であまり、よくわかっていないですが、よろしくお願いします。*この近くにボタンを設置したいです。05:47無事解決しました。全体の方にカスタマイズしていた(一部のアプリでも構わないのにも関わらず)jsファイルを消したら無事反映されました。消した方のjsファイルがうまく読み込めていなかったのにも問題があったと思います。loopという警告がでてしまいます。kintoneを使っています。解決方法はありませんでしょうか。04:27「スペースフィールドにもボタンを置くJavaScript」のサンプルコードに誤りがあります。15行目と20行目に「mySpaceFieldButton.id」が記載されていますが、15行目と20行目で名前が違っています。Permalinkログインしてコメントを残してください。