top


総投稿数 本 
no_ star_y
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
no_11701170 star_y
 この間、
 このブログ「創るmetaboy」には、パーツ貼りすぎて反省、
 ・Yahoo! YSlow:さて、と。始めるかな、Yahoo! YSlowへの対応試行錯誤。と、いうより利用させてもらうんだけどね ・・・ 【Yahoo! YSlow A評価への道】
  な~んて、始めようとした矢先に・・・

 また「ツール創り」がしたくなってしまった。
 前に創ったお天気ブログパーツ
 ・天気予報:今さら、ですが、天気予報。ライブドア「WeatherHack」 に、プロクシサービス「XML 2 JSON service」を組み合わせ、クロスドメインを回避する ・・・ 【創ったmetaboy】
 これに手を加えたい。
 □見た方視点のものであるため、
  地域と都市を設定してクッキー保存
  ・次からそれが反映されるようにしているが・・・
  □見ている方のIPアドレスである程度
   地域を把握できるだろうに・・・
だ。


  追記に ▼


 ところで、こちらは・・・
◇今日の当たっちまった!(2009/11/27)
今日の当たっちまった!(2009/11/27)

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


no_686686 star_y
 Flex3試用時期。ついに終わりを迎えます(直前)。
 途中、ちょっとしたハプニングで人より倍長い試用期間
を後3日で終わる。


 ・・・ということで、
 Flex3を使って制作している「ブログパーツ
 ・やったるで!禁煙カウンタ
   やったるで!禁煙カウンタ
 だけは完成せねば・・・

 この数日、没頭しており
 本日、その「企画仕様公開」
 ・・・な~んて、それほどのことでもないのですが。

 現在右側においているブログパーツ
 ・やったるで!禁煙カウンタ
 は、すでに本日最新版になっています。

 ・(禁煙をお考えの)貴方はもちろん
 ・ご興味ある方ない方
 ぜひ、触っていただき、何かお感じになりましたら
 なんなりと、コメントなど
 よろしくお願いいたします。

 それでは、この「ブログパーツ」の公開仕様を
 ご報告いたします。

  ▼ ぜひ、ご覧ください。

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


no_674674 star_y
 すみません。
 致命的不具合、ありまして
 (頁を開いただけで、
  勝手に始まってしまう)
 はずしました。

 遭遇された方には、深く
 お詫びいたします。
 まだまだ、別ウインドウでテストいたします。

 お待たせしました。
 (いやぁ、お待ちの方もいない、とは思いますが・・・)


 「やったるで!禁煙 カウンタ

 さきほど微調整終え、「β版」として
 このブログにまずは貼って、しばらくテストすることに
 いたしました。
 (※何か、お気づきありましたら
   ぜひともお教えくださいませ)

   ・禁煙カウンタ日記の(前回報告はこちら


 ■今回の記録
 /*------------------------------------------*/
  今回は
  ・Flex側ではなく

   ◆記念撮影 を行った際に
    呼び出す、CGI側の調整に終始

  □画像キャプチャして、「ただ」表示するだけ・・・
   というのも、あまりに不親切。
    > 「ダウンロード取得」用ボタンを用意。
      (もちろん、「閉じる」ボタンも)

  □生成する際、固定のファイル名だったが
   それでは複数の方に利用していただくことはできない。
    > ランダム値と時間変数組み合わせ名称生成
      (一定時間で自動消去するところは、これから)

  ・・・です。

  あぁ、Perl。(もの凄い)久しぶり・・・
  古い知識を呼び戻し、情報も再収集して完成。

  Flex3 から呼び出す
  ■画像生成>保存 用の CGI
$i = int(rand(9));

$nowget_time = time;
my $file = "../*****/";
$file .= "nscap_";
$file .= $nowget_time.$i.".png";

binmode(STDIN);
read(STDIN, $image, $ENV{'CONTENT_LENGTH'} );
open(I, ">$file");
binmode(I);
print I $image;
close(I);

print "Content-type: text/html\n\n
<html><head>\n
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=EUC-JP\">\n
<title>やったるで!禁煙カウンタ:記念撮影</title>\n
<STYLE TYPE=\"TEXT/CSS\">\n
body { font-size: 10pt; line-height: 130%;}\n
</STYLE>\n
</head>\n
<body><form action=\"./*****.cgi\" method=\"post\">\n";
print "記念撮影終了!<BR>";
print "<b>[ ファイル取得 ]</b> ボタンでダウンロードできます。<BR>";
print "<img src='$file'><BR>";
print "<input type='hidden' name=\"downfile\" value=\"".$file."\"><BR>";
print "<input type='button' value=\"閉じる\" onClick=\"Javascript:window.close();\">";
print "<input type='submit' value=\" ファイル取得 \"><BR>";
print "</body></html>";

exit;

  ほんとはもっと親切にエスコート
 すべきだろうけど・・・


  上記から呼び出される
  ■画像ダウンロード 用の CGI
read(STDIN, $string, $ENV{'CONTENT_LENGTH'});
@pairs = split(/&/,$string);
foreach $pair (@pairs){
($name, $value) = split(/=/, $pair);
$value =~ tr/+/ /;
$value =~ s/%([a-fA-F0-9][a-fA-F0-9])/pack("C", hex($1))/eg;
$KEY{$name} = $value;
}

my $filepath = $KEY{downfile};
my $file = substr($filepath, (rindex($filepath, "/") + 1) );

#my $file = basename($filepath);
my $filesize = -s $filepath;

open(F,$filepath) || die "Can't open $filepath";
print "Content-type: application/octet-stream; name=\"$file\"\n";
print "Content-Length: $filesize\n";
print "Expires: 0\n";
print "Cache-Control: must-revalidate, post-check=0,pre-check=0\n";
print "Pragma: private\n";
print "Content-Disposition: attachment; filename=\"$file\"\n";
print "\n";
binmode(F);
binmode(STDOUT);
while(<F>) {print;}
close(F);
exit;

  セキュリティ関連の対策が
 急務だな。

 で、一応実装。

 ご興味ある方もない方も、ぜひ(暖かい)目で
見守っていただき(切に望みます)、
どんなことでも、お気づきの点などありましたら
どうぞお教えくださいますよう

よろしくお願いいたします。
かしこ。

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


no_670670 star_y
 さきほど投稿した、Flex3試用版で開発している
 「やったるで!禁煙 カウンタ」 の報告。

 少し、補填記録しておこう・・・
   ・禁煙カウンタ日記の(前回報告はこちら


 ■補填記録
 /*------------------------------------------*/
  □入力チェック関係のハンドリングには、便利に用意されている
   ・mx.validators というパッケージ がある!

    >> Adobeリファレンス「mx.validators

    (今回利用したのは、この中の)
     ・public class NumberValidator
 ※利用抜粋
<mx:Array id="validators">
<mx:NumberValidator id="NumberValidator"
source="{this.set_yen}"
property="text"
minValue="0"
maxValue="999"
required="false"
lowerThanMinError="整数で!"
exceedsMaxError="範囲外!"
integerError="整数で!"
invalidCharError="整数で!"
/>
</mx:Array>


     ・public class StringValidator
 ※利用抜粋
<mx:Array id="validators">
<mx:StringValidator id="StringValidator"
source="{this.set_keyword}"
property="text"
minLength="1"
maxLength="50"
required="false"
/>
</mx:Array>

     ・これらの他、
  ・CreditCardValidator(クレジットカード番号、Luhn mod10 アルゴリズム)
  ・CurrencyValidator(ストリングが有効な通貨の式であることを確認)
  ・DateValidator(String、Date または Object に適切な日付)
  ・EmailValidator(ストリングに 1 つのアットマーク(@)があり、ドメイン名に 1 つのピリオドが含まれ、最上位のドメインの接尾辞は 2 文字、3 文字、4 文字、または 6 文字からなることを検証)

      このあたりは重宝しそうだ。


  □文字列のフォーマットに関しても、
   ・mx.formatters というパッケージ がある!

    ここでひとつ?
    これで、mx:DateFormatter を調べようと思い
    Google検索したのだが・・・

    IE でも、Firefox でも(まぁ当然か)
    下記のような結果
    ほとんどのGoogle結果に
    「このサイトはコンピューターに損害を与える可能性があります!」
    このサイトはコンピューターに損害を与える可能性があります!
    本当だろうか?
    怖くてアクセスできないん・・ですけど。

    mx:DateFormatterという語句がなんか不具合を出しているようなんだけど
    怖いので、
    まず、
   ◎Adobe Flex 3 ヘルプ に飛んでから
    その中で mx:DateFormatter を検索

    >> Adobeリファレンス「mx.formatters

    ちょっとわからなかったのは
    時刻の 23:59:59 などの表示方法

    ・リファレンスでは、
    mx.formatters:formatString プロパティ
     ということなのだが・・・
     ちょっと気力も衰えていて、AM 2:59 の表記法で妥協。
<mx:DateFormatter id="dateFormatter" formatString="YYYY/MM/DD A L:NN"/>




 >>> やったるで!禁煙 カウンタ

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


no_668668 star_y
 Flex3試用版の期限、あと10日
 この数日、焦ってFlexに没頭しておりました。

 もちろん、仕事の合間(あくまでも、余暇)なので、さほど
時間はとれなかったけれど、一応機能は一通り実装。
おかげで、昨日はこのブログへの投稿が滞ってしまったけれど。

 「やったるで!禁煙 カウンタ
   ・禁煙カウンタ日記の(前回はこちら

 今回の課題は、盛りだくさん、だ。
  ・入力部分のエラートラップ
  ・ボタン関係のユーザビリティ
  ・AmazonAPIへの呼び出し制御調整
  ・日付の表示

 そして・・・
  ・記録されてゆく画面を利用者が
   キャプチャ(画像化)取得できるように

  これがやりたかったんだ。
  そう、私も利用させていただいている
  「Gremz(グリムス)
  (右下サイドバーのブログパーツ)

   ・成長してゆく木を
    いつても、「カメラ」で写真に撮り
    画像として保存できる機能
    いつても、「カメラ」で写真「Gremz(グリムス)」
  もちろん、グリムスのサーバー上に一時保管して・・・
  なんて機能はまだ用意できないけど。


さて、ホントに今回はいろいろと新しいこと勉強したぞ。
長くなると思うので、2回に分けた。
まず、ストレートに報告して、
2回目に詳しく情報を載せますね。
 ◎「禁煙カウンタ」そろそろデビューさせるかな(その1)

 追記に ▼

※この連載は、はじめて「Flex」に取り組んだmetaboyが、
 60日間体験版を利用して、ゆっくりと学んでゆく、詳細な記録です。
                      (昨日・本日の作業時間:6.0時間
【Flex:15日目】


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


no_657657 star_y
 Flex3試用版の期限、もうわずか・・・

 この期間の間に、なんとかこの「禁煙カウンタ」を
 デビューさせたい。
 「やったるで!禁煙 カウンタ

 今日の課題は、
  ・設定のところで、null値の時のバグ回避処理
  ・AmazonアフィリエイトID をブログパーツ利用者が
   自分のID にできるように・・・

   ・禁煙カウンタ日記の(前回はこちら

 ◎「やったるで!禁煙カウンタ」他の方に利用してもらうぞ

 追記に ▼

※この連載は、はじめて「Flex」に取り組んだmetaboyが、
 60日間体験版を利用して、ゆっくりと学んでゆく、詳細な記録です。
                      (本日の作業時間:1.0時間
【Flex:14日目】


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


no_654654 star_y
 いよいよ、
 ・Flex3試用版の期限がやってくる。

 あまり使えなかったけれど、せめてこの
 「やったるで!禁煙 カウンタ」は 基本完成して
 正式公開するところまでは、ゆきたい・・・

 今日の課題は、
  ・Amazonに取得画像のハンドリング廻りの調整
  ・画像切替に「フェードイン」させたい
  ・右上のアニメーションは嫌な人もいるだろな
   ・オンオフ設定できねば・・・

   ・禁煙カウンタ日記の(前回はこちら
   ・他の禁煙カウンタ(参考はこちら

 ◎「やったるで!禁煙カウンタ」いよいよ、まとめだ

 追記に ▼

※この連載は、はじめて「Flex」に取り組んだmetaboyが、
 60日間体験版を利用して、ゆっくりと学んでゆく、詳細な記録です。
                      (本日の作業時間:2.0時間
【Flex:13日目】


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


no_630630 star_y
 「やったるで!禁煙カウンタ
 とりあえず、α+版まで行って、
 止まっている。

 やりたいこと、進みたい方向は、ある程度あるのだが
 今ひとつ鮮明に見えてこない。

 で、まずは、「先人を知る」ことから始める。

 実は、
 ・禁煙カウンタ 自体は すでに多く存在している

 ただ、私の創ろうとしているものとはコンセプトが違い
 ・ブログパーツを貼るサイトの主宰の方
  禁煙を実行し
  (衆人監視のもと?)
  トライする。 というものが多い。

 しかし、それでも「得られることは多いに違いない」

 早速、実行!

****************************************
禁煙の森
禁煙の森 このサイトがまず
 目に付いた。結構
 有名なようですね。


 ・早速会員登録
 ・ブログパーツ取得
  ※最初はサイドバーに貼ってみたけど
   この頁に(他のカウンターも含め)集めることにした。


 ・専門のサイトで、プロフィールや設定を登録する
 ・自分の「禁煙法」を掲載して、他の方が評価
  ランキングする ・・・ なるほどねぇ。
 ・その他、コミュニティ展開もされていますねぇ。
 ・また、続いた期日で
  級や段が 上がっていく というのも、なるほどね。


****************************************
禁煙カウンター QuitSmoking (windows版)
禁煙カウンター QuitSmoking (windows版) ・インストールする
  「Windows版」と
 ・「JavaScript版」
 ・「iアプリ版」
  が、あるということだ。


 ・こちら、JavaScript版
 ・ブログパーツとかがあるわけではなく、この頁で
  確認する というものらしい・・・
この頁で確認する
 ・「iアプリ版」がある、というのはいいね


****************************************
タイムカウンター:禁煙継続カウンター
タイムカウンター:禁煙継続カウンター 何にでも使える
 タイムカウンター
 禁煙カウンタとして
 利用するパターンね。


 ・登録もなく、そのまま使える
 ・ブログパーツ取得
  ※最初はサイドバーに貼ってみたけど
   この頁に(他のカウンターも含め)集めることにした。


タイムカウンター
 ・まず、デザインがいいよね
 ・これもやっぱり、
  ブログやサイトの主宰者が
  禁煙をして、その状態を公開する というタイプ


****************************************
禁煙カウンター
禁煙カウンター 禁煙を開始してからの
 ・「禁煙経過時間」
 ・「吸わなかった煙草の本数」
 ・「節約できた金額」
 ・「延びた寿命」などを表示


 ・シンプルだね
 ・これも禁煙をして、その状態を公開する というタイプ


 ・軽そうだ


 意外と無いもんだな。
 しかも、すべて
 私が狙っているスタイルとは違うぞ。
 ますます やる気が出てきた。

 さぁて、次はいつ作業できるかな・・・


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


no_616616 star_y
 今回から、カテゴリ「Flex事始め」ではなく
 「そうだ!ブログパーツを創ろう」に移動。

 今日の課題は、
  ・画面遷移がおかしいので、
   ・局面ごとの表示状態の出入りと
   ・画面遷移をオブジェクト単位に見直すこと
  ・アニメーションを用意すること
  ・AmazonAPI への取得廻りの調整
  ・HTMLへの記述方法を再考察

   ・禁煙カウンタの(前回はこちら

ゆっくりと進んでいる・・・
 ◎「やったるで!禁煙カウンタ」それから、どうした

 追記に ▼

※この連載は、はじめて「Flex」に取り組んだmetaboyが、
 60日間体験版を利用して、ゆっくりと学んでゆく、詳細な記録です。
                      (本日の作業時間:2.0時間
【Flex:12日目】


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


no_254254 star_y
 遅々として進まぬ、「やったるで!禁煙カウンタ
 現状はこんな感じで、まだ α(にもなってない?)状態。

 一応今後の想定仕様は、考えあるのですが・・・
 [修正履歴]
  ・イラスト(娘に描いてもらった。 ははは)
  ・設定の保存の不具合修正
  ・(内部的には いろいろ試行錯誤・・・)
  ・ほんと、お粗末くん ですみません

◎やったるで!禁煙カウンタ 20080925版◎
 ※今回より、用意している別サイトにて展開


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







ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

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

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

 

リンク集

 

最近の記事

 

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

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

 

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