【コミュニティを利用する方へ】投稿内のコードを見やすくする方法

kintone カスタマイズ
1

回答者が確認しやすいように、ソースコードをスクリーンショット画像ではなく、
インデント付きのテキストで共有しましょう。

投稿例

(function(){
kintone.events.on('app.record.detail.show',function(event){
console.log('hello world');
});
})();

下記の手順で、インデントを維持してソースコードを貼り付けられます。

  1. エディターの「コードを挿入」ボタン（右から四番目）をクリックする
  2. 表示されたコードブロックに、書式なしでソースコードを貼り付ける

          書式なしで、文字情報を貼り付けられるショートカットキーがあります。
            ・WindowsのChromeの場合：「Ctrl + Shift + V」
            ・MacのChromeの場合：「command + shift + V」

  3. コードブロック含めて質問文全体を入力してから「送信」ボタンを押す

 

注意事項
ブラウザからコピーしたコードをそのまま貼り付けるとコードブロック書式が解除されてしまうことがあるため、
PC上のエディタでコードを書いてから貼り付けることをおすすめします。
ブラウザからコピーする場合、エディタで余分な空白行を削除してから貼り付けてください。

2

edge でも同じショートカットキーでしょうか？

できないので・・

コードを挿入で書式なしで貼り付けると背景が黒の状態になるのでしょうか？

edge にてコードを挿入→そのｴﾘｱにCRLT+V だと白い画面のまま追加されてしまいます。

3

ちゃいな嬢 様

お世話になっております。cybozu developer network 事務局です。

はい、Microsoft Edge も Chrome と同様のショートカットキーです。
「注意事項」をいま一度ご確認いただき、
一度エディタにコードを貼り付け、余分な空白行を削除して再度お試しいただけますでしょうか。

どうぞよろしくお願いいたします。

4

cybozu ご担当者 様

 

私もちゃいな嬢様と同じ挙動が本日より発生しております。

OSはWindows10で、ege, Chrome 共に試しましたが、コードを張り付けると同じ白い画面に戻るようになります。

またVSCからのペーストだからと思い、webediterでも試しても見ましたが結果は同じでした。

 

また現状は白い画面に戻った後に、コード挿入する文を選択し【コードモード】を選択して無理やり適用していますが、

コードが読みづらく、その場で整形しなおしている状態です。

ご確認をいただけますと幸いでございます。

5

新屋 育男 様

お世話になっております。cybozu developer network 事務局です。

貼り付けるコードに余分な空白行があると、コードブロックが解除されてしまう場合があります。
エディタにコードを貼り付け、余分な空白行がないかご確認いただけますでしょうか。

どうぞよろしくお願いいたします。

6

cybozu developer network 事務局です。

現在、こちらで案内しているコードを見やすく投稿する方法では、インデントを保持したままコピー＆ペーストできないことを確認しています。
この点について、ただいま調査しております。
ご不便をおかけいたしますが、よろしくお願いいたします。

7

cybozu developer network 事務局です。

インデントを保持したままコピー＆ペーストできない現象につきまして、解消した事を確認したため、ご報告いたします。
ソースコードを共有する際、引き続き書式なしでソースコードを貼り付けて、コードブロック書式をご利用ください。
どうぞよろしくお願いいたします。