top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_839

パスワード作成:本当に使いたい小さな小物ツールを創っていこう。まずはパスワード生成 ・・・ 【創ったmetaboy】

 2009-04-10
 そんな「創った」ほどのものではないけれど
 最近時間が取りにくく
 ・紹介metaboy になってしまっているので

 少しづつ「使える小物ツール」を創って
 報告してゆくことにしよう。
 ※そんな「創った」ほどのものではないけれど
  誰かの参考になれば幸いだ。

 まずは
 いろいろなサイトで必ず必要な
 ・パスワード生成
  毎回考えるのも面倒なので・・・
  パスワード生成

 報告します・・・

  追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


more************************************************
◎ パスワード生成ツール を創ってみた
************************************************


さて、方法論だが
 ・PHP を利用して
  ハッシュを使って・・・
 とか、色々考えたけれども

 結局今回は、
 ・JavaScript だけで創ってみることにした。

 
 ◆仕様策定◆
 ・候補を
  ・数字/英字(大文字・小文字)/ひらがな
   から、候補文字列を選べるようにする
  ・出力する文字数を
   決められるようにする



 ■実際の構築

   □makepass.js を用意
var val_number = "1234567890";
var val_eL_han = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var val_eS_han = "abcdefghijklmnopqrstuvwxyz";
var val_hira = "あいうえおかきくけこさしすせそたちつてと";
val_hira += "なにぬねのはひふへほまみむめもやゆよらりるれろわをん";
 ・・・ 候補を準備しておき

    パスワードを出力するメイン関数
function GoMakePassword(intWork) {
var form = this.document.forms['partsform']; // フォームオブジェクト

if(intWork===0){ form.val_pw.value = ""; return; }

// セットチェック
if(form.val_poscnt.value==''){ alert("「文字数」をセットしてください。"); return; }
if(
(!(form.ck_number.checked))
&&(!(form.ck_eL_han.checked))
&&(!(form.ck_eS_han.checked))
&&(!(form.ck_hira.checked))
){ alert("「利用する文字の種類」のどれかにチェックしてください。"); return; }

var outnum = Number(form.val_poscnt.value); // 出力する文字数
var fromstr = ""; // 候補文字列
if(form.ck_number.checked){ fromstr += val_number; }
if(form.ck_eL_han.checked){ fromstr += val_eL_han; }
if(form.ck_eS_han.checked){ fromstr += val_eS_han; }
if(form.ck_hira.checked){ fromstr += val_hira; }

var outstr = ""; // 出力文字列(パスワード)
if(fromstr!=''){
if(outnum <= fromstr.length){
for(var i=0;i<outnum;i++){
outstr += fromstr.charAt(Math.floor(Math.random() * fromstr.length))
}
}
}

form.val_pw.value = outstr;
}
 ・・・ を用意する。

    後はいつものように
    他に
     ・動的にHTMLを書き込む形式で
var outHTML = "<div class=\"headBox\" align=\"left\">急いで<br>パスワードを作れ!</div>";
outHTML += "<div class=\"contents\"><form method=\"post\" name=\"partsform\">";
outHTML += " <input type='checkbox' name='ck_number' value=1> 数字半角<br>";
outHTML += " <input type='checkbox' name='ck_eL_han' value=1> 英字:大文字半角<br>";
outHTML += " <input type='checkbox' name='ck_eS_han' value=1> 英字:小文字半角<br>";
outHTML += " <input type='checkbox' name='ck_hira' value=1> ひらがな<br>";
outHTML += " 文字数:<input type='text' name='val_poscnt' value='' size=5 maxlength=4 style=\"ime-mode:disabled; text-align:right;\"><br>";
outHTML += "  ⇒ <input type='text' name='val_pw' value='' size=20><br>";
outHTML += " <div style=\"text-align:right;\">";
outHTML += " <input type='button' name='bt_go' value=' クリア ' onClick=\"javascript:GoMakePassword(0);\"><input type='button' name='bt_go' value=' 生成! ' onClick=\"javascript:GoMakePassword(1);\">";
outHTML += " </div>";
outHTML += "</form></div>";
document.write(outHTML);
 ・・・とする。

   □呼び出し
    この「創るmetaboy」ブログから
    ・ブログパーツを貼る感じで、
<link href="http://www.metaboy.net/tools/makepass/makepass.css" rel="stylesheet" type="text/css"><script type="text/javascript" charset="EUC-JP" src="http://www.metaboy.net/tools/makepass/makepass.js"></script>
 ・・・のように呼び出す。


 ■公開

   □このブログ右サイドに用意

    ※別ウインドウで開くものも用意
     した。


 さて、明日は何を創ろう・・・?
commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/839-30d9f270
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。