CALTA Project

エイプリールフールネタでおなかいっぱいの本日、４月１日、「伝えよう！あなたの街」として、ここらっとフォトコンテストを開始いたしました。

今回は、Mashup Awards 4 で部門賞をいただいた、ウノウ（フォト蔵）さん、富士フイルム(FUJIFILM Internet  Technology Labs)さん、リクルート（メディアテクノロジーラボ、進学ネット）さんにも協賛していただき開催にこぎつけました。

Mashup Awards 4から生まれた企画として、ぜひとも実現したかったこの企画、各企業さんのご協力によって実現することができました。 各社の皆様、ありがとうございます！

今日から６月３０日までにここらっとに投稿された全写真が審査対象となります。

フォト蔵からの写真のエントリーや、富士フイルムさんの顔ラボを利用して、ここらっとのキャラクターを合成した写真を投稿したり、進学ネットのマッシュアップサイト「ここらっとキャンパスライフ＋」との連動など、面白い企画にしたいと思っています。

また、子育てサイト「はぐくみここらっと」部門として、静岡で「親子のコミュニケーションを大切にする学んで遊べるぬり絵本「Pocket（ポッケ）」を発行している創碧社さんも協賛していだけることになりました。

最優秀賞にはiPod touch、その他部門賞もいろいろと用意しました。ぜひ、みなさんの地域を伝えるあたたかい写真、熱い写真の投稿をお待ちしています！

コンテストの詳細はこちらからどうぞ。

written by k-matsu
この記事へのトラックバックURL

ちょっと実験的に作ってみました。

twitterで@cocoratに対して問いかけると、おすすめスポットをつぶやきます。

例）「@cocorat  L:静岡駅  おでん」

L:の部分は「L:35.685374,139.753097」でもいいし、住所でもOK。GoogleのGeocoderで解決できるプレイス名称なら大丈夫です。「L:東京タワー」もいける。

モバツイッター の「イマココ」で書き込んでくれてもいけると思います。

まずは、http://twitter.com/cocorat をフォローしてね。

brightkiteのつぶやきも対応してます（brightkiteのcocoratをfriendにしないと精度悪いけど・・・）。

written by k-matsu
この記事へのトラックバックURL

清水Webフォーラム無事終了いたしました。リクルートの川崎さん、ヤフーの前田さん、MA4チャンプKentaroさんという豪華な講師陣を招いてのフォーラム、わかりやすい事例が満載でとても有意義なフォーラムとなりました。 講師の方々ありがとうございました。フォーラムの模様はこちらをご覧下さい。

Mashupの同士けひんさんをはじめ、omyuさん、勝又さん遠方より来ていただき、ありがとうございました。ネットだけでなく、リアルでつながることができるよいきっかけになったと思います。どんどんとこの輪を広げていきたいですね。

また、清水商工会議所、静岡市清水情報・産業プラザ の関係者の方々このような場を提供していただき本当にありがとうございました。ぜひ、継続的にこのような形でセミナーを続けていけたらと思います。

フォーラムの後、ちょっとした打ち上げを….。こちらも楽しいひとときを過ごせました。

噂のカレーモツ posted by (C)k-matsu

某氏が食べ損ねたうなぎ posted by (C)k-matsu

パソコンたたいてますが、ここは居酒屋です posted by (C)k-matsu

最後に、dogrunさん、本当にもつかれさま。

written by k-matsu
この記事へのトラックバックURL

今日は、静岡でも雪が降るかも、という天気予報どおり、とても肌寒い日になりました。しかし、暦の上ではもう３月。

３月といえば、静岡ではおでんの季節。今年も、県内外のおでん屋台が集結！静岡おでんフェスタが開催されます。

今年のおでんフェスタは、ここらっともお手伝い。おでんフェスタは3月13日（金）〜15日(日）ですが、3月1日〜12日の間、プレイベントとして「第1回 新作・創作 静岡おでんCUP 場外対決」が開催されます。これは、この期間中、場外対決参加店で、おでんフェスタで出品されるおでんを食べ歩きすることができ、お店でスタンプをもらうと、そのスタンプがおでんフェスタでの投票券＆割引券になるというもの。スタンプカードは、場外対決参加店で配布しています。おでんフェスタ当日は、混雑が予想され、お目当てのおでんが売り切れ・・・ということも予想されますので、事前に新作おでんを食べてみたい方、ぜひ、各お店に足を運んでください。場外対決参加店は、こちらで確認できます。

また、ここらっとでの口コミ投稿、写真の投稿は、こちらへお願いします。

静岡に産まれてよかったーーーーー！！

written by k-matsu
この記事へのトラックバックURL

ここらっとのスピンオフサイト、「はぐくみここらっと」を本日公開しました。

子育てのサイトでは、Mashup Award 2ndで convivial（前田）さんが、「子育てMAP」でNTTデータ賞を受賞してますが、実は、その頃から子育てに関するサイトを作りたいなぁとは思っていました。

はぐくみここらっとは、まず、静岡を起点として、育児・子育てに関する情報を充実させていこうと考えています。今回、サイトの立ち上げにおいては、静岡市の子育て支援課さんと、静岡県下の幼稚園や保育園にぬり絵のついたフリーペーパー「Pocket(ポッケ)」を発行しておられる株式会社 創碧社さんに協力いただきました。

子育てという視点から、行政や各種団体、企業の皆様から情報を提供していただき、行政・民間の情報を横断的に発信できるサイトを目指していきたいと思っています。まずは、静岡からですが、これを全国的に展開していく予定です。子育てに役立つ情報提供などありましたら、ぜひご協力お願いします。

written by k-matsu
この記事へのトラックバックURL

Safari4がカバーフロー対応になったのを記念して、赤すぐnetをマッシュアップしたカバーフローを作ってみました。

カバーフローは、こちらにサンプルがいろいろあるので、参考にしました。これまでマッシュアップのページのレイアウトって、なるべくページ遷移せずに作ろうとして、どうしても、スペースや配置に悩まされていたのですが、こうしてカバーフローにしてみると、やはり、操作性がよいですね。今回は横に移動するシンプルなやつですが、リング状のものや縦のものもあるので、またやってみようかと思います。

written by k-matsu
この記事へのトラックバックURL

ちびまる子ちゃんで有名な清水市ですが、実は、今は清水市は存在していないって、静岡以外の方はご存じないようですが（現在は、静岡市清水区です）、その清水で、Webフォーラムが開催されます。

清水Webフォーラム

日時　　　　平成２１年3月19日（木）　14:00〜17:30
場所　　　　清水

Webサイトはできた！　次はどうする？
講演テーマ　「インターネット活用　次の一歩は？」

◇講演　　14:10 〜　株式会社リクルート　メディアテクノロジーラボ　川崎さん
◇講演　　14:40 〜　ヤフー株式会社　前田さん
◇講演　　15:20 〜　DA-Studio Kentaroさん
◇講演　　15:50 〜　ここらっとプロジェクト　松永
◇懇親会    16:30〜17:30

↑Mashup Awardに参加したことがある方にとっては、お馴染みの面々ですね♪

清水は、まぐろの冷凍マグロの水揚げ量日本一の清水港があり、また、富士山がいつでも見られる、とてもよい町です。
遠方ですが、参加できる方は、静岡も盛り上げてください。

written by k-matsu
この記事へのトラックバックURL

川崎さんは香川のようですが、僕は静岡支社に配属されました。

いやー、島耕作シリーズ、全部読破してますよ。最新刊ももちろん。

初芝五洋ホールディングスに入社するにはこちらからです。

最近、Adobeづいていることもあったり、なかったりで・・・・。

written by k-matsu
この記事へのトラックバックURL

昨年に引き続き、別府温泉が満喫できるOSC 2009 Oita（展望風呂で、オープンソースの展望を語る）に参加してきます。

3月14日（土）の13:00から14:00の間、マッシュアップネタで、リクルートメディアテクノロジーラボの川崎さんとここらっと松永の２人で講演します。ここらっとの地域情報発信についての話と、最近かじり始めたFlex on Rails(?)の話もちらっとしようかなと思っています。

楽しみは、やはり別府の展望風呂ですね。

その次の週は、清水にマッシュアッパーが集結？（この件は後日）

written by k-matsu
この記事へのトラックバックURL

第３弾。

javascriptでの実装はよく見かけますが、薄い文字であらかじめ入力例などを表示しておき、フォーカスされると、入力文字が消える入力フィールド（TextInput）のFlexでの実装例です。ちょっと長くなりますが・・・

ExampleTextInput

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

package hoge
{
  import flash.events.Event;
  import flash.events.FocusEvent;
  import mx.controls.TextInput;
  import mx.events.FlexEvent;
  import mx.styles.CSSStyleDeclaration;
  import mx.styles.StyleManager;  
 
  public class ExampleTextInput extends TextInput
  {
    private var thisStyle:CSSStyleDeclaration
        = new CSSStyleDeclaration("SampleTextInputCSS");
 
    //ExampleText表示時のText Color
    private const EXAMPLE_TEXT_COLOR:int = 0x939393;
    //入力時のText Color
    private const NORMAL_TEXT_COLOR:int = 0x000000;
 
    //sampleText プロパティ
    [Inspectable(defaultValue="入力してください。")]
    private var __exampleText:String;
    public function get exampleText():String {
      return __exampleText;
    }
    public function set exampleText(str:String):void {
      this.__exampleText = str;
    }
 
    //data プロパティをオーバーライド
    public override function get data():Object {
      //sampleTextが表示されていたら空文字列を返す
      if (this.text == this.__exampleText ) {
        return "";
      }
      else {
        return this.text;
      }
    }
    //コンストラクタ
    public function ExampleTextInput()
    {
      super();
      this.addEventListener(FocusEvent.FOCUS_IN,onFocusIn);
      this.addEventListener(FocusEvent.FOCUS_OUT,onFocusOut);
      this.addEventListener(FlexEvent.INITIALIZE,onInit);
    }
 
    //初期化
    private function onInit(event:Event):void {
      //sampleTextを表示させて文字をグレー表示する
      this.text = this.__exampleText;
      thisStyle.setStyle("color", this.EXAMPLE_TEXT_COLOR);
      StyleManager.setStyleDeclaration(this.className,thisStyle,true);
    }
    //Focus In
    private function onFocusIn(event:Event):void {
      //Textを空文字にして色を通常の色に設定する
      if (this.text == this.__exampleText) {
        this.text = "";
        thisStyle.setStyle("color",this.NORMAL_TEXT_COLOR);
        StyleManager.setStyleDeclaration(this.className,thisStyle,true);
      }
    }
    //Focus Out
    private function onFocusOut(event:Event):void {
      //Textが空文字だったらExampleTextを設定してグレー表示にする
      if (this.text == "") {
        thisStyle.setStyle("color",this.EXAMPLE_TEXT_COLOR);
        StyleManager.setStyleDeclaration(this.className,thisStyle,true);
        this.text = this.__exampleText;
      }
    }
  }
}

このコントロールのインスタンスのtextプロパティをそのまま利用する場合、入力例が表示されている場合、入力例の文字列がtextプロパティで取得されてしまいます。それではちょっとまずいので、入力例が表示されている場合は、空文字列で返るのが望ましいですね。

したがって、data プロパティをオーバーライドし、dataプロパティを経由して値を取得することにします(31行目〜)。

MXML

<mx:Application

xmlns:mx=”http://www.adobe.com/2006/mxml”
xmlns:ns1=”hoge.*”
layout=”horizontal” height=”427″ width=”446″>:
:
<ns1:ExampleTextInput width=”60″ id=”comment” exampleText=”コメントを入力してください” />
<mx:Button click=”Alert.show(comment.data.toString)” />

:
:

</mx:Application>

exampleText属性をExampleTextInputタグの中に記述すると、この文字列が入力例として表示されるようになります。
入力内容を参照する場合は、textプロパティではなく、dataプロパティを参照します。

written by k-matsu
この記事へのトラックバックURL