★ジャンル別雑文集＆ホームページ作成
＆JavaScriptゲーム★

付録２．役立つサイト＆ブックマークレット＆マルチ検索ボックス

Ａ．役立つサイト（無料オンラインツール＆フリーソフトの情報です）

　テキストHTML変換
　　HTMLソースコードを参照形式に変換してくれます。
　　また改行コード部分に改行タグを挿入することも可能です。

　子要素/親要素の対応表
　　HTML5の各要素が包含できる子要素を表示してくれます。
　　また逆に包含されることが可能な親要素も表示できます。

　文字数カウント
　　テキストボックスに入力された文字数をカウントします。
　　全角文字と改行文字と空白文字の扱いが選択できます。

　カラーコード
　　カラーコードのサンプル集のページです。
　　ブラウザ上で色のチェックもできます。

　Sitemap Generator
　　検索エンジン向けにXML形式のサイトマップを作成したい場合、
　　このサイトを使うとXMLファイルを自動で作成してくれます。

　フリーソフト Crescent Eve
　　シンプルながら高機能のHTMLエディタです。
　　入力補完や文法チェックやプレビュー機能も付いています。

　Visual Studio Code
　　強力で軽量な無料のプログラミングエディタです。
　　必要な機能を追加して使用する拡張機能も豊富にあります。

　フリーソフト TextSS.net
　　選択した全ファイルの特定文字列を一括して置き換えてくれます。
　　複数行の変換だけでなく高度な変換や特殊な変換も可能です。

　フリーソフト Flexible Renamer
　　ファイルやフォルダの名前を一括して置き換えてくれます。
　　ワイルドカードや正規表現を利用した高度な変換も可能です。

　フリーソフト Pixia
　　レイヤー機能やフィルター機能を備えたペイントソフトです。
　　無料にしては高機能でユーザー制作のフィルターも豊富にあります。

　フリーソフト FFFTP
　　定番のFTPクライアントソフトでファイルを転送する時に使います。
　　有志によって機能アップ＆セキュリティ確保の改版がなされています。

Ｂ．ブックマークレット（ブラウザ上で処理を行う簡易プログラムです）

　★以下のリンク部分をクリックしても本来の利用目的は果たせません★
　★右クリック等でブックマークに追加して対象ページで実行して下さい★
　★ブックマークバーに登録しておくとすぐに呼び出せてより便利です★

　キャッシュ ： ページのキャッシュデータを表示する(Google利用)

　リンク ： ページの被リンク情報(link:URL)を表示する(Google利用)

　サイト ： サイトのインデックス情報(site:URL)を表示する(Google利用)

　ＳＥＯチェキ ： ページのＳＥＯを無料の専用サイトでチェックする

　検索連番 ： Google検索結果で実行すると順位番号が連番で表示される
　☆Google検索の仕様変更に伴って一部修正しました(2021-03-18)☆

　英語翻訳 ： 英語サイトで実行すると英語を日本語に翻訳してくれる

　ハイライト表示１ ： ページ内の指定文字列だけ目立たせる(追加型)

　ハイライト表示２ ： ページ内の指定文字列だけ目立たせる(置換型)

　ダイレクト検索 ： テキストを選択状態で実行すると検索が開始される
　☆ブラウザの設定によらず動作するよう一部修正しました(2021-02-14)☆

　ダイレクトURL ： テキストURLを選択状態で実行するとそのURLを開く
　☆ブラウザの設定によらず動作するよう一部修正しました(2021-02-14)☆

　画面ジャンプ ： ボタン操作で画面の最上部と最下部にジャンプさせる

　画面スクロール ： ボタン操作で画面を上下に自動スクロールさせる

　別窓リンク ： ページ内の全てのリンク先を別窓で開くように設定する

　変数値チェック ： グローバル変数の値をリアルタイムでチェックする
　★継続負荷を防止する為に１回につき15秒でタイムアウトする仕様です★

　検索順位チェック１ ： サイトの検索順位をチェックする(ジャンプ型)
　☆Google検索の仕様変更に伴って一部修正しました(2022-05-13)☆
　★事前にabc.com部分を対象サイトに変更してGoogle検索結果で実行します★

　検索順位チェック２ ： サイトの検索順位をチェックする(スクロール型)
　☆Google検索の仕様変更に伴って一部修正しました(2022-05-13)☆
　★事前にabc.com部分を対象サイトに変更してGoogle検索結果で実行します★

Ｃ．マルチ検索ボックス

　JavaScriptを使ってマルチ検索ボックスを作ってみました。
　せっかく作ることができたので、各ページの上部に設置しています。
　よろしければ、同一キーワードでの連続検索の際にご利用下さい。
　自サイトへ設置希望の方は、ソースコードを持ち帰って構いません。
　該当のコードは外部jsファイル"script.js"の以下の部分です。
　　function myStart(){‥‥‥}
　　function myPattern(){‥‥‥}
　　function myDoc13(){‥‥‥}
　上記の内容は外部ファイルかhtmlのhead部分に記述しておきます。
　さらに、body部分の設置したい箇所に以下の内容を追加します。
　　<script>
　　myDoc13();
　　</script>
　なお、持ち帰ったマルチ検索ボックスは自由に改変して構いません。

よろしければ「自作JavaScriptツール」のページも併せてご覧下さい。
そのついでに「JavaScriptゲーム」のコーナーで遊んでみてはいかがですか。