텍스트 영역의 문자열을 대체하여 원하는 모양으로 처리
배경
본업에서 광고 운용을 하면서 공부로 프로그래밍을 하고 있습니다.
indeed로 운용할 때 일부 수작업이 번거롭다고 느꼈기 때문에,
아웃풋도 겸해 자동화해 보았습니다.
문제점
indeed에서 광고를 운영하는 경우 어떤 직업을 계정에 연결할지 설정해야 합니다.
아무것도 설정하지 않으면 공개하고 있는 구인 모두가 대상이 됩니다.
그냥 대부분의 기업에서 요청이 있습니다.
그때 의뢰되는 구인수가 많으면 수작업이 늘어납니다.
(제외 설정만으로 끝나는 경우도 있습니다.)
기본적으로 제공되는 기능
직접 쓰기도 가능
의뢰 구인이 20건이라면, 아직 수작업으로도 노력할 수 있지만,
그 이상이 되면 포치포치 넣는 것이 귀찮아 밖에 없습니다.
필요한 형태를 순식간에 작성해, 직기의 란에 copipe 하는 것을 작성했습니다.
소스 코드
HTML
index.html<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
<title>indeed 求人紐付け</title>
</head>
<body>
<textarea name="kyujin" class="input" cols="30" rows="10" placeholder="12345 54321 98765"></textarea>
<button type="submit" value="送信" class="btn">送信&コピー</button>
<textarea name="seikei" class="seikei" cols="30" rows="10"></textarea>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="main.js" type="text/javascript"></script>
</html>
간단하게 입력하는 ①텍스트 영역과 ②버튼과 ③출력처의 텍스트 영역을 작성했습니다.placeholder
에서 예제를 제시했지만, 장치? 에 따라서는 개행해 주지 않는 것을 깨달았습니다.
CSS
style.css.kyujin, .btn, .seikei{
display: block;
}
최소한만입니다. 너무 서투르고・・・. 지금은 사용할 수 있으면 좋을 것입니다.
나중에 수정할 예정입니다.
js
main.js$(function(){
var input = $('.input');
var button = $('.btn');
var result = $('.seikei');
button.on('click', function(){
var inputVal = input.val();
// textareaの内容を改行で分割して配列に格納
var inputValArray = inputVal.split('\n');
// 各行に対して処理する
var display = "";
for(i = 0; i < inputValArray.length; i++){
display += '"' + inputValArray[i] + '"' + "\n";
}
// 改行を「 OR 」に置換する
var str = display.replace(/\r?\n/g, ' OR ')
result.val('refnum:(' + str + ')');
// copyする
result.select();
})
});
알 수 없는 곳
끝에 여분의 OR이 나온다.
1234년
4321
↑ 텍스트 영역에 입력하고 처리하면,
refnum:("43141"OR "41241"OR "41412"OR )
for 문 이해
①display += '"' + inputValArray[i] + '"' + "\n";
②display = '"' + inputValArray[i] + '"' + "\n";
2라고 1행째 밖에 처리되지 않는 것.
그 밖에도 여러 가지 있지만, 잘 언어화 할 수 없기 때문에,
아웃풋을 거듭해 갈 수밖에 없다.
Reference
이 문제에 관하여(텍스트 영역의 문자열을 대체하여 원하는 모양으로 처리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/wateru/items/ffb0293653dd05797f01
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
indeed에서 광고를 운영하는 경우 어떤 직업을 계정에 연결할지 설정해야 합니다.
아무것도 설정하지 않으면 공개하고 있는 구인 모두가 대상이 됩니다.
그냥 대부분의 기업에서 요청이 있습니다.
그때 의뢰되는 구인수가 많으면 수작업이 늘어납니다.
(제외 설정만으로 끝나는 경우도 있습니다.)
기본적으로 제공되는 기능
직접 쓰기도 가능
의뢰 구인이 20건이라면, 아직 수작업으로도 노력할 수 있지만,
그 이상이 되면 포치포치 넣는 것이 귀찮아 밖에 없습니다.
필요한 형태를 순식간에 작성해, 직기의 란에 copipe 하는 것을 작성했습니다.
소스 코드
HTML
index.html<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
<title>indeed 求人紐付け</title>
</head>
<body>
<textarea name="kyujin" class="input" cols="30" rows="10" placeholder="12345 54321 98765"></textarea>
<button type="submit" value="送信" class="btn">送信&コピー</button>
<textarea name="seikei" class="seikei" cols="30" rows="10"></textarea>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="main.js" type="text/javascript"></script>
</html>
간단하게 입력하는 ①텍스트 영역과 ②버튼과 ③출력처의 텍스트 영역을 작성했습니다.placeholder
에서 예제를 제시했지만, 장치? 에 따라서는 개행해 주지 않는 것을 깨달았습니다.
CSS
style.css.kyujin, .btn, .seikei{
display: block;
}
최소한만입니다. 너무 서투르고・・・. 지금은 사용할 수 있으면 좋을 것입니다.
나중에 수정할 예정입니다.
js
main.js$(function(){
var input = $('.input');
var button = $('.btn');
var result = $('.seikei');
button.on('click', function(){
var inputVal = input.val();
// textareaの内容を改行で分割して配列に格納
var inputValArray = inputVal.split('\n');
// 各行に対して処理する
var display = "";
for(i = 0; i < inputValArray.length; i++){
display += '"' + inputValArray[i] + '"' + "\n";
}
// 改行を「 OR 」に置換する
var str = display.replace(/\r?\n/g, ' OR ')
result.val('refnum:(' + str + ')');
// copyする
result.select();
})
});
알 수 없는 곳
끝에 여분의 OR이 나온다.
1234년
4321
↑ 텍스트 영역에 입력하고 처리하면,
refnum:("43141"OR "41241"OR "41412"OR )
for 문 이해
①display += '"' + inputValArray[i] + '"' + "\n";
②display = '"' + inputValArray[i] + '"' + "\n";
2라고 1행째 밖에 처리되지 않는 것.
그 밖에도 여러 가지 있지만, 잘 언어화 할 수 없기 때문에,
아웃풋을 거듭해 갈 수밖에 없다.
Reference
이 문제에 관하여(텍스트 영역의 문자열을 대체하여 원하는 모양으로 처리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/wateru/items/ffb0293653dd05797f01
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
<title>indeed 求人紐付け</title>
</head>
<body>
<textarea name="kyujin" class="input" cols="30" rows="10" placeholder="12345 54321 98765"></textarea>
<button type="submit" value="送信" class="btn">送信&コピー</button>
<textarea name="seikei" class="seikei" cols="30" rows="10"></textarea>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="main.js" type="text/javascript"></script>
</html>
.kyujin, .btn, .seikei{
display: block;
}
$(function(){
var input = $('.input');
var button = $('.btn');
var result = $('.seikei');
button.on('click', function(){
var inputVal = input.val();
// textareaの内容を改行で分割して配列に格納
var inputValArray = inputVal.split('\n');
// 各行に対して処理する
var display = "";
for(i = 0; i < inputValArray.length; i++){
display += '"' + inputValArray[i] + '"' + "\n";
}
// 改行を「 OR 」に置換する
var str = display.replace(/\r?\n/g, ' OR ')
result.val('refnum:(' + str + ')');
// copyする
result.select();
})
});
끝에 여분의 OR이 나온다.
1234년
4321
↑ 텍스트 영역에 입력하고 처리하면,
refnum:("43141"OR "41241"OR "41412"OR )
for 문 이해
①display += '"' + inputValArray[i] + '"' + "\n";
②display = '"' + inputValArray[i] + '"' + "\n";
2라고 1행째 밖에 처리되지 않는 것.
그 밖에도 여러 가지 있지만, 잘 언어화 할 수 없기 때문에,
아웃풋을 거듭해 갈 수밖에 없다.
Reference
이 문제에 관하여(텍스트 영역의 문자열을 대체하여 원하는 모양으로 처리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/wateru/items/ffb0293653dd05797f01텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)