Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8822

テキストエリアの文字列を置換して、欲しい形に処理する

$
0
0

背景

本業で広告運用をしながら、勉強でプログラミングをしています。
indeedで運用する際に一部の手作業が面倒だと感じていた為、
アウトプットも兼ねて自動化してみました。

問題点

indeedで広告運用すると、どの求人をアカウントに紐付けるかの設定が必要になります。
何も設定しなければ、公開してる求人全てが対象となります。
ただ、ほとんどの企業から要望があります。
その時に、依頼される求人数が多ければ、手作業が増えます。
(除外の設定のみで済むときもあります。)

デフォルトで用意されてる機能

スクリーンショット 2020-12-12 22.23.47.png

直書きもできる

スクリーンショット 2020-12-12 22.23.26.png

依頼求人が20件なら、まだ手作業でも頑張れるけど、
それ以上になるとポチポチ入れるのが面倒でしかないです。

必要な形を一瞬で作成して、直書きの欄にコピペするのを作成しました。

ソースコード

https://kwateru.github.io/indeed_job_ID_replace/

HTML

index.html
<!DOCTYPE html><htmllang="ja"><head><metacharset="UTF-8"><linkrel="stylesheet"href="style.css"type="text/css"><title>indeed 求人紐付け</title></head><body><textareaname="kyujin"class="input"cols="30"rows="10"placeholder="12345&#13;54321&#13;98765"></textarea><buttontype="submit"value="送信"class="btn">送信&コピー</button><textareaname="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(){varinput=$('.input');varbutton=$('.btn');varresult=$('.seikei');button.on('click',function(){varinputVal=input.val();// textareaの内容を改行で分割して配列に格納varinputValArray=inputVal.split('\n');// 各行に対して処理するvardisplay="";for(i=0;i<inputValArray.length;i++){display+='"'+inputValArray[i]+'"'+"\n";}// 改行を「 OR 」に置換するvarstr=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行目しか処理されないこと。

他にも色々あるが、上手く言語化出来ないので、
アウトプットを重ねていくしかない。


Viewing all articles
Browse latest Browse all 8822

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>