Skip to content

rerelurelu/string-generator

Repository files navigation

文字列ジェネレーター

指定された文字または文字列を使用して任意の桁数の文字列を生成します。

サイトに行く

使用技術

StackShare

開発背景

日本で何かしらの開発を行うとき、「文字入力のバリデーションチェックが正常に行われているか」ということを確認するとき、いちいち文字を入力し、その結果をスクリーンショットでエビデンスとして保存するという古より伝わりし手法でテスト工程を行うことがあります。(例えば、「テキストボックスに40文字以上の入力があった場合、エラーメッセージを表示する」という機能があった場合、テスターは39文字を入力してエラーメッセージが表示されないパターンと、40文字を入力してエラーメッセージが表示されるパターンの2枚のスクリーンショットをエビデンスとして撮ったりします。)

上記のようなシーンに遭遇した場合、指定の桁数の文字列を作成したり、それを何度も入力したりするのは、ただでさえ面倒な手動テストの工程をより面倒にしてしまいます。

今回作成した「文字列ジェネレーター」はそんな面倒な作業の負担を少し軽減してくれるサービスになります。

主な機能

以下の画像に描かれている番号に従って機能の説明をしたいと思います。

page-sample

  1. 文字列の生成に使用する文字および文字列入力欄
    ここに生成される文字列に使用したい文字および文字列を入力します。入力文字数の制限は無く、全角および半角の様々な文字の入力に対応しています。

  2. 生成される文字列の桁数入力欄
    ここに生成される文字列の桁数を入力します。1以上10000以下の間で好きな桁数を指定できます。

  3. 文字列生成ボタン
    このボタンを押下することで、1で入力された文字を使用して2で入力された桁数の文字列を生成します。

  4. 生成文字列表示エリア
    ここに生成された文字列が表示されます。例えば、「TEST」という文字列を使用して5桁の文字列を生成するときは「TESTT」となり、3桁の文字列を生成するときは「TES」となります。 また、一度生成された文字列はページから離れない限り消えることがないので何度でも繰り返し使うことができます。

  5. 桁数表示
    生成された文字列の桁数が表示されます。

  6. Copyボタン
    生成された文字列をワンクリックでコピーできます。

  7. Deleteボタン
    不要となった文字列を削除することができます。