HTMLソースコードをコピーする方法

このWikiHowでは、コンピュータ、携帯電話、タブレットでウェブサイトのHTMLソースコードを検索してコピーする方法を説明します。パソコンやアンドロイドを使用している場合は、手順はとても簡単ですが、iPhoneやiPadを使用している場合は、View Sourceのようなサードパーティアプリを使用する必要があります。

知っておくべきこと

• コンピューター上で、ウェブサイトの空白部分を右クリックし、「ページのソースを表示」を選択します。すべてのテキストをハイライトし、Ctrl+C（PC）または⌘Cmd+C（Mac）を押してコピーします。
• Androidの場合は、ウェブサイトのURLの先頭にview-source:を追加します。タップしたまま単語をハイライトする。バーをドラッグしてコードをすべて囲みます。コピー」をタップする。
• Macの場合、View Sourceアプリをインストールする。ウェブサイトのURLをコピーしてアプリに貼り付け、goを選択します。任意の単語をタップ＆ホールドしてハイライトする。バーをドラッグしてさらにコードをハイライトし、「コピー」を押す。

方法1

コンピューターを使用する

1. コピーしたいウェブサイトにアクセスします。PCまたはMacのどのウェブブラウザでも、ウェブサイトのソースコードを表示してコピーすることができます。
2. Safariを使っている場合は）開発メニューを有効にする。MacでSafariを使用している場合、ウェブサイトのソースコードを表示するにはDevelopメニューを有効にする必要があります。 これはSafariでのみ必要なので、他のブラウザを使用している場合は省略できます：

   • 画面上部のSafariメニューをクリックします。
   • メニューの「環境設定」をクリックします。
   • 詳細設定」をクリックします。
   • メニューバーに開発メニューを表示]を選択します。
3. ウェブサイトの空白部分を右クリックします。コンテキストメニューが展開されます。
4. メニューの[ページソースを表示]をクリックします。ウェブブラウザによって表現は多少異なりますが、このオプションは常に現在のページのソースコードを表示します。

   • フレーム内で右クリックした場合は、代わりに「フレームソースを表示」が表示されます。 これは、現在のフレームのソースコードのみを表示します。
   • ソースコードの先頭付近にstyle.cssのような名前のファイルへのリンクがある場合、これはウェブサイトのスタイル（フォント、色、レイアウト情報）を含む別のファイルです。 リンクをクリックすると、そのページが開きます。サイトのコードをすべてコピーしたい場合は、このページもコピーする必要があります。
5. Ctrl+A (PC) または ⌘ Cmd+A (Mac) を押します。ページ上のすべてのコードがハイライトされます。
6. Ctrl+C (PC) または ⌘ Cmd+C (Mac) を押します。選択したソースコードがクリップボードに貼り付けられます。

   • 必要な場所に貼り付けるには、右クリックして「貼り付け」を選択します。

方法2

アンドロイドの場合

1. お使いの携帯電話またはタブレットでChromeまたはSamsung Internetを開きます。Google Chromeを使用して、Androidでウェブサイトのソースコードを表示できます。
2. 表示したいウェブサイトにアクセスします。サイトが完全に読み込まれるまで待ってから続行します。
3. アドレスバーをタップします。ウェブサイトのアドレスが表示されます。
4. URLの先頭にview-source:を追加します。これを行うには、カーソルをURLの先頭（https:// の前）に移動し、view-source: と入力します。

   • たとえば、wikiHow.comのソースを表示する場合、URLは次のようになります： view-source：
5. 検索キー、エンターキー、またはgoキーをタップして、サイトに移動します。これでサイトが更新され、ソースコードのみが表示されます。

   • ソースコードの先頭付近にstyle.cssのような名前のファイルへのリンクがある場合、これはウェブサイトのスタイル設定（色、フォント、デザインなど）を含む別のファイルです。リンクをタップすると、そのページが開きます。サイトのコードをすべてコピーしたい場合は、このページもコピーする必要があります。
6. ソースコード内の任意の単語をタップしたままにします。その単語がハイライトされ、バウンディング・ハンドルで囲まれます。
7. バウンディング・ハンドルをドラッグして、すべてのソース・コードを選択します。これを行うには、左端のバウンディング・ハンドルをページの先頭までドラッグし、右端のハンドルを末尾までドラッグします。完了すると、小さなツールバーが表示されます。
8. ツールバーの「コピー」をタップします。これでソースコードがコピーされたので、Googleドキュメントやメモアプリなど、任意の場所に貼り付けることができます。

   • コードをファイルやアプリに貼り付けるには、入力エリアをタップしたまま「貼り付け」を選択します。

方法3

iPhoneまたはiPadを使う

1. App StoreからView Sourceをインストールする

   。iPhoneやiPadのウェブ・ブラウザには、ウェブサイトのソース・コードを簡単に表示できる設定はない。幸いなことに、そのためのアプリがあります！これは、任意のウェブサイトのソースコードを表示し、コピーすることができ、小さくて使いやすいアプリです。
2. Safari（またはお好みのウェブブラウザ）を開く。閲覧したいウェブサイトを読み込むには、通常のブラウザを使用することができます。
3. URLをコピーする。表示したいページに移動したら、画面上部のアドレスバーをタップしてURLを選択します。その後、もう一度タップしてコンテキストメニューを開き、「コピー」を選択します。
4. View Sourceアプリを開きます。黒いウィンドウ、2つの括弧、セミコロンが付いた紫色のアイコンです。ホーム画面やアプリのライブラリにあります。
5. アドレスバーをタップし、貼り付けを選択します。コピーしたURLが「ソースを表示」のアドレスバーに貼り付けられます。
6. キーボードのgoキーをタップします。入力したURLのソースコードが表示されます。
7. ソースコード内の任意の単語をタップしたままにします。その単語がハイライトされ、バウンディング・ハンドルで囲まれます。
8. バウンディング・ハンドルをドラッグして、ソース・コード全体を選択します。これを行うには、左端のバウンディング・ハンドルをページの先頭までドラッグし、右端のハンドルを末尾までドラッグします。完了すると、小さなツールバーが表示されます。
9. メニューの「コピー」をタップします。メニューが表示されない場合は、ハイライトされた部分を長押しして表示させ、「コピー」を選択します。ソースコードがクリップボードにコピーされたら、メモアプリやメールメッセージなど、好きなアプリにペーストできます。

   • ペーストするには、入力部分をタップしたまま「ペースト」を選択します。

この記事は、CC BY-NC-SAで公開されている「 How to Copy HTML Source Code on Your Computer, iPhone, or Android 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。