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

アディラス

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

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}

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

文案作成
不自然から改善？！不自然な文章をわざと生成し、改善します！ ※Claude 3.5 Sonnet推奨！！
文章または書きたい内容を入力してください。その後、わざとおかしな文章を生成しますので「はい」入力することで校正＆改善がされます！！
0
0
0
5
アディラス
GPTs
プロンプト生成
簡単な指示をもとに、詳細でわかりやすく、効果が抜群な構造化プロンプトを生成してくれるGPTsです
構造化プロンプトについて、苦手意識を持つ人が多いと思います。一方で、自分で書けるようになりたいという人も多いと思います。そういった方向けに、だれでも簡単に、効果的でカスタマイズしやすい構造化プロンプトを生成してくれるGPTsを作成しました。「ChatGPTに○○してほしい」という指示をもとに、詳細な構造化プロンプトへと変換してくれるGPTsです。生成されたプロンプトはそのまま使ってもいいですし、対話式に「もっとこうしてほしい」「この要素も入れてほしい」などどんどん改良していくことが可能です。プロンプトの一番最後に「#その他Userへの注意事項・Userへの確認事項」として、GPTsからの確認事項が生成されます。それをもとに新しく情報を追加していくことで、簡単に精度を高めることが可能です。ぜひ、職場や周りに広めていただき、みんなで構造化プロンプトについて使いこなせるようになっていきましょう。
54
0
1.44K
3.20K
國末拓実/SHIFT AIパートナー/NewsPicks生成AIトピックス運営/AINOWライター/プロンプトコンサルティング
物語・脚本・プロット
雑学ショート
雑学ショート
6
1
79
361
user_179580572696643584
音楽
推奨モデル - GPT-4o
♪韻踏み職人♪ ～ラップ歌詞ジェネレーター（SunoAIにも）
テーマを入力するだけで、韻を踏んだラップの歌詞を簡単・直感的に作成できます。あなたのオリジナルヒット曲が、このプロンプトから生まれるかもしれません。特徴とメリット: 即効性: 簡単な操作で、テーマに合った韻を踏んだ歌詞が即座に生成されます。 SunoAI最適化: 「Suno AI」を利用した音楽制作に最適化されており、あなたの曲にぴったりなリリックを作り上げます。クリエイティブな自由度: 提供された歌詞は自由に編集・アレンジが可能。あなたの独自のスタイルを反映させることができます。 😊少しでも気に入っていただけましたら、お気に入り（❤マーク）をクリックしていただけると、とても励みになりますので、ぜひお願いいたします。また、「いつか使ってみよう」と思っている方も、お気に入りに登録しておくと、いつでもマイページからすぐにご利用いただけます。 🌟 SunoAIについて SunoAIを使うと誰でも簡単に作曲ができます。 https://app.suno.ai/ 使い方はYouTubeなどで検索してみてください。
3
0
66
867
VEP

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

コメント 0

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