ここからメインコンテンツです

topics

CSS Nite 4周年記念イベント(Vol.40 reprise)に出演させていただきました。

tacamyです。

11月10日(火)にCSS Nite 4周年記念イベントにて、
『HTML5のメリットを活かしたコンテンツアイデア』という
セッションでお話しさせていただきました。

ああいった場所で話をするのは初めてのことだったので、
至らない部分も多々あったかと思いますが、
ご参加いただいた皆様や、ご協力いただいた関係者の方々に感謝しています。

遅くなってしまい申し訳ありませんが、こちらのエントリーにて、
当日の資料の配布や補足事項について掲載させていただきます。

»続きを読む

meta

iPhone Webアプリテンプレート(CSS Nite Vol.40 reprise)

こんにちは。意匠部ME課のtacamyです。

CSS Nite 4周年記念イベント(Vol.40 reprise)にてご紹介した
iPhone Webアプリのテンプレートセットを配布します。

イベントの内容はこちらのエントリーをご覧ください。

ダウンロード

iphone-tmpl.zip

セット内容

index.html
HTML5+iPhone用HTML
css/iphone.css
HTMLの新要素+iPhone専用CSS
js/iphone.js
URL&検索バーを消す指定
js/lib/jquery.js
jquery
apple-touch-icon.png
Webクリップアイコン
cache.manifest
マニフェストファイル
.htaccess
.manifestのMIMEタイプ設定

viewportについての補足

このテンプレートはコンテンツ幅100%で制作されることを前提に
viewportを指定しています。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">

必要に応じてviewportの指定を変更してください。

■参考サイト
■Googleの場合

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">

コンテンツ幅100%で制作され、
横表示では文字サイズはそのまま、コンテンツの幅が広がる。

■Yahoo!Japanの場合

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">

コンテンツ幅100%で制作され、
縦表示はアイコンが横に4つ並び、横表示ではアイコンが6つになります。

■イケメンホイホイiPhone版の場合

<meta name="viewport" content="width=480; user-scalable=no">

イケメンが3人ピッタリ収まるように、縦横どちらでも全く同じ見え方にしたかったので、
横幅480px固定で作り、縦にしたときはコンテンツ全体が自動縮小するようにしました。

meta

KAYAC COOKPAD合同で技術者交流会を開催します!

おいしいソースのつくり方 イベント情報

ひとつのサービスをこつこつと向上させるクックパッド。
新しいサービスを生み続けるカヤック。
そんな2社の共通点は、ユーザーに「おいしい!」と思ってもらえるサービスを目指して、開発に力を入れていること。

この2社のサービスや、いま挑んでいる新しい技術、これからのエンジニアの働き方など、みなさんと一緒にお話しながら、技術者交流会も行いたいと思っています。

当日ライトニングトークも行う予定です。
是非、あなたの自慢のソースを発表してください。

当日はごはんをたべながら、お酒のみながらの交流会になります!

当日の予定

  • 参加者の皆様&クックパッドとカヤックメンバーによるライトニングトーク
    1人5分間の予定

  • クックパッドの技術最高責任者・橋本健太とカヤック技術最高責任者・貝畑政徳によるトークセッション

などを予定しています。
※決まり次第随時お知らせしていきます。

開催日時

2009/4/24(金)
OPEN: 18:30
START: 19:00
CLOSE: 22:00

開催場所

鎌倉どんぶりカフェ bowls

食事について

bowls特製コース料理
飲み放題付
※立食形式になります。

参加費

会費: 5000円

定員

定員: 50名(調整中)

参加対象

  • webエンジニアもしくはディレクターの人
  • カヤックやクックパッドのサービスにちょっとでも興味がある人
  • いろんなエンジニアと交流してみたいと思っている人
  • 自分のサービスを発表してみたい人
  • カヤックやクックパッドで働いてみたい人
  • サービスをつくりたいと思っている人
  • 自分の制作したプログラムのソースを自慢したい人

参加方法

ご参加をご希望される方は、

  • お名前
  • 会社名
  • ブログや作った作品などがあればURLを教えてください
  • 参加希望者のみなさんに一言
  • ライトニングトークへの参加希望の有無 ライトニングトークを希望される方は、トークしたい内容をご連絡ください。
    ※1 時間は5分間になります。
    ※2 人数が多い場合は、抽選とさせていただきます。

を明記の上、以下のアドレスまでご連絡ください。
mailaddr

当日、参加される方のお名前を名簿にしてみなさまにお渡しする予定です。
同意の上ご連絡ください。

クックパッドさんでも告知してます。

meta

KAYAC Brainstorming GIG!!!で紹介したサイトまとめ。

gig.jpg

先日行われましたウェブで一発当てる方法」の増刷記念イベント、「KAYAC Brainstorming GIG!!!1年間で88個(今年は99個)サービスを作る法則」にご来場下さった皆様本当にありがとうございました!

無事、開催することが出来ました。(スタッフの方々にも改めて感謝します!!)

こちらがイベント中、紹介させていただきましたサイトになります。 かなーり数が多かった&紹介しきれないサイトものあったので改めてまとめました。


カヤックのエイプリルフール


今年も、たくさん作ってスマッシュヒット狙っていきますので、どうぞよろしくお願いいたします!

»続きを読む

meta

面白いエイプリルネタをまとめてみる

今回もこの季節がやってきました。
ちょっと周りのブログに出遅れてしまいましたが
面白かったと思ったエイプリルネタをまとめてみたいと思います。

秘密結社ブラックアイレム団

画像

ゲーム開発会社で有名なiremのエイプリルネタ、毎年エイプリルにはチカラを入れてるようです。
驚いたのはhtmlベースでサウンドノベルを制作しているところ!
これはガッツあります。


ガチャピン ムックのGoogle マップの使い方講座

画像

ガチャピンとGoogleがコラボしてますね
ストリートビューの人のアイコンがガチャピンっぽいデザインに変わっちゃったりします。



ショーコモモ・プレス 腕章も入りません

画像

ブログ上にキャラクターが現れてそれをクリックすると・・・
こういうキャラクターナビゲーションものもかわいいですね


ドラえもんチャンネル

画像

あれ?ドラちゃん? ドラえもんは?
なぜかスネ夫がすごいことになってます。
まさかの主役


ヤンキー魂

画像

某ポータルサイトのようですね
他の企業が一世に某ポータルサイト風デザインに変わったら
結構面白そうです。


サイボーグ009 オフィシャルサイト

画像

あれ? 009と・・・・バカボン?
すんごいシュールです。


エヴァ実写ドラマ化計画 - Yahoo! JAPAN

画像

Yahooニュース欄にエヴァンゲリオンの記事が・・・
気になってクリックしてみると・・・
エヴァンゲリオンが実写ドラマ化・・・らしいです。


Six Apart - Blog on Buisiness やる夫がMovable Typeをアップグレードする理由

画像

まさかあの Six Apart さんが やる夫・・・
破壊力あり過ぎです。思わず仕事中にふいてしまいました。
やる夫がMTについて詳しく解説しています。



と、気になる記事をまとめてみましたが
弊社カヤックでもエイプリルネタができていました。
気になる方はカヤックサイトのトップへアクセス!
カヤックサイトへ

あれ?メンバーページがおかしなことに
meta
pager

ここからサブコンテンツです

ページの先頭へ