1.ホームページを(なんちゃって)ハッキングしよう!

いきなり物騒な言葉でびっくりしました?
安心してください。これからやることは犯罪でも悪いことでもありません。
誰にも迷惑がかからないハッキングです。

【クイズ①】人気ツイッタラーのフォロアーをゼロにしてやれ!(デベロッパーツールの使い方)

みなさんツイッターやってますか。君が人気ツイッタラーならへえそりゃすごい。がんばってくださいね。
…ではなく、先生と同じように人気も何もない底辺アカウントを運用のみなさんは、超アルファなツイッターアカウントのフォロワーをゼロにしてやりましょう!
※これは実際にアカウントを不正に乗っ取る方法の紹介ではありません。あくまでWEBを知るために必要なツールを使い慣れるための練習です。

【作業1】GoogleChromeで人気ツイッターアカウントにアクセスする。

さすがに先生が誰、と指定するわけにもいかないので、ツイッター公式アカウントで試してみます。GoogleChromeを起動しましょう。

「chrome」の画像検索結果

起動したら下のリンクを押してみてください。

ツイッター日本公式アカウント
https://twitter.com/TwitterJP

229.3万フォロアーですって。

さて、ここからですよ。念の為もう一度確認しますが、今君が開いているブラウザはGoogleChromeですね?
ではまず先生の授業で必ず覚えるショートカット。

windows:F12 または Ctr+shift+i
MAC:Command+Option+i

 

サイトの横(下)に何か英語がごちゃごちゃ書かれたパネルが出ましたか。
それがこれからしばらく使うツール、「デベロッパーツール」です。

では一緒にやってみましょう。

このツールをクリックして…

 

フォロアーの数字を選択。

選択したら、デベロッパーツールの方を見てみよう。
薄く選択されている場所が出来ている。
そしたら「…」メニューをクリック。

Edit as HTML
229.2万のところを消して0に変えてみよう。

 

フォロワーが”0”に!

どうでしょう。画面上の数字を改ざんできました?
じゃあいくつか問題を出すので、同じようにやってみてくださいね

 
ウォンバット先生
第一回授業まとめ
①デベロッパーツールを表示できる
→windows:F12 または Ctrl+Shift+i
→Mac:コマンド+オプション+i
②デベロッパーツールの選択ツールを使ってサイトの数字や文字を書き換えられる。