【サンプルあり】Salesforceでカスタマーサポート業務を支援するアイデアの紹介

import { LightningElement, api } from 'lwc'; 
import getContactName from '@salesforce/apex/ClipboardController.getContactName'; 
import { ShowToastEvent } from 'lightning/platformShowToastEvent'; 

export default class ClipboardSample extends LightningElement { 
　　api recordId; 

　　async handleClick() { 
　　　　try { 
　　　　　　const contactName = await getContactName({ recordId: this.recordId }); 

　　　　　　if (contactName) { 
　　　　　　　　await navigator.clipboard.writeText(contactName); 
　　　　　　　　this.showToast('成功', '取引先責任者の名前をクリップボードにコピーしました。', 'success'); 
　　　　　　} else { 
　　　　　　　　this.showToast('注意', '取引先責任者の名前が未入力または取引先責任者が紐づいておりません。', 'info'); 
　　　　　　} 
　　　　} catch (error) { 
　　　　　　this.showToast('エラー', 'レコードの取得またはコピーに失敗しました。', 'error'); 
　　　　　　console.error(error); 
　　　　} 
　　} 

　　showToast(title, message, variant) { 
　　　　　this.dispatchEvent(new ShowToastEvent({ title, message, variant }));
 　} 
}

<template>
　　<lightning-card>
　　　　<div class="base">
　　　　　　<lightning-button variant="brand-outline" label="取引先責任者の名前をコピー" onclick={handleClick}></lightning-button>
　　　　</div>
　　　　</lightning-card>
</template>

.base { 
　　display: flex; 
　　justify-content: center; 
}

public with sharing class ClipboardController {
　　@AuraEnabled
　　public static String getContactName(Id recordId) { 
　　　　Case record = [SELECT Contact.Name FROM Case WHERE Id = :recordId LIMIT 1]; 
　　　　return record.Contact.Name; 
　　} 
}

import { LightningElement, api, wire } from 'lwc'; 
import getLongTextAreaFields from '@salesforce/apex/CaseAddWriteController.getLongTextAreaFields'; 
import appendTextToField from '@salesforce/apex/CaseAddWriteController.appendTextToField'; 
import { ShowToastEvent } from 'lightning/platformShowToastEvent'; 

export default class AddWrite extends LightningElement { 
    @api recordId; 
    fieldOptions = []; 
    selectedField = ''; 
    inputText = ''; 

    @wire(getLongTextAreaFields) 
    wiredFields({ error, data }) { 
        if (data) { 
            this.fieldOptions = data.map(field => ({ 
                label: field.label, 
                value: field.apiName 
            })); 
        } else if (error) { 
            this.showToast('エラー', '項目情報の取得中にエラーが発生しました。', 'error'); 
        } 
    } 

    handleFieldChange(event) { 
        this.selectedField = event.detail.value; 

    } 

    handleTextChange(event) { 
        this.inputText = event.detail.value; 
    } 

    handleSave() { 
        if (!this.selectedField || !this.inputText) { 
            this.showToast('警告', '項目とテキストの両方を入力してください。', 'warning'); 
            return; 
        } 

        appendTextToField({ 
            caseId: this.recordId, 
            fieldApiName: this.selectedField, 
            newText: this.inputText 
        }) 
        .then(() => { 
            this.showToast('成功', '追記が完了しました。', 'success'); 
            this.inputText = ''; 
        }) 
        .catch(error => { 
            this.showToast('エラー', '保存処理中にエラーが発生しました。', 'error'); 
            console.error(error); 
        });
    } 

    showToast(title, message, variant) { 
        this.dispatchEvent(new ShowToastEvent({ title, message, variant })); 
    } 
}

<template>
　　<lightning-card>
　　　　<div class="slds-p-horizontal_medium slds-p-bottom_medium">
　　　　　　<lightning-combobox name="fieldSelector" label="項目を選択" value={selectedField} options={fieldOptions} onchange={handleFieldChange}></lightning-combobox>
　　　　　　<lightning-textarea label="追記する内容" value={inputText} onchange={handleTextChange} class="slds-m-top_medium"></lightning-textarea>
          <div class="button-container">
             <lightning-button label="保存" variant="brand" class="slds-m-top_medium" onclick={handleSave}></lightning-button>
          </div>
      </div>
   </lightning-card>
</template>

.button-container {
　　display: flex;
　　justify-content: right;
}

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
　　<apiVersion>64.0</apiVersion>
　　<isExposed>true</isExposed>
　　<targets>
　　　　<target>lightning__RecordPage</target>
　　</targets>
　　<targetConfigs>
　　　　<targetConfig targets="lightning__RecordPage">
　　　　　　<objects> 
　　　　　　　　<object>Case</object>
　　　　　　</objects>
　　　　</targetConfig>
　　</targetConfigs>
</LightningComponentBundle>

public with sharing class CaseAddWriteController { 
    @AuraEnabled(cacheable=true) 
    public static List<Map<String, String>> getLongTextAreaFields() { 
        List<Map<String, String>> fieldInfos = new List<Map<String, String>>(); 
        Schema.DescribeSObjectResult describeResult = Case.SObjectType.getDescribe(); 
        Map<String, Schema.SObjectField> fields = describeResult.fields.getMap(); 

        for (String fieldName : fields.keySet()) { 
            Schema.DescribeFieldResult fieldDesc = fields.get(fieldName).getDescribe(); 
            if (fieldDesc.getType() == Schema.DisplayType.TextArea && fieldDesc.isUpdateable()) {
                fieldInfos.add(new Map<String, String>{ 
                     'label' => fieldDesc.getLabel(), 
                     'apiName' => fieldName
                });
            }
        } 
        return fieldInfos;
    }
    @AuraEnabled
    public static void appendTextToField(Id caseId, String fieldApiName, String newText) {
        System.debug('fieldApiName:' + fieldApiName);
        String soql = 'SELECT Id, ' + fieldApiName + ' FROM Case WHERE Id = :caseId LIMIT 1';
        Case targetCase = Database.query(soql);
        String userName = UserInfo.getName();
        String now = String.valueOf(Datetime.now().format('yyyy/MM/dd HH:mm'));
        String separator = '\n\n' + userName + '（' + now + '）' + '\n=====================\n\n';

        String oldValue = (String)targetCase.get(fieldApiName);
        String updatedValue = newText + separator + (String.isBlank(oldValue) ? '' : oldValue);

        Case updateCase = new Case(Id = caseId);
        updateCase.put(fieldApiName, updatedValue);
        System.debug(updateCase);
        update updateCase;
    }
}