たかまる
イカク、ウェブブラウザの開発者ツールとかデベロッパーツールって聞いたことない？
イカクくん
ないなぁ。
なんなのそれ？
たかまる
色々できることがあるけど、その一つにWebサイトのソースコードが見られる機能があるよ。
イカクくん
まじか！
たかまる
ブラウザによって使い方が若干違うんだけど、今回はChromeの開発者ツールを使ってコードを見る方法を教えるね。
開発者ツール（デベロッパーツール）の起動方法
たかまる
イカクが知りたがってるゲームのコードを見てみよう。
まずは、下のボタンをクリックしてゲームのページを開いてみて。
イカクくん
開いたよー。
たかまる
んじゃそのページ先で以下のどれかを試してみて。
- ショートカットキー:
F12またはCtrl + Shift + I（Macの場合はCmd + Opt + I） - 右クリック: ページ上の要素を右クリック → 「検証」を選択
- メニューから: Chromeの右上メニュー → 「その他のツール」→「デベロッパーツール」
開発者ツール（デベロッパーツール）の操作方法
たかまる
こんなのが出るから、赤丸をクリック。
たかまる
imgフォルダ（画像）
arikui-action/（トップページ)
index.js(ジャバスクリプトが書かれたファイル）
style.css(htmlの装飾データ）
が、あるね。
たかまる
そして、青丸がコード。
ゲーム自体のコードはindex.jsのコードだよ。
イカクくん
わぁ〜い！
丸コピしt…
さ、参考にするね！
たかまる
いま丸コピって言おうとした？
丸コピは絶対にNG! 著作権について
他人が作成したWebアプリのソースコードを丸ごとコピーすることは、著作権侵害に該当する可能性が高いです。日本の著作権法では、プログラムのソースコードも著作物として保護されており、無断でコピー・使用すると法的な問題に発展することがあります。
著作権侵害になるケース
- 無断でコピー＆使用 → 著作権者の許可なしにソースコードをコピーして利用するのは違法。
- 改変して公開 → 多少変更しても、元のコードの創作性が認められる場合は侵害になる可能性あり。
- 商用利用 → 他人のコードを使って利益を得ると、損害賠償請求の対象になることも。
許可されるケース
- オープンソースライセンス → MIT、GPLなどのライセンスが適用されている場合、条件を守れば利用可能。
- 著作権者の許可を得る → 作者が明示的に使用許可を出している場合は問題なし。
- 参考にする → コードのアイデアや構造を学び、自分で書き直すのはOK。
イカクくん
そ、そんなのわかってるもん。
冗談で言いそうになっただけだもん。
たかまる
ならいいんだけどさ。
みんなも気をつけてね！
コメント