tech.kayac.com

JavaScript、HTML5、CSS 共有コミュニティ「jsdo.it - share JavaScript, HTML5 and CSS -（以下「jsdo.it」）」、世界一のFlashクリエイターコミュニティ「wonderfl build flash online（以下「wonderfl」）」のmeetup開催決定です！

昨年に引き続き、第2回の開催となります。 両サイトの制作メンバーと、サービスを利用されている皆様との交流会です。

ざっくり言うと、JavaScriptやFlashを通してみんなで集まって飲みたい！という会です。 また、サービスへのご意見、ご要望などみなさまの生の声をお聞かせ下さい。

お気軽にご参加くださいませ。

日時2011/08/27 20:00 〜 23:00
場所どんぶりカフェ bowls （神奈川県鎌倉市小町2-14-7）
申し込みhttp://atnd.org/events/19032
予算お一人様 4000円 （コース料理＆飲み放題）
無線LANhttp://p.tl/k4Jk

貸切となりますので、できるだけキャンセルはされないよう、お気をつけください。

Tags

▼

▲

技術部ブログ 宣伝記事担当（仮）のnagataです。

前回の京都イベントに続き、 仙台でイベントを開くことになりました！

今回はこの仙台イベントのご案内です。

面白法人カヤック主催　仙台のみなさまへ感謝の気持ちをこめて
『カヤック仙台支社クローズだよ！エンジニア全員集合！』

東北地方のWebクリエイターの皆さんと一緒にWeb・スマートフォン・モバイルのコンテンツを開発をおこなってきた 3ヶ月限定の旅する支社「カヤック仙台支社」も今月で終了を迎えることとなりました。

最後に仙台のみなさまと何ができるのか。 みなさんと楽しくWebの世界でのモノづくりを語り合う時間をご一緒できればと思い、エンジニア交流会を開催させていただくことにしました！

当日は、鎌倉本社で日々開発に勤しむエンジニア2名が仙台支社に合流！ 皆様と、これまで培ってきた技術・経験を互いに交換させて頂ければと思っております。

仙台のエンジニアのみなさん、全員集合！ みなさまのお越しを心よりお待ちしております。

日時

8/21（日）13:00〜15:30

13:00〜14:00勉強会
14:00〜15:30交流会

勉強会詳細

技術+α！モーションでユーザーの心を動かすテクニック

発表者: 嶋田俊宏

技術者にもデザインへの理解が求められる今、"感情"や"雰囲気"など見えない物を"動き"によって伝える技術を紹介します。 "アニメーション"とはまた違う"モーション"テクニック。 絵心が無い人ほどオススメです！

CプログラマーのためのGCDを使ったお手軽iPhoneアプリプログラミング』

発表者: 村瀬大輔（@typester）

GCD を使った iOS アプリケーションの作り方の基本から、 実際に libcurl、libev などの既存の C ライブラリを GCD と組み合わせた実践的な例を通して、 Cプログラマーが GCD を使用することでいかに楽に開発できるかを紹介します！

場所

カヤック仙台支社
宮城県仙台市宮城野区榴岡3-10-7 サンライン第66ビル8階C号室（地図）

定員

30名

※会場の都合で、応募多数の場合は、参加者を制限させていただく場合がございます。

申し込み方法

申し込みフォームより、お申込みください。

※担当より、開催前に確定のご連絡をいたします。

お問い合わせ先

カヤック ギブ＆ギ部 event2011@ml.kayac.com
※メールの件名に【仙台支社勉強会お問い合わせ】と明記ください。

お知り合いの方とご一緒に参加も大歓迎です！ みなさまのご参加、心よりお待ちしております。

仙台の皆様のご参加をお待ちしています！

カヤックではCプログラマーからモーションクリエイターまで、様々な「つくるひと」を募集中です！

Tags

▼

▲

豚を丸焼きにするイベントで日焼けしました。ago（@kyo_ago）です。

すでにだいぶ時間がたってますが、7/7に弊社コーポレートサイトのリニューアルを行いました。

その際会社までの道順を紹介するページでGoogle Mapのデザインを変更したのでその方法をご紹介したいと思います。

StyledMapType

Google Map Ver3以降はStyledMapTypeというAPIが追加されており、このStyledMapTypeを使うことで地図上の指定された要素に対して独自の色情報を設定することができます。

色の変更方法

色を変更するにはStyledMapType API経由で以下のようにJavaScriptのObjectを渡すことで実現できます。

var styles = [
    {
        // 色を変更する対象の指定（document参照） 
        featureType: "road.local",
        // 色を変更するクラスの指定（document参照） 
        elementType: "geometry",
        // 色の指定 
        stylers: [ { hue: "#00ff00" } ]
    }
];
var colorName = 'MyColor';
var mapOptions = {
    zoom: 11,
    center: new google.maps.LatLng(40.6743890, -73.9455),
    mapTypeControlOptions: {
        mapTypeIds: [colorName, google.maps.MapTypeId.ROADMAP]
    }
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
map.mapTypes.set(colorName, new google.maps.StyledMapType(styles, { name: colorName }));
map.setMapTypeId(colorName);

基本的には上記のコードをのようにObjectを設定しますが、コードを変更しながらの調整は大変なのでGoogle Maps API Styled Map Wizardも用意されています。

ただ、Google Maps API Styled Map Wizardでは「色の直接指定ができない」、「対象要素の指定が英語なのでわかりにくい」、「各種値を直接変更できない」などの問題があったので、jsdo.it上で各種値を直接変更できるコードを作成しました。

Google Maps API Styled Map Wizard（改） - jsdo.it - share JavaScript, HTML5 and CSS

html5 formを使用しているため、Firefox5だとスライドバーが表示されません。 (Chromeで御覧ください)

Google Mapの色を変えたい場合使ってみてください。

カヤックでは車輪を磨くのが好きな技術者も募集しています！

Tags

Authorkyo_ago

Date

▼

▲