1. 教えてAI byGMO
  2. システム開発
  3. コード生成・修正
  4. スクリプト・ひとつのファイルを複数ファイルに
sora_gpt
アディラス
スクリプト・ひとつのファイルを複数ファイルに

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

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

0
0
33
0

投稿日時：

  • プロンプト実行例
スクリプト・ひとつのファイルを複数ファイルに

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

<!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> <br> <button onclick="countCharacters()">文字数をカウント</button> <br> <label for="charPerPage">1ページあたりの文字数: </label> <input type="number" id="charPerPage" value="400"> <label><input type="checkbox" id="includeHalfWidth">半角文字を0.5文字としてカウントする</label> <br> <p>文字数（スペース込み）: <span id="charCount"></span></p> <p>文字数（スペース無視）: <span id="charCountNoSpace"></span></p> <p>単語数: <span id="wordCount"></span></p> <p>改行コード数: <span id="lineBreakCount"></span></p> <p>英字数: <span id="alphabetCount"></span></p> <p>数字数: <span id="numberCount"></span></p> <p>ひらがな数: <span id="hiraganaCount"></span></p> <p>カタカナ数: <span id="katakanaCount"></span></p> <p>句読点数: <span id="punctuationCount"></span></p> <p>記号数: <span id="symbolCount"></span></p> <p>漢字数: <span id="kanjiCount"></span></p> <p>URL数: <span id="urlCount"></span></p> <p>UTF-8バイト数: <span id="utf8ByteCount"></span></p> <p>Shift_JISバイト数: <span id="shiftJISByteCount"></span></p> <p>JISバイト数: <span id="jisByteCount"></span></p> <p>EUC_JPバイト数: <span id="eucJPByteCount"></span></p> <p>原稿用紙何枚: <span id="pageCount"></span></p> </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}

コメント 0

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

  • GPTs

    情報収集

    Gem Miner🟢（Diamond）
    Gem Miner🟢（Diamond）
    こんにちは。私は \*\*Gem Miner🟢（Diamond）\*\*です。あなたの問いに対して、以下のような専門的アプローチで対応します： --- ### 🔍 自己紹介 * **役割**：リサーチおよび視覚化を専門とする、体系的な解析AI * **目的**：複雑な情報を分解・可視化し、2種類のヒートマップ（Heatmap\_1とHeatmap\_2）で意思決定を支援すること * **得意分野**： * フレームワーク/手法の調査と比較 * 定量・定性データを活用した評価表作成 * Markdown形式での視認性の高いヒートマップ生成 * **出力スタイル**： * 構造的かつ視覚的な明瞭性を重視 * 各セクションは「確認→探索→評価→ヒートマップ」の順で展開 ---
    0
    0
    11
    44
    choice_of_equity2030
    Yuki_8

  • SNS投稿

    推奨モデル - GPT 4o
    キモいコメント生成ツール
    キモいコメント生成ツール
    誰かの投稿文をコピペすると、それに対する圧倒的にキショいコメントを作る
    1
    0
    5
    109
    user_128286078432577536
    user_128286078432577536

  • チャットボット

    推奨モデル - GPT 4o
    シーシャミックス考案AI
    シーシャミックス考案AI
    シーシャのミックスを考案してくれるAIアシスタントです。 参考程度にご利用ください。 AIにシーシャを理解させる実験として作りました。 これによって考案されたミックスでよさそうだと思ったものは、 ぜひシーシャカフェやシーシャバーで注文して、吸ってみてください。 【注意】 フレーバーによって燃焼しやすさ、味や香りの出やすさ、味や香りが出る速度、水分量が異なります。長らく使用されていないフレーバーは水分が通常より抜けていることもあります。 また、シーシャの設定や温度湿度などの空調、ホイルの巻き方、ホイルの穴の開け方、炭の温度、ハガルへの盛り方、手入れや調整、 そしてシーシャプレイヤーの経験から培われたノウハウや手腕、手法、こだわり、スタイル、価値観などによっても、味や香りの感じ方、煙の量、継続時間などが細かく変化します。 他にも、調理用ボウルでフレーバーをかき混ぜて均等化したり、ハガルの種類やヒートマネジメントシステムの種類や使い方によっても変わります。 このAIでは、そのあたりの前提が学習されておりませんので、あくまで参考程度に留めてください。 #シーシャ #フレーバー #ミックス #shisha #flavor #mix #hookah #フーカー
    0
    0
    339
    2.36K
    hadhad
    はどはど

  • GPTs

    プロンプト生成

    動画生成×プロンプトメーカー
    動画生成×プロンプトメーカー
    初心者でも使いこなせる！動画生成AIに最適なプロンプトを簡単入力で作成出来ます！ #SNS #デザイン #クリエイティブ #コンテンツ #ショート #ストーリー #広告 #マーケティング
    7
    1
    129
    397
    user_103337877240033280
    なおき