【人生挑戦課題★1】ランダムパスワード作成Webアプリを作成しよう！

こんにちは、鈴木俊吾（すずしん）です。

記念すべき、人生挑戦課題の第1回目です！
今回は、難易度★1の課題として、ランダムなパスワードを生成するWebアプリを作成してみましょう！

人生挑戦課題の概要

人生挑戦課題とは、人生をより楽しく、充実したものにするための課題です。
人生における様々なイベントや挑戦について、課題を設定します。
その課題をゲームのようにクリアしていくことで、人生を楽しく攻略しようという取り組みです。

今回の課題は、難易度★1のランダムパスワード作成Webアプリを作成することです。
JavaScriptを使って、ランダムなパスワードを生成する機能を持つWebアプリを作成してみましょう！

基本的なJavaScriptの知識があれば、誰でも挑戦できる内容となっています。
プログラミングの学習をしている方は、ぜひチャレンジしてみてくださいね。

今回の人生挑戦課題について

それでは、今回の人生挑戦課題について、詳しく見ていきましょう。

難易度

難易度：★ （非常に簡単）
偏差値：35

人生挑戦課題には、難易度が設定されています。
★1から★5までの5段階で、難易度を表現しています。
★1は非常に簡単、★5は非常に難しいという意味となります。

今回の課題は、難易度★1となっています。
基本的なJavaScriptの知識があれば、クリアできる内容となっています。
プログラミング初心者の方でも、比較的挑戦しやすい難易度です。

[adsense]

内容

以下の仕様を満たす、ランダムパスワード作成Webアプリを作成してください。

ランダムパスワード作成Webアプリの仕様

• パスワードの長さを指定できる
• パスワードに使用する文字種を指定できる（英大文字、英小文字、数字、記号）
• パスワードを生成するボタンを設置する
• パスワードを表示するエリアを設置する
• パスワードを生成すると、表示エリアにランダムなパスワードが表示される
• パスワードをコピーするボタンを設置する
• コピーするボタンを押すと、パスワードがクリップボードにコピーされる
• パスワードの生成方法は、自由に設計して構いません
• デザインは自由ですが、見やすいものを心がけてください
• その他、必要な機能があれば自由に追加して構いません

クリア条件

以下の条件を満たすと、人生挑戦課題をクリアしたと見做します。

• 仕様を満たすランダムパスワード作成Webアプリを作成する
• パスワードの生成方法がランダムであること
• パスワードの長さと文字種を指定できること
• パスワードを生成し、コピーできること
• デザインが見やすいこと
• その他、追加した機能が正常に動作すること

報酬

人生挑戦課題をクリアすると、以下の報酬が得られます。

クリア報告をしていただけた場合、報酬を公式に授与します。
また、ブログ記事内で紹介させていただきます。
もし、関連記事を書いていただけたなら、ぜひ私に連絡してください。

称号は以下のHTMLタグで表示できます。
あなたの書いた記事上で、ぜひ称号をアピールしてくださいね！

<div class="lct-title star1">
  🌟<a href="https://suzushinlab.com/posts/create-a-random-password-generator/">ランダムパスワードクリエイター</a>
</div>

CSSのスタイルは以下のように定義します。

.lct-title {
    padding: 10px;
    font-weight: bold;
    display: inline-block;
}

.star1 {
    background-color: #eeeeee;
    border: 3px solid #aaaaaa;
    border-left: 12px solid #aaaaaa;
}

攻略法

今回、私も実際にランダムパスワード作成Webアプリを作成しました。
その名も「GenPass」というWebアプリです。
詳細については、以下の記事をご覧ください。

• ランダムパスワード作成Webアプリ「GenPass」を自作してみた！ | スズシンラボ

上記の記事を参考にしながら、あなたもランダムパスワード作成Webアプリを作成してみてください。

参加方法

人生挑戦課題に参加するには、以下の手順を踏んでください。

1. この記事を読んで、課題の内容を理解する
2. 仕様を満たすWebアプリを作成する
3. 関連記事を書く
4. クリア報告をする
5. 報酬を受け取る
6. スター・称号・特典を手に入れる

クリア報告は、関連記事を書いていただいた後、私に連絡してください。
ブログやnoteでの記事で構いませんので、ぜひご参加ください！

連絡は、お問い合わせフォームからお願いいたします。
もしくは、XのリプライやDMでも構いません。
内容を確認し、返信させていただきます。

それでは、ランダムパスワード作成Webアプリの作成を楽しんでください！

達成者

• 鈴木俊吾（すずしん）※著者

まとめ

今回は、難易度★1の人生挑戦課題として、ランダムパスワード作成Webアプリを作ってみるという内容を設定してみました。
基本的なJavaScriptの知識があれば、誰でも挑戦できる内容となっています。
プログラミングの題材を探しているという方にはちょうどよいのではないでしょうか？

名前：鈴木俊吾（すずしん）

大学卒業後、公務員浪人を目指すも失敗。
8年の無職期間の後、一念発起してフリーランスに転身。
しかし、収入0円という稼げない日々が長く続く…。
2025年、このままではいけないと思い、このブログを運営開始。
人生挑戦課題をこなしながら、人生攻略ハンターとして活動。
試行錯誤をしつつ、人生大逆転を目指していく過程を発信中。

主な活動：ブログ / 個人ゲーム開発 / 作曲 / 投資 / etc...

主な資格：3級ファイナンシャル・プランニング技能士 / WEBライター検定3級 / .com Master BASIC / 実用英語技能検定準2級 / ダイエット検定2級 / etc...

• X
• Instagram
• YouTube
• GitHub