[iret-ceo] アイレット株式会社CEOブログ

Flash PhotoShop 連携

noreply@blogger.com (shouhei) — Mon, 20 Jul 2009 12:32:00 +0900

Flash PhotoShop 連携をスムーズにする。
こういう形でプロジェクトを組めたら
効率化できるね

http://www.adobe.com/jp/devnet/flash/articles/flash_helper_script.html

JavaScript サンプル

noreply@blogger.com (shouhei) — Tue, 23 Jun 2009 15:27:00 +0900

JavaScriptの厳選50のサンプルプログラム

http://journal.mycom.co.jp/news/2009/06/23/018/index.html

Google App PHP つかえるらしい

noreply@blogger.com (shouhei) — Tue, 9 Jun 2009 16:06:00 +0900

GoogleAppでPHPが動かせるらしい
Java技術者はどうでもいいが、PHP技術者はでかいね

http://codezine.jp/article/detail/3948

ActionScript 色変更

noreply@blogger.com (shouhei) — Tue, 2 Jun 2009 10:15:00 +0900

MovieClipの色変更するとき。

var _r = Number("0x12");
var _g = Number("0x23");
var _b = Number("0x45");

mc.transform.colorTransform = new ColorTransform(0,0,0,100,_r,_g,_b,0);

てな感じでできます

OutOfMemory

noreply@blogger.com (shouhei) — Fri, 1 May 2009 15:57:00 +0900

非常に役に立つサイト
OutOfMemory気をつけないとね。。

http://symple.jp/66.html

javascript 全て選択 prototype.js

noreply@blogger.com (shouhei) — Mon, 30 Mar 2009 10:53:00 +0900

prototype.jsで楽なモジュールはないかと探していたら
下記が見つかった。

全て選択、解除ができるし、しかも色がつく

下記のように初期ローディングを行い
-----------------------------------------------------------------------------
<script type='text/javascript' src='/scripts/common/ctl_checkbox.js'></script>
<script language="JavaScript" type="text/javascript">
// データ選択checkboxの制御
var ChkCtl;
document.observe('dom:loaded', function() {
ChkCtl = new CtlCheckBox('check_row', 'lightyellow');
ChkCtl.load();
});
</script>
-----------------------------------------------------------------------------
テーブル
<tr class="check_row" >
<td><input type="checkbox" /></td>
</tr>
-----------------------------------------------------------------------------

あとは下記のように呼び出すだけ
選択：[<a href="#revlist" onClick="javascirpt:ChkCtl.setAll(1)" id="checkall">すべて</a>][<a href="#revlist" onClick="javascirpt:ChkCtl.setAll(0)" id="checkall2">なし</a>]

http://www.exgear.jp/blog/2008/10/js-%E4%B8%80%E8%A6%A7%E8%A1%A8%E7%A4%BA%E3%81%AE%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E9%96%A2%E9%80%A3%E3%81%AE%E5%88%B6%E5%BE%A1%E3%82%92%E3%81%BE%E3%81%A8/

javascript ローディング

noreply@blogger.com (shouhei) — Mon, 30 Mar 2009 10:48:00 +0900

既存のサイトにローディングをいれるなどに使うのに便利

buttonのsubmitと同時にonClickイベントで下記のモジュールを呼び出すのみ

onClick="bval = getBusyOverlay('viewport',{color:'black',opacity:0.25});"

HTMLの頭にこれを入れておくだけ。
画面終了時 unloadイベントが呼ばれるのでその際このモジュールを削除する

<script type='text/javascript' src='/scripts/common/cvi_busy_lib.js
'></script>
<script language="JavaScript" type="text/javascript">
window.onunload = function () {
bval.remove();
}
</script>

http://www.netzgesta.de/busy/

SimpleDateFormat バグ

noreply@blogger.com (shouhei) — Tue, 17 Mar 2009 12:11:00 +0900

最近つかっていて、何か違う日付が出力された
いろいろしらべてみるとSimpleDateFormatはsynchronizedを使ってやらないと
危ないらしい

http://www.geocities.co.jp/Playtown/1245/java/unsafe_simple_date_format.html

AIR 1.5.1

noreply@blogger.com (shouhei) — Thu, 26 Feb 2009 02:41:00 +0900

AIR 1.5.1リリースだそうです。
もっと軽くならないかな～って思う今日この頃
http://weblogs.macromedia.com/akamijo/archives/2009/02/flash_player_10_13.html

Oracle array

noreply@blogger.com (shouhei) — Wed, 25 Feb 2009 19:23:00 +0900

mayaa switch文

noreply@blogger.com (shouhei) — Thu, 19 Feb 2009 00:48:00 +0900

最近mayaaをよくつかっている。
SAStrutsとmayaaを組み合わせて使っているので今後どんどん書いていこうと
思います。

ますはswitch文　mayaaはxpathを使えるので便利。HTMLコーダーと話を
あわせて作れば、一切HTML触らなくいいんです
下記のようにやればkeywordsの部分も変更可能
SEO対策もばっちりですね

<m:with m:xpath="//meta[@name='keywords']">
<m:echo>
<c:choose>
<c:when test="${key == '1'}" >
<m:attribute name="content" value="iret-ceo mayaa 1" />
</c:when>
<c:when test="${key == '2'}" >
<m:attribute name="content" value="iret-ceo mayaa 2" />
</c:when>
<c:when test="${key == '3'}" >
<m:attribute name="content" value="iret-ceo mayaa 3" />
</c:when>
<c:when test="${key == '4'}" >
<m:attribute name="content" value="iret-ceo mayaa 4" />
</c:when>
<c:when test="${key == '5'}" >
<m:attribute name="content" value="iret-ceo mayaa 5" />
</c:when>
<c:when test="${key == '6'}" >
<m:attribute name="content" value="iret-ceo mayaa 6" />
</c:when>
<c:otherwise>
<m:doBody />
</c:otherwise>
</c:choose>
</m:echo>
</m:with>

AS3 maito

noreply@blogger.com (shouhei) — Fri, 6 Feb 2009 12:43:00 +0900

ActionScript3(Flash 9)でのメール立ち上げサンプルです。

var url:URLRequest = new URLRequest("mailto:hogehoge@hoge.com?subject=test&body=body");
navigateToURL(url,"_self");

_blankだとブラウザがたちがあるので注意です

Flex alpha

noreply@blogger.com (shouhei) — Sat, 24 Jan 2009 19:16:00 +0900

Flexのタグで簡単にAlpha処理ができる。
<mx:fade id="showIn" duration="500" alphafrom="0.0" alphato="1.0" target="{this}">

this.showIn.play()
で呼び出し完了

Oracle limit offset

noreply@blogger.com (shouhei) — Thu, 22 Jan 2009 23:34:00 +0900

OracleではLimit　Offsetがないため処理的に困ることが多い
じゃあどうするかというと
betweenとrow_number() over()を使うとうまくいける

テーブル例
TEST
　SORT　NUMBER(1),
TEST_NAME VARCHAR2(256)

例として先頭の１０個取ってくるサンプル
select
*
from(
select
row_number() over(ORDER BY SORT) AS NUM,
TEST_NAME
FROM
TEST
ORDER BY SORT
)
WHERE
NUM BETWEEN 0 AND 10

これでかなり楽になりますね

Flex ファイル参照

noreply@blogger.com (shouhei) — Wed, 21 Jan 2009 22:01:00 +0900

FlexでファイルアップロードのWindowを出す処理の仕方

private var file:FileReference;
を使えば余裕で出ます。

イベントの登録
file.addEventListener(Event.SELECT, fileSelected);

下記のようにButtonClickでイベントを呼び出してbrowseってやるだけ
private function uploadImage(e:Event = null):void {
　　file.browse();
}

後はファイルを取得の仕方として、ファイル名を取得
private function fileSelected(e:Event = null):void {
　　var f:FileReference = e.target as FileReference;
　　this.label.text = f.name;
}

今日はここまで。。

FlashLite 仕様

noreply@blogger.com (shouhei) — Tue, 20 Jan 2009 00:27:00 +0900

FlashLiteに関する細かな仕様が載っているサイト発見
http://thinkit.jp/article/734/1/

Flex 日付

noreply@blogger.com (shouhei) — Mon, 19 Jan 2009 13:18:00 +0900

あまりにも更新していないのでBlog更新がんばります。

Flexネタ　日付のフォーマット
Javaとかでよくあるフォーマット変換によく似てる
var format:DateFormatter = new DateFormatter();
format.formatString = "YYYY/MM/DD (EEE)";
var date:Date = new Date();
trace(format.format(date));

OUTPUT
2009/01/19 （月）

こんな感じで出るよ

オートコンプリート　JQuery

noreply@blogger.com (shouhei) — Fri, 5 Dec 2008 16:16:00 +0900

JQueryでオートコンプリートやりたいと思い、調べました。
jquery.autocomplete.js
といういいものがありました。
これを使えば簡単にオートコンプリートが実装できます。

サンプルとして

<script type='text/javascript' src='js/jquery.autocomplete.js'></script>


<script type="text/javascript">
$(document).ready(function(){
　// イニシャル時にセットアップ
　setAutoCompliete("test");
});

// セットされたときに呼び出されます。
function findValue(li) {
if( li == null ) return alert("No match!");

// if coming from an AJAX call, let's use the CityId as the value
if( !!li.extra ) var sValue = li.extra[0];

// otherwise, let's just display the value in the text box
else var sValue = li.selectValue;

alert("The value you selected was: " + sValue);
}

function selectItem(li) {
findValue(li);
}
// オートコンプリートで表示をどのようにするか？
function formatItem(row) {
return row[0] + " (name: " + row[1] + ")";
}

// 初期設定
function setAutoCompliete(key){
// PHPを呼び出し
var url_text = "/test.php";
$('#' + key).autocomplete(url_text, {
 onItemSelect : selectItem,
 onFindValue : findValue,
 formatItem : formatItem,
 autoFill:true,
 cacheLength:10,
 delay:10,
 matchSubset:1,
 matchContains:1,
 width:300
});
}
</script>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~省略
<input type="text" name="test" id="test" value="" />

PHP側の出力

1234|test
5678|test2
9012|test3

のような感じでやります。

これは簡単で便利です

MYSQL 件数 LIMIT OFFSET

noreply@blogger.com (shouhei) — Mon, 1 Dec 2008 14:19:00 +0900

よく全体の件数を知りたいけどLimit、Offsetを使ってしまうと
わからないってことになる場面も多いと思う。

その際にはSQL_CALC_FOUND_ROWSを使うと解決できる

SELECT
　SQL_CALC_FOUND_ROWS,
　TEST.*
FROM
　TEST
LIMIT
　10
OFFSET
　20

と上記を実行した後に

SELECT FOUND_ROWS() AS val

で全体の件数が取れます。
WHERE文とかつけるときに便利ですね

javascript 2度押し防止 DisableSubmit

noreply@blogger.com (shouhei) — Sat, 29 Nov 2008 17:20:00 +0900

2度押し制御　HTMLのFormの中ではかなり重要である。
それを簡単にできないかと探していると
DisableSubmit.jsというものがあった。

これはSubmit下タイミングでボタンが無効化するためお手軽にやることができる
下記のように簡単に実装

<script type="text/javascript" src="DisableSubmit.js"></script>
// submitボタンにid:buttonとid:button2をつけてあげて
// 3秒でディセイブル解除
<script>
DisableSubmit.init( { "id":["button","button2"] },3000 );
</script>

参考はここよりhttp://nonn-et-twk.net/twk/javascript-disable-submit

JQuery focus時に枠の色を変える

noreply@blogger.com (shouhei) — Sat, 29 Nov 2008 13:28:00 +0900

HTMLでfocus時にGmailみたいに枠の色を変えたいとかあると思います。

非選択時

選択状態

そこで一括で変えるサンプルをのせておきます。

// focus.js

$(function(){
// input type=text password textareaのみ変える処理
　$("input[@type='text'],input[@type='password'],textarea")
　　.focus(function(){
　　　$(this).addClass("focus");
　　})
　　
　　.blur(function(){
　　　$(this).removeClass("focus");
　　});
});

// focus.html

以上これだけでフォームにあるものすべて枠に色が着きます。

FlexBuilder３．０．２　公開

noreply@blogger.com (shouhei) — Mon, 24 Nov 2008 12:19:00 +0900

http://weblogs.macromedia.com/akamijo/archives/2008/11/flexbuilder_302.html

FlexBulider3.0.2公開

JavaScript　ライブラリ

noreply@blogger.com (shouhei) — Sat, 18 Oct 2008 17:55:00 +0900

Javascriptで構築するときまずここをみて
最新の便利なツールを使ってみよう

http://www.smashingmagazine.com/2008/09/11/75-really-useful-javascript-techniques/

FlexChart

noreply@blogger.com (shouhei) — Sat, 18 Oct 2008 17:47:00 +0900

AjaxからFlashでチャートが作成をコントロールできるオープンソース
これ結構使えるかもな

http://www.infoq.com/jp/news/2008/10/FlexChart-ajax

携帯　テスト　ブラウザ

noreply@blogger.com (shouhei) — Sat, 13 Sep 2008 23:01:00 +0900

FireMobileSimulatorこれ便利

http://ke-tai.org/blog/2008/09/04/firemobilesimlator/