Slide 1

Slide 1 text

JS Lovers 愛はJavaScriptで掴め。

Slide 2

Slide 2 text

自己紹介 • 毛利健人(愛称:ケリー) • 茨城生まれ、東京・立川育ちの27歳 • 「数学とか小難しいの嫌い」という理由で文学部に進んだバリバリ の文系人間 • 現在は動画配信サービス会社でデータアナリティクスを担当 エンジニアと話す機会が増えたこともあり、プログラミングに興味 を持った • 趣味は海外旅行 (写真は昨年クリスマスに中国・天津で散髪、想定以上の仕上がり に放心しているところ) • 今日は「愛をJavaScriptで掴む手段」をこっそり教えます

Slide 3

Slide 3 text

Step1. Tinder 「出会い系」にアブないニオイが漂っていたのも今は昔… アメリカでは、3組に1組がアプリで結婚する時代。 ただでさえ効率が良いマッチングアプリでの出会い、 JavaScriptでもっと効率化させる方法を考えました。 オジサン も、Tinder を使えば、若い女の子 と、た くさん出会う コトがデキるのカナ

Slide 4

Slide 4 text

//必要な要素を変数に代入していく const photo = document.querySelector(‘img‘); //写真 const age = document.getElementById(’age’); //年齢の欄 const ageText = age.textContent; //年齢のテキスト const prof = document.getElementById(‘profile’); //プロフィールの欄 const prooftext = prof.textContent; //プロフィールのテキスト const like = document.getElementById(‘Like’); //Likeボタン const unlike = document.getElementById(‘Unlike’);//Unlikeボタン // if文を用いて取捨選択…美人だけ? if ( photo === '美人' ) { //photoが美人だったら click(like); //Likeをclick } else { //さもなくば click(unlike); //Unlikeをclick }

Slide 5

Slide 5 text

// if文に条件追加、更にelse ifで分岐条件も追加…snowだけ? if ( photo === '美人' && photo !== 'snowで撮影' ) { click(like); } else if ( photo === '浜口京子' ){ //そうじゃなくても、photoが京子だったら click(like); //Likeをclick } else { //さもなくば click(unlike); //Unlikeをclick }

Slide 6

Slide 6 text

//こだわりが尽きないので、論理演算子と条件演算子を用いて文を短く ( photo === '美人' && photo !== 'snowで撮影' && ageText < 36 && profText.includes(' 社交的') || photo === '浜口京子' ) ? click(like) : click(unlike);

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

ごめん、今日風邪っぽい .

Slide 9

Slide 9 text

if( photo === '健康そう' )

Slide 10

Slide 10 text

Step2. 合コン 「合コン」という名の戦場はいつだってゼロサムゲーム。 高度情報化社会の現代において、情報戦が重要度を増して いることは言うに及びません。 孫氏曰く、「彼れを知りて己を知れば、百戦してあやうか らず」。相手を知り、己を知るJavaScriptの謀略やいかに。

Slide 11

Slide 11 text

//事前にプロフィールをチェックし、盛り上がる会話を想定しておく const females = Facebook.getElementsByClassName('今日来る女の子たち’); //今日来る女の子たちのFaceBookプロフィールを females.forEach(item => { //それぞれ let myBrain = document.getElementById('僕の脳みそ'); myBrain += item.textContent; //僕の脳みそに女の子の情報を叩き込む });

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

// 緊張がほどけるように酒を飲む let のどかちゃんからの好感度 = 0; const 胃袋 = []; for( let 自信 = 0; 自信 < 緊張; 自信++ ) { //自信が緊張を上回るまで、以下の命令を実行し続ける 飲み干すジョッキ++; //ジョッキを追加 胃袋.push('酒'); //胃袋に酒を追加 のどかちゃんの好感度 = 胃袋.length; //胃袋の酒の量だけ好感度が上がる };

Slide 15

Slide 15 text

// 緊張がほどけるように酒を飲む let のどかちゃんからの好感度 = 0; const 胃袋 = []; for( let 自信 = 0; 自信 < 緊張; 自信++ ) { //自信が緊張を上回るまで、以下の命令を実行し続ける 飲み干すジョッキ++; //ジョッキを追加 胃袋.push('酒'); //胃袋に酒を追加 if ( 飲み干すジョッキ > 9 ) {//ジョッキが10杯に達すると 胃袋 = null; のどかちゃんの好感度 = null; break; } のどかちゃんの好感度 = 胃袋.length; //胃袋の酒の量だけ好感度が上がる };

Slide 16

Slide 16 text

break;

Slide 17

Slide 17 text

Step3. 仲直り 恋人になるのは、幸せのゴールではなくスタート。時に、 二人の間でトラブルが生じることもあるでしょう。 とりわけ、機嫌を損ねた女性の扱いの難しさたるや、フィ ギュアの4回転半アクセル並。しつこすぎずほっときすぎ ない慎重さが求められます。 でも、あなたがJavaScriptを学んでいれば大丈夫。 JavaScriptで解決できない問題など無いのです。

Slide 18

Slide 18 text

// 定期的に謝りのメッセージが入るようにする const mailing = () => { const textarea = document.getElementById('テキスト入力フォーム'); textarea.value = 'ごめんね…'; //テキスト入力フォームにvalueを代入 document.querySelector('送信ボタン').click(); //送信ボタンをクリック setTimeout(mailing, 10800000); //3時間後 }; mailing();//再帰処理により、上記命令を繰り返す

Slide 19

Slide 19 text

//ランダムにメッセージが送られるようにする const mailing = () => { const textarea = document.getElementById('テキスト入力フォーム'); const number = Math.floor(Math.random() * 5); //ランダムに0~4の値を出す switch (number) { case 0: textarea.value = 'ごめんね…素直じゃなくて'; break; case 1: textarea.value = '今すぐ会いたいよ…'; break; case 2: textarea.value = '電話もできない、どうしよう…'; break; case 3: textarea.value = '月の光に導かれ、何度も巡り合う…'; break; case 4: textarea.value = 'ミラクル・ロマンス…'; break; } document.querySelector('送信ボタン').click(); setTimeout(mailing, 10800000); //3時間後 }; mailing();//再帰処理により、上記命令を繰り返す

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

for(僕がこの世を去るまで) { 君を愛し続ける; }

Slide 24

Slide 24 text

ご清聴ありがとうございました! https://js-lovers.firebaseapp.com/