パスワードジェネレーターを1から作ってみましょう!JavaScriptでWebアプリケーション作成!の動画リスト
JavaScriptを利用してカスタマイズ可能なパスワード生成ツールをステップバイステップで作成していきます。
初回から基本的なファイルのセットアップやシンプルなパスワードの生成方法を探るところからスタートし、順を追ってさまざまなカスタマイズ機能、例えば文字の大小や特定の文字列の除外、生成パスワードの文字数や個数の選択など、ユーザーが簡単に使いやすく設定できるような機能を追加していきます。
また、最終回には生成されたパスワードをワンクリックでコピーできる実用的な機能も紹介します。これらの一連のプロセスを通じて、JavaScriptの基本的な使い方から実践的なアプリケーションの作成方法までを網羅的に学ぶことができます。セキュリティ意識の高い強固なパスワードを自動生成するツールを作成しながら、プログラミングのスキルアップを目指しましょう!
テキスト入力ボックスやradioボタン・チェックボックスなどを使ってインタラクティブな実装をおこなう為、応用すれば他にも高度なアプリケーションを作ることができるような内容になっています。
初心者には難しい部分も含まれるので、SassやJavaScriptの動画リストなどで復習をしながら取り組んでみてください。
-
33:34
【JavaScriptでパスワード生成ツールを作る!】パスワードジェネレーターを1から作ってみましょう! まずはファイルの作成や簡単なパスワード生成から #1
JavaScriptでWebアプリケーション作成を作ってみるシリーズの動画です。ライブコーディングをおこないながら、実際にアプリケーションを作っていきます。実践的なツールを作ることでJavaScri…
-
18:26
【JavaScriptでパスワード生成ツールを作る!】英語の小文字と大文字を含めたパスワードを生成できるようにJavaScriptを書き換えてみましょう! #2
JavaScriptでWebアプリケーション作成を作ってみるシリーズの動画です。今回はシリーズ第二弾で、前回までパスワードが数字のみだったものに加えて英字を追加してみます。英字を追加すること自体は簡…
-
33:47
【JavaScriptでパスワード生成ツールを作る!】間違われやすい文字列を除外する欄を生成して、さらにユーザーが追記・編集できるようにしましょう!! #3
JavaScriptでWebアプリケーション作成を作ってみるシリーズの動画です。今回はシリーズ第三弾で、ユーザーがよく見間違えやすいような文字列を除外する為の機能を実装します。配列と文字列を変換する…
-
22:55
【JavaScriptでパスワード生成ツールを作る!】 どんな文字列でパスワードを生成するか、ユーザーに選択してもらう為の機能を追加しましょう! #4
JavaScriptでWebアプリケーション作成を作ってみるシリーズの動画です。今回はシリーズ第四弾で、ユーザーにパスワードの文字列の生成のされ方を選択してもらう機能を実装します。数値のみなのか、数…
-
20:13
【JavaScriptでパスワード生成ツールを作る!】生成するパスワードの文字数をユーザーが選択できるような機能を追加しましょう! #5
JavaScriptでWebアプリケーション作成を作ってみるシリーズの動画です。今回はシリーズ第五弾で、ユーザーが、生成されるパスワードの文字数を選択できる機能を追加していきます。選択肢としてよく使…
-
23:39
【JavaScriptでパスワード生成ツールを作る!】生成するパスワードの個数をユーザーが選択できるような機能を追加しましょう! #6
JavaScriptでWebアプリケーション作成を作ってみるシリーズの動画です。今回はシリーズ第六弾で、ユーザーが、生成されるパスワードの個数を選択できる機能を追加していきます。選択肢としてデフォル…
-
44:42
【JavaScriptでパスワード生成ツールを作る!】生成したパスワードを気軽にコピーできるような機能を付けましょう! #7(最終回)
JavaScriptでWebアプリケーション作成を作ってみるシリーズの動画です。今回はシリーズ第七弾で最終回です。生成したパスワードそれぞれに「コピーする」ボタンを設定し、気軽にユーザーがコピーでき…