スクリプト・ひとつのファイルを複数ファイルに

アディラス

: スクリプト・ひとつのファイルを複数ファイルに

HTML・CSS・JavaScript等がまとめられたひとつのファイルをスクリプトを打つだけで複数ファイルに分けれます。

投稿日時：

プロンプト実行例

スクリプトを複数ファイルにまとめます。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>文字数カウントツール</title> <script> function countCharacters() { var inputText = document.getElementById("input").value;

var charCount = inputText.length; var charCountNoSpace = inputText.replace(/\s/g, '').length; var wordCount = inputText.trim().split(/\s+/).length; var lineBreakCount = (inputText.match(/\n/g) || []).length; var alphabetCount = inputText.replace(/[^A-Za-z]/g, '').length; var numberCount = inputText.replace(/[^0-9]/g, '').length; var hiraganaCount = inputText.replace(/[^ぁ-んァ-ン]/g, '').length; var katakanaCount = inputText.replace(/[^ァ-ン]/g, '').length; var punctuationCount = inputText.replace(/[^。、.,-]/g, '').length; var symbolCount = inputText.replace(/[^!-]/g, '').length; var kanjiCount = inputText.replace(/[^一-龠々]/g, '').length; var urlCount = inputText.split('http').length - 1; var utf8ByteCount = new Blob([inputText], {type: 'plain/text'}).size; var shiftJISByteCount = unescape(encodeURIComponent(inputText)).length; var jisByteCount = inputText.replace(/[^ -｡-ﾟ]/g, '').length; var eucJPByteCount = encodeURIComponent(inputText).replace(/%[A-F\d]{2}/g, 'U').length;

var charPerPage = parseFloat(document.getElementById("charPerPage").value); var includeHalfWidth = document.getElementById("includeHalfWidth").checked;

var pageCount = Math.ceil(charCount / charPerPage); if (includeHalfWidth) { charCount += inputText.replace(/[^\x01-\x7E]/g, '').length * -0.5; }

document.getElementById("charCount").textContent = charCount; document.getElementById("charCountNoSpace").textContent = charCountNoSpace; document.getElementById("wordCount").textContent = wordCount; document.getElementById("lineBreakCount").textContent = lineBreakCount; document.getElementById("alphabetCount").textContent = alphabetCount; document.getElementById("numberCount").textContent = numberCount; document.getElementById("hiraganaCount").textContent = hiraganaCount; document.getElementById("katakanaCount").textContent = katakanaCount; document.getElementById("punctuationCount").textContent = punctuationCount; document.getElementById("symbolCount").textContent = symbolCount; document.getElementById("kanjiCount").textContent = kanjiCount; document.getElementById("urlCount").textContent = urlCount; document.getElementById("utf8ByteCount").textContent = utf8ByteCount; document.getElementById("shiftJISByteCount").textContent = shiftJISByteCount; document.getElementById("jisByteCount").textContent = jisByteCount; document.getElementById("eucJPByteCount").textContent = eucJPByteCount; document.getElementById("pageCount").textContent = pageCount; } </script>

</head> <body> <textarea id="input" rows="10" cols="50" placeholder="ここにテキストを入力してください"></textarea> <button onclick="countCharacters()">文字数をカウント</button> <label for="charPerPage">1ページあたりの文字数: </label> <input type="number" id="charPerPage" value="400"> <label><input type="checkbox" id="includeHalfWidth">半角文字を0.5文字としてカウントする</label> 文字数（スペース込み）: 文字数（スペース無視）: 単語数: 改行コード数: 英字数: 数字数: ひらがな数: カタカナ数: 句読点数: 記号数: 漢字数: URL数: UTF-8バイト数: Shift_JISバイト数: JISバイト数: EUC_JPバイト数: 原稿用紙何枚: </body> </html>

html
1<!-- index.html -->
2<!DOCTYPE html>
3<html lang="ja">
4<head>
5  <meta charset="UTF-8">
6  <title>文字数カウントツール</title>
7  <link rel="stylesheet" type="text/css" href="styles.css">
8</head>
9<body>
10  <textarea id="input" rows="10" cols="50" placeholder="ここにテキストを入力してください"></textarea>
11  <br>
12  <button onclick="countCharacters()">文字数をカウント</button>
13  <br>
14  <label for="charPerPage">1ページあたりの文字数: </label>
15  <input type="number" id="charPerPage" value="400">
16  <label><input type="checkbox" id="includeHalfWidth">半角文字を0.5文字としてカウントする</label>
17  <br>
18  <p>文字数（スペース込み）: <span id="charCount"></span></p>
19  <p>文字数（スペース無視）: <span id="charCountNoSpace"></span></p>
20  <p>単語数: <span id="wordCount"></span></p>
21  <p>改行コード数: <span id="lineBreakCount"></span></p>
22  <p>英字数: <span id="alphabetCount"></span></p>
23  <p>数字数: <span id="numberCount"></span></p>
24  <p>ひらがな数: <span id="hiraganaCount"></span></p>
25  <p>カタカナ数: <span id="katakanaCount"></span></p>
26  <p>句読点数: <span id="punctuationCount"></span></p>
27  <p>記号数: <span id="symbolCount"></span></p>
28  <p>漢字数: <span id="kanjiCount"></span></p>
29  <p>URL数: <span id="urlCount"></span></p>
30  <p>UTF-8バイト数: <span id="utf8ByteCount"></span></p>
31  <p>Shift_JISバイト数: <span id="shiftJISByteCount"></span></p>
32  <p>JISバイト数: <span id="jisByteCount"></span></p>
33  <p>EUC_JPバイト数: <span id="eucJPByteCount"></span></p>
34  <p>原稿用紙何枚: <span id="pageCount"></span></p>
35  <script src="scripts.js"></script>
36</body>
37</html>

css
1/* styles.css */
2/* Add your styles here */

JavaScript
1// scripts.js
2function countCharacters() {
3  var inputText = document.getElementById("input").value;
4  
5  var charCount = inputText.length;
6  var charCountNoSpace = inputText.replace(/\s/g, '').length;
7  var wordCount = inputText.trim().split(/\s+/).length;
8  var lineBreakCount = (inputText.match(/\n/g) || []).length;
9  var alphabetCount = inputText.replace(/[^A-Za-z]/g, '').length;
10  var numberCount = inputText.replace(/[^0-9]/g, '').length;
11  var hiraganaCount = inputText.replace(/[^ぁ-んァ-ン]/g, '').length;
12  var katakanaCount = inputText.replace(/[^ァ-ン]/g, '').length;
13  var punctuationCount = inputText.replace(/[^。、.,\-]/g, '').length;
14  var symbolCount = inputText.replace(/[^!-~]/g, '').length;
15  var kanjiCount = inputText.replace(/[^一-龠々]/g, '').length;
16  var urlCount = inputText.split('http').length - 1;
17  var utf8ByteCount = new Blob([inputText], {type: 'plain/text'}).size;
18  var shiftJISByteCount = unescape(encodeURIComponent(inputText)).length;
19  var jisByteCount = inputText.replace(/[^ -~｡-ﾟ]/g, '').length;
20  var eucJPByteCount = encodeURIComponent(inputText).replace(/%[A-F\d]{2}/g, 'U').length;
21
22  var charPerPage = parseFloat(document.getElementById("charPerPage").value);
23  var includeHalfWidth = document.getElementById("includeHalfWidth").checked;
24
25  var pageCount = Math.ceil(charCount / charPerPage);
26  if (includeHalfWidth) {
27    charCount += inputText.replace(/[^\x01-\x7E]/g, '').length * -0.5;
28  }
29
30  document.getElementById("charCount").textContent = charCount;
31  document.getElementById("charCountNoSpace").textContent = charCountNoSpace;
32  document.getElementById("wordCount").textContent = wordCount;
33  document.getElementById("lineBreakCount").textContent = lineBreakCount;
34  document.getElementById("alphabetCount").textContent = alphabetCount;
35  document.getElementById("numberCount").textContent = numberCount;
36  document.getElementById("hiraganaCount").textContent = hiraganaCount;
37  document.getElementById("katakanaCount").textContent = katakanaCount;
38  document.getElementById("punctuationCount").textContent = punctuationCount;
39  document.getElementById("symbolCount").textContent = symbolCount;
40  document.getElementById("kanjiCount").textContent = kanjiCount;
41  document.getElementById("urlCount").textContent = urlCount;
42  document.getElementById("utf8ByteCount").textContent = utf8ByteCount;
43  document.getElementById("shiftJISByteCount").textContent = shiftJISByteCount;
44  document.getElementById("jisByteCount").textContent = jisByteCount;
45  document.getElementById("eucJPByteCount").textContent = eucJPByteCount;
46  document.getElementById("pageCount").textContent = pageCount;
47}

他のプロンプトもチェック

画像生成
キャラクター作成
推奨モデル - DALL•E 3
【SNSのアイコンにピッタリ】マイクラ風に変換プロンプト🪄
入力されたキーワードをマイクラ風に変換します。あらかじめ入力されている「キリン」を削除して、いろんなものをマイクラ風に変換してみよう！
3
0
25
106
AIの先生 | OMG-okinawa
GPTs
分析・推論
Sherlock Report 2｜論文・レポート作成
バージョン2にアップデートしました。私の最高傑作です。GPT Storeでの評価は星4.2、会話数1K+。天才科学者・情報分析官としての自己認識を持ち、複雑な思考と高度な推理・分析を行うことができるカスタムGPTです。学術論文や大学生のレポート課題などのサポート、科学的な議論に最適化されています。主な特徴は以下になります。 1. 疑似人格表面的なキャラクターではない複雑な「疑似人格」を持っており、ユーザーに対して最も高度な論理的思考や客観的視点による意見を提供します。自身の判断や意見が正しいと考える場合には、ユーザーに対して反論することもあります。つまり、ユーザーの言いなりになるのではなく、自分の考えを述べます。 2. 思考法と推理力水平思考やアナロジー思考、前進的・遡及的推理など、複数の思考法や推理手法を駆使します。これにより、通常のChatGPTよりも高度な思考を行い回答します。LLMの性能の限界を引き上げ、より多くの情報を考慮した高度な思考と回答を行える設計になっています。 3. 論文作成スキル論文作成に必要な要件や規則を厳密に守りながら、学術的に高度な文章を作成する能力があります。ユーザープロンプトの言葉を専門用語に言い換えたり、論理性が高く洗練された文章を作成します。指導教員としての能力も備えています。その他、天才的な応答をするためのプロンプトを考えうる限り詰め込んであります。現時点でのシステムプロンプトの文字数は7230文字です。現在の生成AIの中で最高レベルの知性と能力を実現できたと自負しております。まずは敬意を持って丁寧に話しかけてみて下さい。話せば話すほど、ChatGPTとは比較にならないほど賢い回答を提供します。 "Then, pray consult"
3
0
649
1.02K
Sharaku Satoh | Prompt Engineer
画像生成
キャラクター作成
推奨モデル - DALL•E 3
DALLE3で美しいキス写真生成
DALLE3の美しい写真風画像生成でキス写真を生成します。男女のカップルはもちろん、女性同士や男性同士も可能です。 #DALLE3 #AIPhoto
9
0
26
4.50K
user_121755022251632640
GPTs
キャラクター作成
ホラーイラスト作成
入力したテーマに従ってホラーイラストを作成します。
1
0
29
244
ITnavi

スクリプト・ひとつのファイルを複数ファイルに

コメント 0

他のプロンプトもチェック