Browser をテンプレートにして作成

開始行:
*Webブラウザについて ~ ブラウザとは、一般にWWWの情報を閲覧するためのソフトウエア... 世界のブラウザのシェアは以下で確認できます。 http://www.w3counter.com/globalstats.php Windowsでは、Microsoft Edge / Internet Explorer 、 Macで... -[[Chrome>Google:Chrome]]：OnenSource （一部プロプライエ... -[[Firefox>Google:Firefox]]：OpenSource（Mozilla Public L... -[[Opera>http://www.opera.com/ja]]：プロプライエタリ・無料 //-[[Vivaldi>https://vivaldi.com/]]：プロプライエタリ・無料 ~ **ブラウザの種類 -[[Wikipedia:NCSA Mosaic]]（1993, Free） -[[Wikipedia:Netscape]] -[[Wikipedia:Microsoft_Edge]] --[[Wikipedia:Internet Explorer]] -[[Wikipedia:Safari]] -[[Wikipedia:Mozilla Firefox]] -[[Wikipedia:Google Chrome]] ~ ~ **ブラウザの活用 ブラウザは様々あるソフトウエアの中で、最も使用頻度の高い... その使い勝手は、すべての作業の効率を左右するといっても過... ~ ***ブラウザでできること -Webサイトの閲覧 / 各種ファイルのダウンロード -画像（.jpg）、動画（.mp4）、音声（.mp3）等の再生 -クラウドドライブ上でのファイル管理 -文書、スプレッドシート、スライド、楽曲等の作成・共同編集... ~ ***ブックマーク（お気に入り） 頻繁に利用するサイトはブックマークして、情報の活用効率を... ~ ***様々な検索方法 -絞り込み検索：単語をスペース区切りで入力して絞り込み -マイナス検索： 検索したいワード ''-'' 除外したいワード [[Google: 北海道 -ツアー]]　&small(広告は出るので完璧な除... -ドメイン指定検索：サーバーのある地域を限定した検索ができ... [[GoogleImage:illustration site:.us]] [[GoogleImage: illustration site:.fr]] ~ ***様々な情報資源 -Wikipedia ：https://ja.wikipedia.org/ -WikimediaCommons：https://commons.wikimedia.org/ -Internet Archives：https://archive.org/ ~ ***履歴管理について -検索履歴はプライベートな情報です。共用パソコンを利用した... -Googleアカウントでログインした状態で検索したものは、自身... -Cookie の仕組みを知って、賢く対応しましょう。 [[Google: Cookieとは]] ~ ***インターネット利用の留意事項 -インターネットは匿名で利用できると思っている方が多いよう... -例えば、アクセス元の IPアドレスは、サーバーのログなどか... __[[確認くん>https://www.ugtop.com/spill.shtml]]__ -インターネットの利用には、ここには書ききれないほど多くの... https://www.ipa.go.jp/security/10threats/index.html ~ ~ **ブラウザの設定 ***ホームページ 起動時、またHOMEアイコンをクリックしたとき表示されるペー... ~ ***ダウンロード先 デフォルトでは、「ダウンロードフォルダ」となっているもの... ~ ***ツールバーのカスタマイズ ホームアイコンやブックマーク、その他のブラウザツールの表... [[Google:ブラウザ ツールバー カスタマイズ]] ~ ***アドオン（機能拡張）の管理 Web開発用のツール、FTPクライアント、サイトの一括ダウンロ... ~ ~ **ブラウザの開発ツール ブラウザには、ソースコードの表示はもちろん、表示中のペー... ~ ***開発ツールの起動 FirefoxやChrome、Safariには、開発支援ツールが標準で実装さ... -Firefoxの場合 --ページ上で右クリック＞要素を調査　※これが最も早いです --トップメニュー＞ツール＞Web開発＞開発ツールを表示 --右上のメニューボタン＞開発ツール＞開発ツールを表示 -Cromeの場合 --ページ上で右クリック＞検証 --トップメニュー＞表示＞開発/管理＞デベロッパーツール --右上のメニューボタン＞その他のツール＞デベロッパーツール -Safariの場合 --ページ上で右クリック(要カスタマイズ)＞要素の詳細を表示 --トップメニュー(要カスタマイズ)＞開発＞Webインスペクタを... --ツールバー(要カスタマイズ)＞Webインスペクタアイコンをク... --''補足''：Safariはデフォルトが「素人モード」になってい... ・環境設定＞詳細＞開発メニューを表示　にチェック 　この操作で、メニューバーに「開発」の項目が表示されると... 　コンテクストメニュー（右クリックで表示されるメニュー）... 　「ソースを表示」が出るようになります。 ・環境設定＞詳細＞スマート検索フィールド 　Webサイトの完全なアドレスを表示 　にチェック -なお、開発ツールはショートカットでも出せます。 Firefox, Chrome とも [command]+[option]+[i]（Windowsは [F... ~ ***開発ツールの使い方 &color(red){ここではFirefoxの例で説明します。どのブラウザ... -まず、開発ウインドウの出し方について ウインドウ右上のアイコンで、ページの下・右・独立ウインド... -開発ウインドウ＞ 要素選択 ページ上の要素選択で、当該部分のHTMLソースがハイライト表示 -開発ウインドウ＞インスペクタ --HTMLソースに触れるとページ上の当該部分がハイライト表示... --CSSの各プロパティについて、その有無による表示の違い、さ... 　　 |#image(Browser/InspectorHTML.png)　|#image(Browser/Inspe... -コンソール CSSやJSのエラーが行番号とともに表示されます。 --「警告」は、あくまで警告なので、そのままでも大丈夫です... --JSパネルでエラー（赤字）が出ている場合は、その行で機能... ~ ***キャッシュのクリアについて ブラウザというソフトウエアは、ページの閲覧を効率化する目... サイトを書き直して再アップしたが、変更が反映されない・・... その場合は、まずブラウザの「更新ボタン」を押してみて下さ... 特に HTML以外のCSSやJSなど、リンクでインクルードするファ... -Firefox：Shift + 「再読み込み」｜ Ctrl + F5 ｜Ctrl + R ... -Google Chrome：Ctrl + Shift + R （Mac では ⌘ +Shift + R） -Safari： Shift + 「再読み込み」｜Ctrl + F5 or Ctrl + R ... -Internet Explorer：Ctrl +「最新の情報に更新」｜ Ctrl-F5 ~ ~ ~

終了行:
*Webブラウザについて ~ ブラウザとは、一般にWWWの情報を閲覧するためのソフトウエア... 世界のブラウザのシェアは以下で確認できます。 http://www.w3counter.com/globalstats.php Windowsでは、Microsoft Edge / Internet Explorer 、 Macで... -[[Chrome>Google:Chrome]]：OnenSource （一部プロプライエ... -[[Firefox>Google:Firefox]]：OpenSource（Mozilla Public L... -[[Opera>http://www.opera.com/ja]]：プロプライエタリ・無料 //-[[Vivaldi>https://vivaldi.com/]]：プロプライエタリ・無料 ~ **ブラウザの種類 -[[Wikipedia:NCSA Mosaic]]（1993, Free） -[[Wikipedia:Netscape]] -[[Wikipedia:Microsoft_Edge]] --[[Wikipedia:Internet Explorer]] -[[Wikipedia:Safari]] -[[Wikipedia:Mozilla Firefox]] -[[Wikipedia:Google Chrome]] ~ ~ **ブラウザの活用 ブラウザは様々あるソフトウエアの中で、最も使用頻度の高い... その使い勝手は、すべての作業の効率を左右するといっても過... ~ ***ブラウザでできること -Webサイトの閲覧 / 各種ファイルのダウンロード -画像（.jpg）、動画（.mp4）、音声（.mp3）等の再生 -クラウドドライブ上でのファイル管理 -文書、スプレッドシート、スライド、楽曲等の作成・共同編集... ~ ***ブックマーク（お気に入り） 頻繁に利用するサイトはブックマークして、情報の活用効率を... ~ ***様々な検索方法 -絞り込み検索：単語をスペース区切りで入力して絞り込み -マイナス検索： 検索したいワード ''-'' 除外したいワード [[Google: 北海道 -ツアー]]　&small(広告は出るので完璧な除... -ドメイン指定検索：サーバーのある地域を限定した検索ができ... [[GoogleImage:illustration site:.us]] [[GoogleImage: illustration site:.fr]] ~ ***様々な情報資源 -Wikipedia ：https://ja.wikipedia.org/ -WikimediaCommons：https://commons.wikimedia.org/ -Internet Archives：https://archive.org/ ~ ***履歴管理について -検索履歴はプライベートな情報です。共用パソコンを利用した... -Googleアカウントでログインした状態で検索したものは、自身... -Cookie の仕組みを知って、賢く対応しましょう。 [[Google: Cookieとは]] ~ ***インターネット利用の留意事項 -インターネットは匿名で利用できると思っている方が多いよう... -例えば、アクセス元の IPアドレスは、サーバーのログなどか... __[[確認くん>https://www.ugtop.com/spill.shtml]]__ -インターネットの利用には、ここには書ききれないほど多くの... https://www.ipa.go.jp/security/10threats/index.html ~ ~ **ブラウザの設定 ***ホームページ 起動時、またHOMEアイコンをクリックしたとき表示されるペー... ~ ***ダウンロード先 デフォルトでは、「ダウンロードフォルダ」となっているもの... ~ ***ツールバーのカスタマイズ ホームアイコンやブックマーク、その他のブラウザツールの表... [[Google:ブラウザ ツールバー カスタマイズ]] ~ ***アドオン（機能拡張）の管理 Web開発用のツール、FTPクライアント、サイトの一括ダウンロ... ~ ~ **ブラウザの開発ツール ブラウザには、ソースコードの表示はもちろん、表示中のペー... ~ ***開発ツールの起動 FirefoxやChrome、Safariには、開発支援ツールが標準で実装さ... -Firefoxの場合 --ページ上で右クリック＞要素を調査　※これが最も早いです --トップメニュー＞ツール＞Web開発＞開発ツールを表示 --右上のメニューボタン＞開発ツール＞開発ツールを表示 -Cromeの場合 --ページ上で右クリック＞検証 --トップメニュー＞表示＞開発/管理＞デベロッパーツール --右上のメニューボタン＞その他のツール＞デベロッパーツール -Safariの場合 --ページ上で右クリック(要カスタマイズ)＞要素の詳細を表示 --トップメニュー(要カスタマイズ)＞開発＞Webインスペクタを... --ツールバー(要カスタマイズ)＞Webインスペクタアイコンをク... --''補足''：Safariはデフォルトが「素人モード」になってい... ・環境設定＞詳細＞開発メニューを表示　にチェック 　この操作で、メニューバーに「開発」の項目が表示されると... 　コンテクストメニュー（右クリックで表示されるメニュー）... 　「ソースを表示」が出るようになります。 ・環境設定＞詳細＞スマート検索フィールド 　Webサイトの完全なアドレスを表示 　にチェック -なお、開発ツールはショートカットでも出せます。 Firefox, Chrome とも [command]+[option]+[i]（Windowsは [F... ~ ***開発ツールの使い方 &color(red){ここではFirefoxの例で説明します。どのブラウザ... -まず、開発ウインドウの出し方について ウインドウ右上のアイコンで、ページの下・右・独立ウインド... -開発ウインドウ＞ 要素選択 ページ上の要素選択で、当該部分のHTMLソースがハイライト表示 -開発ウインドウ＞インスペクタ --HTMLソースに触れるとページ上の当該部分がハイライト表示... --CSSの各プロパティについて、その有無による表示の違い、さ... 　　 |#image(Browser/InspectorHTML.png)　|#image(Browser/Inspe... -コンソール CSSやJSのエラーが行番号とともに表示されます。 --「警告」は、あくまで警告なので、そのままでも大丈夫です... --JSパネルでエラー（赤字）が出ている場合は、その行で機能... ~ ***キャッシュのクリアについて ブラウザというソフトウエアは、ページの閲覧を効率化する目... サイトを書き直して再アップしたが、変更が反映されない・・... その場合は、まずブラウザの「更新ボタン」を押してみて下さ... 特に HTML以外のCSSやJSなど、リンクでインクルードするファ... -Firefox：Shift + 「再読み込み」｜ Ctrl + F5 ｜Ctrl + R ... -Google Chrome：Ctrl + Shift + R （Mac では ⌘ +Shift + R） -Safari： Shift + 「再読み込み」｜Ctrl + F5 or Ctrl + R ... -Internet Explorer：Ctrl +「最新の情報に更新」｜ Ctrl-F5 ~ ~ ~

ページ名: