【16:2】最悪の状態に。

Tipsが出来上がった所でとんでもない事が。 EmEditorのフリー版を使って編集していたのだけど、今までは何もなかったのに今日、データをサーバーにアップロードして確認すると日本語の文字が一つも見あたらない。あれ？と思いEditorの文字を確認すると文字化けが・・・・。　しかも言語が変わっているとかではなく、ACやAZなどのように英文字に全て変わっているではありませんか。例え数百文字でも英文字2文字に変わっているのです。

これはおそらく究極のバグでしょう。以前からコメントの色分けがおかしいのには気付いていましたが、まさかこのような状況になるとは思ってもなかった。EmEditorではコメントの部分にその言語の特徴のある文字が含まれると解除されておかしくなるんですよね。取りあえず、マシンからこのEditorはアンインストール。結構有名なEditorだけにこのような現象が起こるのにちょっとショックだったり。しかし、このような意味不明な文字化けが起こると直しようがありません。元に戻すさえも動かない最悪の状況だけにまた書き直さないといけないのにはがっかりです。

それでも、日本語出力の部分のみですから最初から作るのに比べたらましですけどね。 年内に出来上がるのかなぁ・・・・。

【15:3】見づらいので移転しようかと。

こんにちは。

ブログは使い勝手が悪いのと、非常に見づらいので移転しようかと考えております。せっかく訪問してくださる方達が居るようなので、もう少し見やすいようにホームページで作り替えております。一応、IEのみ限定のページになるかも知れませんが、現在PHPにてサイト構築中です。現時点ではトップページやサイドメニュー関連が完成しました。800×600の解像度仕様になると思います。

時間がある時はこちらの方も更新したいと思っておりますが、ホームページの方も年内で完成させたいのでそちらを重視するかも知れません。完成したらURLを載せておきますので今後ともよろしくお願いします。

【14:0】偽オートコンプリート

偽オートコンプリート

今回のサンプルは、偽オートコンプリートです。テキスト内で文字を入力してエンターもしくは挿入ボタンをクリックすると、その内容が記憶されてテキストボックスをダブルクリックすると記憶した文字列が表示されるという物です。オブジェクトの組み合わせで色々な事が出来るので、他の事などを考えてやってみると面白いと思います。今回のサンプルは全ての処理を入れていません。従って、同じ内容の文字の場合は記憶しないような処理を追加しないといけません。この方法には色々な手段があります。

格納庫は　「」
格納数は　0

固定ウィンドウ１を使う
　　その中の大きさを（384，248）へ変えろ
　　その名前を「偽オートコンプリートサンプル」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最大化ボタンをオフへ変えろ
　　その位置を中央へ変えろ
テキスト１を作れ
　　その位置と大きさを（10，10，290，18）へ変えろ
リスト１を作れ
文章テキスト１を作れ
　　その位置と大きさを（10，40，360，190）へ変えろ
ボタン１を作れ
　　その位置と大きさを（310，6，65，25）へ変えろ
　　その名前を「挿入」へ変えろ
リスト1について
　　この位置と大きさを（10，テキスト１の縦＋テキスト１の高さ，290，18）へ変えろ
　　この表示をオフへ変えろ
これについて終わり
固定ウィンドウ１の表示をオンへ変えろ
待機

手順は　固定ウィンドウ１の文章テキスト１をクリック
　　もし　リスト１の表示は　オン　なら　リスト１の表示をオフへ変えろ
終わり
手順は　固定ウィンドウ1のテキスト1に入力
　　もし　押したキーは　Enter　なら
　　　　文字格納
　　もし終わり
終わり
手順は　固定ウィンドウ１のボタン1をクリック
　　文字格納
終わり
手順は　文字格納
　　もし　テキスト１の内容は　「」　なら　抜ける
　　ここだけの変数は　数
　　格納数は　格納数+1
　　格納庫（格納数）は　テキスト1の内容
　　文章テキスト１の選択をテキスト１の内容に変えろ
　　テキスト１の内容をクリア
　　文章テキスト１に焦点
終わり
手順は　固定ウィンドウ1のテキスト1をクリック
　　固定ウィンドウ１の文章テキスト１をクリック
終わり
手順は　固定ウィンドウ1のテキスト1をダブルクリック
　　ここだけの変数は　数値
　　数値は　13
　　もし　格納庫は　「」　なら　抜ける
　　リスト1について
　　　　この一覧を格納庫へ変えろ
　　　　もし　この個数＊数値は　数値＊５より上なら
　　　　　　この高さを数値＊６へ変えろ
　　　　他なら
　　　　　　この高さをこの個数＊数値へ変えろ
　　　　もし終わり
　　　　この表示をオンへ変えろ
　　　　これを最前面
　　　　これに焦点
　　これについて終わり
終わり
手順は　固定ウィンドウ1のリスト１をダブルクリック
　　テキスト１の内容をリスト1の内容に変えろ
　　リスト1の表示をオフへ変えろ
　　テキスト１に焦点
終わり

【13:0】イベント内の条件分岐

イベント内での条件分岐などは工夫次第

今回は、高速化や余分なリソースを使わなくスムーズに動かす方法を解説してみましょう。下の例題が完成ソースとなりますが、まずは下のソースをコピペしてTTSneoデザイナで実行してみて下さい。使い方は簡単。ボタンにマウスが乗ったら色を変える普通のソースなので、左側のボタン上でマウスを動かして動作を確認し、右側のリセットボタンを押して次は真ん中のボタン上でマウスを動かしてみて下さい。通常では目に見えないのですが、このように動作が目に見えるようにしてみるとどうでしょう？たかが色を変えるだけの処理ですが、マウスイベントで色を変える指定をしただけでは常に処理されているのが分かると思います。

つまり、処理がされているという事は他の処理と重なったときには速度が落ちてしまいます。また、リソースも食ってしまいますよね。このようなマウスに乗った時のみしかいらない処理にはそれと同じ動きをするソースを記述する必要があるのです。殆どの場合は、このような処理を行わずにそのイベント内で直接色を変えるソースを記述しているのを良く見かけます。しかしこれは間違いを正そうとしているにすぎないのです。本当に動的に処理が必要な場合のみ通常のイベント処理を利用し、イベント内の処理を間接的に利用するのであれば、それに応じたソースを記述しましょう。

説明するよりも、下の例題を実行してソースを見てもらえば分かると思いますが、どのような視点で見ればよいのかを簡単に説明します。コメントで一応記述していますが、最初の通常の部分と改良の部分の変数の数を見たり、手順内の通常の部分と改良の分を良く見て下さい。違いが分かりますよね？マウスフラグという変数がたった一つ増えているだけです。つまり、マウスイベントにてスイッチを付け足しているのです。ボタンの背景が通常の時と色が変わった時の処理の仕方を変えているだけなのです。スイッチが入ってなかったらスイッチをオンへ変えて、その逆だとスイッチをオフへとしているだけの違いです。このような工夫を少しするだけで高速化や余分なリソースを使わないように出来たりもしてしまいますので、今開発中のソースをもう一度見直してみましょう。

’通常の設定項目
通常フラグは　０
’改良の設定項目
改良フラグは　０
マウスフラグは　オフ

固定ウィンドウ１を使う
　　その中の大きさを（364，258）へ変えろ
　　その名前を「イベント処理サンプル」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最大化ボタンをオフへ変えろ
　　その位置を中央へ変えろ
文章テキスト１を作れ
　　その位置と大きさを（10，40，340，210）へ変えろ
ボタン１を作れ
　　その位置と大きさを（10，10，130，25）へ変えろ
　　その名前を「マウスを載せる（通常）」へ変えろ
ボタン２を作れ
　　その位置と大きさを（150，10，130，25）へ変えろ
　　その名前を「マウスを載せる（改良）」へ変えろ
ボタン３を作れ
　　その位置と大きさを（290，10，65，25）へ変えろ
　　その名前を「リセット」へ変えろ
固定ウィンドウ１の表示をオンへ変えろ
待機
’通常のマウスイベントにて背景を変える処理（処理速度低下＆リソース食い）
手順は　固定ウィンドウ1のボタン１でマウスが動く
　　もし　ボタン2の背景は　「&h8080C0」　なら　ボタン2の背景を&h8000000Fに変えろ
　　ここだけの変数は　結果
　　通常フラグは　通常フラグ＋１
　　結果は　「通常イベントで［通常フラグ］回目のマウス反応キャッチ！」
　　ボタン1の背景を&h8080C0へ変えろ
　　文章テキスト１の内容を文章テキスト１の内容＆「［結果］［改行］」へ変えろ
終わり
’ちょっとだけ工夫した背景を変える処理（処理速度高速化＆無駄なリソースを使わない）
手順は　固定ウィンドウ1のボタン２でマウスが動く
　　もし　ボタン1の背景は　「&h8080C0」　なら　ボタン1の背景を&h8000000Fに変えろ
　　もし　マウスフラグは　オフ　なら
　　　　ここだけの変数は　結果
　　　　改良フラグは　改良フラグ＋１
　　　　結果は　「改良イベントで［改良フラグ］回目のマウス反応キャッチ！」
　　　　ボタン2の背景を&h8080C0へ変えろ
　　　　文章テキスト１の内容を文章テキスト1の内容＆「［結果］［改行］」へ変えろ
　　　　マウスフラグは　オン
　　もし終わり
終わり
手順は　固定ウィンドウ1でマウスが動く
　　リセット
終わり
手順は　固定ウィンドウ1の文章テキスト１でマウスが動く
　　リセット
終わり
手順は　リセット
　　もし　ボタン1の背景は　「&h8080C0」　なら　ボタン1の背景を&h8000000Fに変えろ
　　もし　マウスフラグは　オン　なら
　　　　もし　ボタン2の背景は　「&h8080C0」　なら　ボタン2の背景を&h8000000Fに変えろ
　　　　マウスフラグは　オフ
　　もし終わり
終わり
手順は　固定ウィンドウ１のボタン３をクリック
　　通常フラグは　０
　　改良フラグは　０
　　文章テキスト１の内容をクリア
　　文章テキスト１に焦点
終わり

【12:0】POST送信

POST送信

POST送信のサンプルです。掲示板の投稿フォームと同じような仕組みのフォームです。これらをうまく使いこなすには、TTSneo以外にタグなどの知識がないと使いこなすことは出来ないでしょう。また、中継のサーバーを利用してメンバー以外には非公開とするデータのやりとりなどもこれらを利用して出来たりもします。CGIやPHPなどがうまく取り扱えない人向けには良いかも知れません。それでも多少のCGIなどの知識は必要とはなりますけど。

固定ウィンドウ１を使う
　　その中の大きさを（384，278）へ変えろ
　　その名前を「POST送信サンプル」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最大化ボタンをオフへ変えろ
　　その位置を中央へ変えろ
テキスト１を作れ
　　その位置と大きさを（80，10，140，18）へ変えろ
テキスト２を作れ
　　その位置と大きさを（80，40，290，18）へ変えろ
テキスト３を作れ
　　その位置と大きさを（80，210，290，18）へ変えろ
文章テキスト１を作れ
　　その位置と大きさを（80，70，290，130）へ変えろ
ボタン１を作れ
　　その位置と大きさを（160，240，65，25）へ変えろ
　　その名前を「送信」へ変えろ
ボタン２を作れ
　　その位置と大きさを（230，240，65，25）へ変えろ
　　その名前を「削除」へ変えろ
ラベル１を作れ
　　その位置と大きさを（10，10，24，12）へ変えろ
　　その内容を「名前」へ変えろ
ラベル２を作れ
　　その位置と大きさを（10，40，39，12）へ変えろ
　　その内容を「タイトル」へ変えろ
ラベル３を作れ
　　その位置と大きさを（10，70，37，12）へ変えろ
　　その内容を「コメント」へ変えろ
ラベル４を作れ
　　その位置と大きさを（10，210，36，12）へ変えろ
　　その内容を「送信先」へ変えろ
固定ウィンドウ１の表示をオンへ変えろ
待機
手順は　固定ウィンドウ1のボタン1をクリック
　　ここだけの変数は　名前欄、タイトル欄、コメント欄、送信先、送信内容、結果
　　名前欄は　テキスト1の内容
　　タイトル欄は　テキスト2の内容
　　コメント欄は　文章テキスト1の内容
　　送信先は　テキスト3の内容
　　もし　名前欄は　「」　なら
　　　　「名前は必須です。」を警告で表示
　　　　抜ける
　　他でもし　タイトル欄は　「」　なら
　　　　「タイトルは必須です。」を警告で表示
　　　　抜ける
　　他でもし　コメント欄は　「」　なら
　　　　「コメントは必須です。」を警告で表示
　　　　抜ける
　　他でもし　送信先は　「」　なら
　　　　「送信先のアドレスは必須です。」を警告で表示
　　　　抜ける
　　もし終わり
　　’「送信内容」は送る側のフォーム内容に合わせる
　　送信内容（１）は　「name=［名前欄］」
　　送信内容（２）は　「title=［タイトル欄］」
　　送信内容（３）は　「comment=［コメント欄］」
　　送信内容（４）は　「dat=［今］」
　　結果は　HTTPでダウンロード（「［送信先］」、「」、「［送信内容］」）
　　結果を報告
終わり

フェロモン香水

モテ服にモテ髪、モテメイクなど、「モテる」というキーワードが溢れている今日この頃ですが、ネットで話題のフェロモン香水ってご存知ですか？
人間の本能にダイレクトに訴えかけることで、異性を強力にひきつけてくれるんだそうです。
いくつかあるフェロモン香水の中でも、特に今口コミで人気を集めているのが、フェロモン香水研究所の「パーフェクトラブ」。
香りは一切ついていない無香料タイプだから、フェロモン香水はこっそりつけたい…という人でも大丈夫。好きな香水と一緒に使うこともできるそうです。
異性を魅了するヒトフェロモンが配合されていて、科学的にも実証されているんだとか。

恋愛だけでなく、職場での人間関係にも働きかけるそうなので、気になる方はぜひチェックしてみてはいかがでしょうか。

【11:0】オブジェクトの連結

シリアルキーみたいな連結

今回は、シリアルキー入力時に自動でテキストのフォーカスが切り替わるのと同じようなサンプルを作ってみました。正規表現を用いて、半角英数字のみ入力可能としていますが、それ以外のタイプミスによって生じた場合には、テキスト内の文字が赤色に変わってタイプミスをお知らせするような機能も実装してみました。今回は、6文字入力で自動で次のテキストへ移動し、入力し終わった後に削除すると順番にテキストのフォーカスが変わるようにしています。しかし、これはテキストに文字が入っている時のみで、空白の時は何もしない仕組みです。適当に改良してご利用下さい。追記：ボタンクリック時のイベント忘れてます。（汗

固定ウィンドウ１を使う
　　その中の大きさを（294，98）へ変えろ
　　その名前を「テキストの連結」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最小化ボタンをオフへ変えろ
　　その最大化ボタンをオフへ変えろ
　　その位置を中央へ変えろ
テキスト１を作れ
　　その位置と大きさを（10，30，65，18）へ変えろ
　　そのＩＭＥの状態を「無効」へ変えろ
テキスト２を作れ
　　その位置と大きさを（80，30，65，18）へ変えろ
　　そのＩＭＥの状態を「無効」へ変えろ
テキスト３を作れ
　　その位置と大きさを（150，30，65，18）へ変えろ
　　そのＩＭＥの状態を「無効」へ変えろ
テキスト４を作れ
　　その位置と大きさを（220，30，65，18）へ変えろ
　　そのＩＭＥの状態を「無効」へ変えろ
ボタン１を作れ
　　その位置と大きさを（200，60，90，25）へ変えろ
　　その名前を「閉じる」へ変えろ
ラベル１を作れ
　　その位置と大きさを（10，10，67，12）へ変えろ
　　その内容を「シリアルキー見たいな連結」へ変えろ
固定ウィンドウ１の表示をオンへ変えろ
待機
手順は　固定ウィンドウ１のテキストが変化
　　ここだけの変数は　番号
　　番号は　このオブジェクト番号
　　もし　この内容は　「」　なら
　　　　もし　番号は　1　なら　抜ける
　　　　テキスト（番号-1）へ焦点
　　他でもし　この内容は　"^[a-zA-Z0-9]+$"　でないなら
　　　　この色を赤に変えろ
　　他なら
　　　　この色を黒に変えろ
　　もし終わり
　　もし　この文字数は　5　より上なら
　　　　もし　番号は　4　なら
　　　　　　ここだけの変数は　インデックス
　　　　　　インデックスは　テキスト（番号）の選択スタート
　　　　　　テキスト（番号）の内容を左（テキスト（番号）の内容、6）へ変えろ
　　　　　　テキスト（番号）の選択スタートをインデックスへ変えろ
　　　　　　抜ける
　　　　もし終わり
　　　　テキスト（番号+1）へ焦点
　　もし終わり
終わり

【10:0】FTP接続

FTP接続

FTP接続のサンプルです。エラー処理なども簡単に行っているだけであり、色々と追加などをする必要はありますが、このままでもFTP接続出来たかどうか確認は出来ます。ツリービューの階層取り込みなども行っておりませんので各自でソースを書き換えて下さい。通常のファイル操作と殆ど変わらないのでTTSneoを理解できていればこのようなソフトウェアを開発するのは何の問題もないかと思われます。このままのソースでは配布用のソフトとしては利用できませんので、どのような流れかをゆっくりと観察して見て下さい。

固定ウィンドウ１を使う
　　その中の大きさを（394，348）へ変えろ
　　その名前を「FTP接続サンプル」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最大化ボタンをオフへ変えろ
　　その位置を中央へ変えろ
テキスト１を作れ
　　その位置と大きさを（100，10，280，18）へ変えろ
テキスト２を作れ
　　その位置と大きさを（100，40，280，18）へ変えろ
テキスト３を作れ
　　その位置と大きさを（100，70，280，18）へ変えろ
テキスト４を作れ
　　その位置と大きさを（100，100，120，18）へ変えろ
ボタン２を作れ
　　その位置と大きさを（320，100，65，25）へ変えろ
　　その名前を「FTP接続」へ変えろ
ツリービュー１を作れ
　　その位置と大きさを（10，140，370，190）へ変えろ
チェック１を作れ
　　その位置と大きさを（230，100，90，17）へ変えろ
　　その名前を「PASVモード」へ変えろ
ラベル１を作れ
　　その位置と大きさを（10，14，81，12）へ変えろ
　　その内容を「FTPサーバー名」へ変えろ
ラベル２を作れ
　　その位置と大きさを（10，44，81，12）へ変えろ
　　その内容を「FTPユーザー名」へ変えろ
ラベル３を作れ
　　その位置と大きさを（10，74，75，12）へ変えろ
　　その内容を「FTPパスワード」へ変えろ
ラベル４を作れ
　　その位置と大きさを（10，104，88，12）へ変えろ
　　その内容を「FTP初期フォルダ」へ変えろ
固定ウィンドウ１の表示をオンへ変えろ
待機
手順は　固定ウィンドウ1のボタン２をクリック
　　エラーは　接続エラー
　　ＦＴＰのサーバを、テキスト1の内容に変えろ
　　ＦＴＰのユーザ名を、テキスト2の内容に変えろ
　　ＦＴＰのパスワードを、テキスト3の内容に変えろ
　　もし　チェック１のチェックは　オン　なら　ＦＴＰのパッシブモードを、オンへ変えろ
　　配列は、FTPのフォルダ一覧（テキスト4の内容）
　　配列数（配列）回、繰り返せ
　　　　数は　数＋1
　　　　ツリービュー１に、配列（数）を「shell32.dll,43,小」で追加
　　繰り返し終わり
　　ボタン2の有効をオフへ変えろ
終わり
手順は　接続エラー
　　「接続中にエラーが発生しました。」を警告で表示
　　FTPを切断
　　待機
終わり

【9:3】文章テキストに入力支援

文章テキストに入力支援

今回のサンプルでは、使い方次第では非常に面白くなりそうなサンプルを載せておきます。処理を色々と付け足せば、高度な入力支援が出来上がります。現状では入力支援が枠外に行った時などの処理は入れていません。オブジェクトの幅や高さを計算すれば簡単に出来ます。また、サンプルでは「の」と「は」のみしか指定しておらず、内容も適当に入れています。使い方は簡単。「○○の」や「○○は」で確定すればカーソルの位置にリストボックスが出現します。その入力候補をダブルクリックで挿入できるという物です。

固定ウィンドウ１を使う
　　その中の大きさを（394，268）へ変えろ
　　その名前を「入力支援サンプル」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最大化ボタンをオフへ変えろ
ピクチャー１を作れ
　　その位置と大きさを（10，10，380，250）へ変えろ
　　その背景を&h8000000Fへ変えろ
場所は　ピクチャー１
文章テキスト１を作れ
　　その位置と大きさを（0，0，370，240）へ変えろ
リスト1を作れ
　　その表示をオフへ変えろ
　　その大きさを（100、60）へ変えろ
　　それを最前面
場所は　固定ウィンドウ１
固定ウィンドウ１の表示をオンへ変えろ
待機
手順は　固定ウィンドウ１の文章テキスト１をクリック
　　もし　リスト1の表示は　オン　なら　リスト1の表示をオフへ変えろ
終わり
手順は　固定ウィンドウ１のリスト1をダブルクリック
　　文章テキスト１の選択をリスト１の内容へ変えろ
終わり
手順は　固定ウィンドウ１の文章テキスト１が変化
　　ここだけの変数は　対象、開始位置、表示位置
　　対象は　文章テキスト1の内容
　　もし　対象は　「」　なら
　　　　もし　リスト1の表示は　オン　なら　リスト1の表示をオフへ変えろ
　　　　抜ける
　　もし終わり
　　開始位置は　文章テキスト１の選択スタート
　　表示位置は　文章テキスト1のカーソル座標
　　リスト1をクリア
　　リスト１の位置を（表示位置（１）、表示位置（２）＋20）へ変えろ
　　もし　真ん中（対象、開始位置、１）は　「の」　なら
　　　　リスト1の一覧を「天気、仕事、出来事、気分」へ変えろ
　　　　リスト1の表示をオンへ変えろ
　　他でもし　真ん中（対象、開始位置、１）は　「は」　なら
　　　　リスト1の一覧を「晴れ、雨、良くできた、まぁまぁだった、非常に良かった、最高だった、最悪だった」へ変えろ
　　　　リスト1の表示をオンへ変えろ
　　他なら
　　　　もし　リスト1の表示は　オン　なら　リスト1の表示をオフへ変えろ
　　もし終わり
終わり

【8:0】ドラッグ＆ドロップ１

ドラッグ＆ドロップ１

ドラッグ＆ドロップで拡張子を分別するサンプルソースです。 拡張子はほんの一部のみ指定していますが、どのような拡張子があるか調べて追加すると良いでしょう。その際は、テキストファイルへ拡張子の一覧を書いておき、実行時読み込むような形が最適ではないでしょうか。このような記述では手間暇はかかりますが確実に動作するような記述方法です。手短 な記述も出来るのですが今回はこの記述方法を載せておきます。尚、他のオブジェクトでのドラッグ＆ドロップも同じような記述で動作します。

固定ウィンドウ１を使う
　　その中の大きさを（264，88）へ変えろ
　　その名前を「拡張子チェッカー」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最大化ボタンをオフへ変えろ
フレーム１を作れ
　　その位置と大きさを（10，10，240，70）へ変えろ
　　その名前を「拡張子チェック」へ変えろ
ピクチャー１を作れ
　　その位置と大きさを（11，21，40，30）へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その枠をオンへ変えろ
場所は　フレーム１
ラベル１を作れ
　　その位置と大きさを（60，31，170，12）へ変えろ
　　その自動調整をオフへ変えろ
　　その内容を「左の枠にファイルをドロップ！」へ変えろ
場所は　固定ウィンドウ１
　　ピクチャー１の表示場所を、フレーム１へ変えろ
固定ウィンドウ１の表示をオンへ変えろ
待機

手順は　固定ウィンドウ１のピクチャー１にドラッグ＆ドロップ
　　ここだけの変数は　分別
　　分別は　拡張子だけ（ドロップされたファイル）
　　分別について分岐
　　　　「txt」の場合
　　　　　　ラベル1の内容を「テキストファイル（［分別］）」へ変えろ
　　　　「tts」の場合
　　　　　　ラベル1の内容を「TTSファイル（［分別］）」へ変えろ
　　　　「lnk」の場合
　　　　　　ラベル1の内容を「ショートカットファイル（［分別］）」へ変えろ
　　　　「exe」の場合
　　　　　　ラベル1の内容を「実行可能ファイル（［分別］）」へ変えろ
　　　　「hlp」の場合
　　　　　　ラベル1の内容を「ヘルプファイル（［分別］）」へ変えろ
　　　　他の場合
　　　　　　ラベル1の内容を「未分類のファイル（［分別］）」へ変えろ
　　分岐終わり
終わり

【7:0】変数

変数の取り扱い

プログラミングに欠かせない物と言えば変数です。この変数を取り扱えないとソフトウェアの作成も非常に厳しいと思っても良い事でしょう。変数とは何か。情報を格納できる箱のような物だと思っても構いません。以下のサンプルを実行して欲しい。

１＋１を表示
「１＋１」を表示
「［１＋１］」を表示

上のサンプルを実行すると、一行目では「２」を返し、二行目では「１＋１」を返し、三行目では「２」を返すはずです。この中には変数は存在しているのでしょうか？尚、TTSneoでは「」で括られた中は文字列として認識されます。「」内で変数を使用したい場合は［］で括る必要があります。 上のサンプルには変数は存在しておりません。変数が存在しない為に、結果は常に同じ物しか返せません。次に下のサンプルを実行して欲しい。

数字は　100
「［数字］」を表示
数字は　数字−10
「［数字］」を表示

この場合はどうでしょうか。 数字という変数を作成して、最初の数字には１００を代入しています。この数字という変数は１００と同じ意味になるのです。2行目では「１００」が表示されると思います。次の行では数字から１０を引いています。そもそも数字は１００と同じなのですから、９０という結果がでれば正しく動作している事になりますよね。ここで気づいた方も居ると思いますが、変数を指定するとその中身は自由に変更できるのです。それにより、異なった処理をさせたり異なった結果を得る事が出来るのです。具体的にどのような処理なのかは下のを実行して欲しい。

色ボックスは　「白」
ウィンドウ１を使う
　　その中の大きさを（192，146）へ変えろ
　　その名前を「変数のテスト」へ変えろ
　　その背景を&h8000000Fへ変えろ
ピクチャー１を作れ
　　その位置と大きさを（10，50，170，80）へ変えろ
　　その背景を色ボックスへ変えろ
　　その枠をオンへ変えろ
ボタン１を作れ
　　その位置と大きさを（10，10，170，25）へ変えろ
　　その名前を「不思議なボタン」へ変えろ
ウィンドウ１の表示をオンへ変えろ
待機
手順は　ウィンドウ1のボタン1をクリック
　　色ボックスについて分岐
　　　　「白」の場合
　　　　　　色ボックスは　「赤」
　　　　「赤」の場合
　　　　　　色ボックスは　「青」
　　　　「青」の場合
　　　　　　色ボックスは　「黒」
　　　　「黒」の場合
　　　　　　色ボックスは　「緑」
　　　　他の場合
　　　　　　色ボックスは　「白」
　　分岐終わり
　　ボタン1の名前を「［色ボックス］色に変えたよ！」へ変えろ
　　ピクチャー１の背景を色ボックスに変えろ
終わり

上のサンプルを実行すると、ウィンドウにボタンが一つとピクチャーが一つ設置されていると思います。ボタンを押すとピクチャーの背景色が順番に変わって数回以降は最初から繰り返していきますよね。一つの変数だけでこのような結果を得ることも出来てしまうのです。通常ではボタン一つに対して一個のイベントだと思いこんでいるかも知れませんが、変数などを有効に使う事で何通りものイベントを実現出来たりもします。勿論、このサンプルではイベントに応じてボタンに表示されるテキストも変更してます。

このように、変数を使うことでプログラミングの表現力が大幅に違ってくるのです。逆に、変数がなければこのような処理は不可能かも知れません。どのようなプログラミングでも変数を必要とする為に、まずはこの変数を理解する事から始めるのが基本中の基本です。これを知らずしてソフトウェアを開発すると挫折への道となる事間違いないでしょう。

スキンケア

今ではスキンケアは女性だけの物ではなく、特に洗顔などは男女問わず行いたいですよね。美白化粧品と言えば、敏感肌でも白く美肌になれる「ミラクルホワイト」あたりをお勧めしたいです。 利用者からは「ザラツキ・黒ずみが薄くなってすべすべ！」や「目周りの小じわがキレイになった！｣・他などいった情報も得ており、歳を取るにつれて肌に潤いがなくなったりつやがなくなったりと気になってくる物です。特に敏感肌などにはどのようなスキンケアが適しているのかさえも難しい問題となってきますが、中には「敏感肌だけど刺激なく使えた！｣との貴重な意見もあります。こういった色々な悩みのある方は、敏感肌でも白く美肌になれる「ミラクルホワイト」のお試しセットなどを利用してみては如何でしょうか？今なら6点セットで1,260円とお得な料金となっています。

【6:0】設定保存・復元

設定の保存と復元（INIファイル）

ソフトウェア起動時に思う事といえば、最後の状態をそのまま次の起動時に適応出来れば良いのになどと思う事はないでしょうか？他には、画像など外部から呼び出す時に自分の環境ではキチンと表示出来ているけど、配布先でもキチンと表示できてるのか心配な時ってありますよね。しかし、このような事はINIファイルやレジストリなどを使えば情報を保存できたり復元できたりします。理由がない限りレジストリへの保存はお勧めできませんので、ここではINIファイルを取り扱う事にします。

設定ファイルは　「○○.ini」

上の○○の部分には、拡張子が「.ini」 のフルパス（推奨*1）を指定します。しかし、既に思うのがフルパスで指定すると他の人のパソコンと自分の環境が違うから駄目ではないかなどと思いますよね？その通りです。自分の環境のパスを指定しても他の人のパソコンでは全く同じルートとは限りません。そんな時に使用するのが、「今の位置」関数を利用します。「今の位置」とは、ソフトを起動した「.exe」のあるパスを返してくれる関数なのです。つまり、作成したソフトウェアの「.exe」のある場所までのルートをフルパスでこの関数の中に入っているのです。それなので、この関数を使う事で自分の環境だろうと相手の環境であろうと「.exe」のあるディレクトリを正確に知ることが出来ます。

*1 相対パスなどでは知識がないと作業フォルダが変わった瞬間に読み込めなくなるおそれがあります。

設定ファイルは　「［今の位置］test.ini」
もし　設定ファイルは　"存在する"　なら
　　’存在する時の処理
　　変数は　設定（設定ファイルの「キー名」の「項目名」）
他なら
　　’存在しない時の処理
　　設定ファイルの「キー名」の「項目名」に、「値」を設定
もし終わり

基本的なINIファイルの取り扱いは上のようになります。良く見かけるのが、INIファイルがあるかないかを確認してないのが多いです。当然のことながら、存在しないファイルから設定を読み込もうとしても設定などはないのです。保存時には存在しない場合は自動で作成されますが、読込時には存在しないファイルは作成されないはずです。仮に出来たとしても、自分で決めたキー名、項目名、値などコンピュータに分かるはずもないのです。次は実際に使えるサンプルを載せてみます。

設定ファイルは　「［今の位置］set.ini」
もし　設定ファイルは　"存在する"　でないなら
　　’INIが存在しない時、初回起動時の設定　※削除されても自動で復元する。
　　設定ファイルの「Img」の「Dir」に、「［今の位置］ico\」を設定
　　設定ファイルの「Window」の「Pos」に、「中央」を設定
　　設定ファイルの「Window」の「Size」に、「640,480」を設定
もし終わり
もし　設定（設定ファイルの「Img」の「Dir」）は　"存在する"　でないなら
　　「必要なイメージディレクトリが存在しません。終了します。」を警告で表示
　　終了
もし終わり
ウィンドウ１を使う
　　その大きさを設定（設定ファイルの「Window」の「Size」）に変えろ
　　その位置を設定（設定ファイルの「Window」の「Pos」）に変えろ
その表示をオンへ変えろ
待機

手順は　ウィンドウ１を閉じる
　　設定ファイルの「Window」の「Size」に、「［ウィンドウ1の大きさ］」を設定
　　設定ファイルの「Window」の「Pos」に、「［ウィンドウ1の位置］」を設定
　　終了
終わり

上のサンプルを実行するには、コピペしてTTSneoデザイナへ貼り付けて適当な所に保存して実行して下さい。そのまま実行すると、ログインディレクトリのドキュメント内へ設定ファイルが保存されます。それでは説明します。INIファイルは「set.ini」の名目で起動したディレクトリの中に作成されます。初回起動時には存在しないので、適当な値を設定してINIファイルを作成、キーなどを設定しています。キーとは、設定の読込や保存したいグループみたいな物です。項目名とはグループの中の「どれ」と同じような物です。値は実際に保存や読み込む内容の事です。

設定ファイルの「Window」の「Size」に、「［ウィンドウ1の大きさ］」を設定とは、WindowというグループのSizeという項目に現在のウィンドウの大きさを保存します。という意味になります。同じグループ内には同じ項目名がダブってはいけない事に注意して下さい。このような意味なので、当然ながらウィンドウの大きさを読み込むには、「Window」の「Size」とすればその中の値が読み込まれます。設定ファイルの保存は、起動時に存在しなかった場合とウィンドウを閉じる時に設定ファイルへ再保存していますが、起動時の保存とウィンドウを閉じる際の保存とでは違う箇所があるのに注意してもらいたい。

イメージフォルダの場所の保存は起動時のみ確認出来れば良いので、一度設定されていたら内容が変化しない物については再度保存し直す必要はないのです。例外として、そのイメージフォルダが移動した時の状態を設定し直す場合はそれらの処理を行った後に、その対象の部分のみを保存し直せば良いのである。つまり、設定に変化のある物のみ設定ファイルへ再保存すれば良いという事なのです。上のサンプルを実際に動かして、出来上がったINIファイルを開いてみる事で説明するよりも分かりやすいと思います。　※ 「ico」というディレクトリを自分で作成しない限り、ダイアログが出て起動できないはずです。簡単な説明用に作った物であり、画像ディレクトリなどの確認はもう少し処理を工夫しないといけません。

施主支給

いつも気になる部屋の一部といえば、やはりトイレ周りではないでしょうか。トイレは人間の生活の上で欠かせない物です。しかし、そのトイレが汚れていると友達なども家に誘うのを拒んだりしますよね。掃除を少しでも怠ると見事なまでに汚れがこびり付いて落ちなくなりますよね。

施主支給というサイトが気になったので紹介します。上でも述べた通りですが、トイレの汚れが気になるけど買い換えるのも恥ずかしいなどと思う方も居るのではないでしょうか。それもその通り、見事に汚れたトイレは変えるには勇気がいるのです。そうなる前に、これ以上汚れたら変える勇気がなくなるなどと思った時こそ、施主支給のサイトなどをご利用しては如何でしょうか？最大50%OFFは有り難いですよね。何と言っても半額なのですから。しかも、ネット上から買い物も出来ますし、9割は初めてネット上で買い物する人が多いみたいですから、初めてでもスタッフの対応が良く安心して買い物が出来るサイトだと思います。これを気にどうですか？

【5:0】意見・要望Part1

当ブログについて意見や要望があれば書き込んで下さい。

例えば、記事内で間違いが見つかったり、要望としてこのようなプログラムを組むときのサンプルを載せて下さいなどです。TTSneo質問などはここには書き込まないで下さい。それに応じた記事内、もしくは雑談用にてお願いします。

URLは「http://」を覗いた部分から書き込んで下さい。また、半角の「&」「#」も入力できません。

【4:2】雑談用Part1

ここでは雑談を行う為のスレッドです。

TTSneoの質問も可能ですが、それぞれのスレッドに該当する質問はそこの記事のレス内（コメント）にてお願いします。質問以外にも突っ込みなどありましたらご自由にどうぞ。また、このような例題を作ってほしいなどは意見・要望のスレッド内でコメントして下さい。

URLを載せるとエラーが出ますが、URLを載せたい場合は、「http://」の部分を省いた以降の文字を入れると良いです。また、半角の「&」「#」も入力できません。

年賀状

毎年欠かせない事と言えば、年賀状ですよね。この年賀状ですが、一人や二人であればそんなにも悩む事はないのですが、仮に数十人から数百人も居るとしたらどうでしょう。正直、書くのがめんどくさいですよね。パソコンで作るにしてもインク代が勿体ないし、手間暇かかるし時間も勿体ないし。 それだけではありません。失敗などした時には書く気が起こらなくなりますよね。

そこで、一石二鳥とも言えるサイトがあるのですよね。現在では不況となっておりますが、不況を支えるのも誰かの支援がないと厳しいですよね。今の日本よりも更に厳しい国なども存在します。そこで、チャリティにも還元出来て、年賀状も幾つか用意されているレイアウトから選べて、何と言っても通常のはがきと同じ値段なのです。さて、インク代を計算してもこれは絶対お得ですよね。チャリティに還元も出来るのと好きなレイアウトから年賀状も出来てしまうのですから、通常のはがきではなく、ebin.jpを使うのも一つの手ではないでしょうか？　インターネット上から簡単な手続きで購入できるのでお勧めです。

【3:0】URLから文字取り出し

URLから指定文字を取り出す。（取り出せ命令）

ソフトウェアのアップデートなどに使用したい場合には欠かせないのが、自サイトから指定したコードを読み込んでバージョンなどの確認を行う処理だと思います。 しかし、これらの操作が難しいなどと思っているかも知れませんが、そのような事はなく非常に簡単に出来るのです。 バージョンアップだけに関わらず、うまく使いこなせばシリアルコードなども各ユーザー毎に設ける事も出来てしまいます。

取り出せ（番号、対象文字列、開始文字、終了文字）

今回は上の命令でURLから指定文字を取り出してみる事にします。 取り出せ命令の「番号」の部分には取り出したい文字列が重複する場合に、何番目の文字を取り出すか数字で指定します。「対象文字列」の部分には元となる文字列、つまりURLで取得した内容を指定します。「開始文字」「終了文字」では取得した内容の範囲を指定する事になります。実際にソースで記述すると以下のようになります。

対象URLは　「http://tts.utopiat.net/」
対象文字列は　ＨＴＴＰでダウンロード（「［対象URL］」）
結果は　取り出せ（１、「［対象文字列］」、「<verinfo>」、「</verinfo>」）
「［対象文字列］」を表示
「［結果］」を表示

上の例では、TTSneo公式サイトのトップページより最新バージョン情報を取得しています。簡単に説明してみましょう。まず、「対象URL」 という変数にソフトの情報を含むサイトURLを指定します。「対象文字列」の変数に先ほど指定されたURLのHTMLソースを格納します。「結果」の変数の中に、取り出したい指定の文字列を格納するようにしています。従って、「対象文字列を表示」とすればHTMLソース全て（ダイアログでは一部しか見れません）が表示され、「結果を表示」とすれば対象文字列の開始位置から終了位置までの文字列が取得出来ます。ここで注意してもらうのが、全てのURLで上と同じようにしても取得できないという事です。

これは、取り出したい文字にアンカーを打つことで実現できるからである。アンカーとは、上の公式サイトの場合、HTMLソース内で予め「<verinfo>バージョン　日付</verinfo>」のように直ぐに取り出せるように工夫をしているからである。このアンカーはどのような文字列でも構いませんが、公開中のHTMLであれば表に出ないような工夫をしないといけない事に注意してほしい。とはいっても難しく考える必要もなく、HTMLでは「<!--  -->」で囲まれた部分はコメントとして解釈される為、このようなコメントを有効に使うと良いです。

対象は　「ソフトは<!--開始-->ソフト名 Ver. 0.01　2007/12/01<!--終了-->が最新版です。」
結果は　取り出せ（１、「［対象］」、「<!--開始-->」、「<!--終了-->」）
「［対象］」を表示
「［結果］」を表示

ロールケーキ

清川屋のロールケーキはYahoo！ショッピングロールケーキでなんと、No.1の実績がありしかもケーキランキングでは4位とすばらしい実績があります。このような人気を高めたのはおそらく、卵白のみを使用してふんわりととろけるようなおいしさが良かったのではないでしょうか。生クリームも企業秘密だけに、色々と工夫されており清川屋でのみしか味わえないほどのおいしさを保証します。まだ食べた事ない人は、流行の話題から少し外れる可能性もありますよ。

雑誌やテレビでも紹介されるほどのできの良さが売りですよね。TBS系アッコにおまかせや週刊アスキー、他などで紹介されており、みなさんもお目にかかった事はあるのではないでしょうか？クリスマスにロールケーキなども魅力的なはず。清川屋のサイトを覗くと今すぐにでも食べたくなるような絶品が勢揃いです。山形の特産品が勢揃いで並んでおり、どれにするか迷ってしまうくらいの美味しそうな品揃え。悩んだならば是非とも「ほわいとぱりろーる」のロールケーキをお勧めします。マジで美味しいですよ。お勧めします。

【2:0】レイアウト

レイアウトは工夫次第

ソフトウェア作成に欠かせないのがレイアウトではないでしょうか。しかし、レイアウトと言ってもオブジェクトの設置をするだけだからなどと思ってはいけません。人間でもそうですが、見栄えは気になりますよね。そこで、ちょっと工夫しただけで見栄えが良くなるようなサンプルを載せておきます。他にも工夫次第では驚くようなレイアウトが実現できたりもします。今回のサンプルは低スペックのマシンではきついかも知れないので、固定ウィンドウ限定でのサンプルとなります。

固定ウィンドウ１を使う
　　その中の大きさを（414，288）へ変えろ
　　その名前を「ウィンドウ１」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最大化ボタンをオフへ変えろ
　　それを白から&hC8C8FFで横にグラデーション
　　その位置を中央へ変えろ
ピクチャー１を作れ
　　その位置と大きさを（10，260，390，20）へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その枠をオンへ変えろ
文章テキスト１を作れ
　　その位置と大きさを（10，10，390，240）へ変えろ
メニュー　「ファイル(&F)」を作れ
場所は　ピクチャー１
ラベル１を作れ
　　その位置を（3、3）へ変えろ
　　その内容を「擬ステータスバー」へ変えろ
場所は　固定ウィンドウ１
ピクチャー1の位置と大きさを（0、固定ウィンドウ1の中の高さ-ピクチャー1の高さ、固定ウィンドウ1の中の幅、ピクチャー１の高さ）へ変えろ
文章テキスト1の位置と大きさを（5、5、固定ウィンドウ1の中の幅-10、固定ウィンドウ1の中の高さ-ピクチャー１の高さ−10）へ変えろ
ピクチャー1を白から&hC8C8FFで横にグラデーション
固定ウィンドウ１の表示をオンへ変えろ
待機
手順は　固定ウィンドウ1の文章テキスト１が変化
　　もし　文章テキスト１の行内容は　「」　なら
　　　　ラベル１の内容を「」へ変えろ
　　　　抜ける
　　もし終わり
　　ラベル1の内容を「［文章テキスト１の行内容］を入力しました。」へ変えろ
終わり 　

オンラインゲーム

オンラインゲームも今では色々なサイトがありますよね。ガメジャンは実機海物語や麻雀、更にはカードゲームといった様々な無料オンラインゲームを設置しております。サイトも非常に見やすく、シンプルで綺麗に出来ている事から、登録からゲームで遊ぶまでの手順が簡単に行えるのが特徴です。ゲームにプラスしてアバターなどもあり、年齢層も幅広く充実したサイトとなっています。ガメジャンの画面も凄く綺麗で見やすい設計となっております。

何と言っても、初心者にも優しい設定であり、対局して上がると雷が発生したり、役満でドラゴンが発生したりと面白い内容が盛りだくさんです。ちょっぴりドラゴンが気になる所ではありますが、まだ出した事がないのですよね。この際に登録してプレイしてみませんか？　登録は→ガメジャンより行えます。

【1:0】ウィンドウの種類

通常のウィンドウ

通常のウィンドウは、最大化ボタンや最小化ボタンなどが表示されており、ユーザーが自由にをンドウの大きさを変えることの出来るウィンドウの事を言います。

ウィンドウ１を使う
　　その中の大きさを（312，213）へ変えろ
　　その名前を「標準のウィンドウ」へ変えろ
　　その背景を&h8000000Fへ変えろ
ウィンドウ1の表示をオンへ変えろ
待機

固定ウィンドウ

固定ウィンドウは、最小化ボタンは表示される物のユーザーが自由にサイズを変更する事の出来ないウィンドウの事を言います。自由にサイズを変える事が出来ないので、当然最大化ボタンは使用できない状態となります。

固定ウィンドウ１を使う
　　その中の大きさを（312，213）へ変えろ
　　その名前を「固定ウィンドウ」へ変えろ
　　その背景を&h8000000Fへ変えろ
　　その種類を「固定」へ変えろ
　　その最大化ボタンをオフへ変えろ
固定ウィンドウ1の表示をオンへ変えろ
待機

（省略されました・・全てを読むにはここを押してください）