永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
知らないと損をするよ！ 携帯Flash軽量化メモ 〜条件分岐編〜 | _level0 - KAYAC Front Engineer Blog
こんにちは、お久しぶりのkijima(@otoyasumi)です。 最近はFlashLite1.1ばっかりやっているので、携帯Flash開発に便利なtipsをまとめてみました。 同時に複数の"&&"AND演算子を使わない 例えば、if( A && B && C & D & E & F & G)という条件を指定するときは、 代わりに以下のように記述しましょう。 if ( A + B + C +D + E + F + G === 7 ) FlashLiteでは"true"は1、"false"は0でもあるので、これを利用します。 A〜Gまですべて"true"なら、すべて加算すれば7になるので、 上のような記述で"&&"を使わずに実装できます。 なぜこんな面倒なことをするかというと、"&&"を使うと、やたらと容量を食うから。 実際に比較すると、上の条件の場合はこんなに差が出ます。 if( A &&
知らないと損をするよ！ 携帯Flash軽量化メモ 〜デザイン編〜 | _level0 - KAYAC Front Engineer Blog
ごきげんよう、kijima(@otoyasumi)です。 またまた今回もFlashLite1.1での携帯Flash開発tipsです。 巷ではiPhoneアプリだのAndroidだのってときに こんなレガシーなテクニック紹介で心底申し訳ない。腹を切る振りをしてお詫び申し上げます。 AS2&3との違いや、FlashLite独自のひっかかるポイントなどの紹介に比べて、 画像の最適化tipsなどは案外取り上げられないようなので、 今回は「知らないと損をするよ！ 携帯Flash軽量化メモ 〜デザイン編〜」と銘打ってお送りします。 PNG8 & JPEG 画像の書き出し時に注意すること 携帯htmlの世界ではどうやらdocomoの一部機種にて PNG形式の画像が表示できないようですが、 Flash内に取り込んでしまえばそれも関係ありません。 ・透過させたい&ドット絵などをパキっと見せたい画像のときはP
jQuery1.4の新機能を1.4だけに14個 - KAYAC engineers' blog
時が経つのは早いもので、ぼーとしてたらもう1月も終わりそうですね。外村です。 先日リリースされたjQuery1.4で新しく追加されたメソッドや新しい使い方ができるようになった機能を全部ではないですがいくつか紹介します。以下に変更点が全て掲載されているのでそちらも参照するといいと思います。 Version 1.4 ? jQuery API 新規で追加されたメソッド 1. nextUntil()、prevUntil()、parentsUntil() 指定したセレクタまでの要素を返します。以下の例ではitem3とitem4の後ろにテキストが追加されます。 <ul> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> <li id="item5
FlashLite1.1での衝突判定 | _level0 - KAYAC Front Engineer Blog
どうも、iPhone 3G Sが発表されたはいいものの、FlashLiteの実機テストが出来なくなるので飛びつくか迷っているナカムラです。 ゲーム制作では衝突判定が頻繁に使用されますが、今回はそれでハマった話でも。 衝突というと、AS3ではhitTestObject・hitTestPoint、AS2ではhitTest等、ビルトインメソッドが用意されているので、これらが使える場合は手っ取り早く利用できます。 また、それらに頼らずオブジェクト同士の距離を求める場合は、三平方の定理を用いて var distance:Number; distance = Math.sqrt( Math.pow( mc1.x - mc2.x, 2 ) + Math.pow( mc1.y - mc2.y, 2 ) ); という感じでやるのだと思います。 しかし、FlashLite1.1ではMath関数がサポートされて
面白ラボBM11(ブッコミイレブン) 2009: Ark
Ark CGIでも実用的に使うことが出来るCatalystライクなウェブアプリケーションフレームワーク 2009.06.01 ArkはCatalystの流れをくむPerl製のウェブアプリケーションフレームワークです。 カヤックのBM11ブッコミイレブンのような大量に小さなアプリケーションを開発するような現場においてはCatalystのような大規模なフレームワークは逆に足枷になってしまう場合があります。 「もっと軽いけどCatalystっぽくつかえるフレームワークが欲しい・・・！」 というラボ内の要望に応えて新しいフレームワークを開発しました。 といっても一から開発したのではなく、最近のPerlにはHTTP::Engineという「フレームワークをつくるためのフレームワーク」とも言える素晴らしいライブラリがあり、そのライブラリの上で開発を行っています。 HTTP::Engineを使用するとCG
爆速!!!
普段マウスは使わずに、全ての業務をタブレットで行って いるんですが、最近何故かカーソルがプルプル震えてしまう。 なんでだろーと思って調べたら、ハブにつないだ状態でこの現象が 発生する事があるみたいです。 長い事タブレット使ってるのに初めて知りました・・・。 intuos4いいですよ。 と いうわけで 鳥の羽ばたき"アニメーションの作り方 真横編 いってみましょう！ 真横で作る場合は 翼を一枚で表現する事が多いです。 最後のポイントでぐっとクオリティが上がります。
FlashLite1.1で制作時のつまづきポイント3点 | _level0 - KAYAC Front Engineer Blog
はじめまして、カヤック新人FDのナカムラと申します。 まだ右も左もわからないヒヨッコですが、作業中に出てきたネタや試作、Tips等の記事を書いていこうと思っています。どうぞよろしくお願いします。 さて、ここ1ヶ月ほど、携帯用Flashの制作でFlashLite1.1を触り始めています。 FlashLiteで作られたコンテンツといえば、日本を席巻しかねない勢いで人気急上昇中の珍感覚ペット「コンチ」などが挙げられ、携帯Flashには必須の言語です。 しかし、FlashLite1.1はFlash4時代のAS1相当の仕様で、その独自の実装に幾度もつまづかされてきました。 今回は一発目という事で、これまでの制作でつまづいた点とその回避策を書いてみようと思います。それではどうぞ！ 数値とストリングの評価の違い FlashLiteを使い始めて間もない頃、携帯から数字を入力する機能でつまづいたこと。 未入
flashLite3.1に超期待 | _level0 - KAYAC Front Engineer Blog
さて、docomoの最新機種にはFlashLite3.1が搭載されています。 http://www.nttdocomo.co.jp/service/imode/make/content/spec/flash/index.html そもそも業界的に未だLite1.1が標準な理由は、というと docomoとau/softBankの普及版Lite採用の世代のずれが原因です。 ガンダムで例えると 連邦はボール(1.1)→ガンダム(3.0)を正式採用して ジオン軍はザク(1.1)→ザク2(2.0)→ドム(2.1) でやっとガンダム改(テムからもらったパーツで性能が３倍に)とゲルググが出そろったみたいな iphoneの台頭とLite3.1の登場によりタイミング的に3.1が標準になりそうな予感がします。 ■Lite3.1の新しくできる様になったこととしては http://help.adobe.com/j
知らなかった。continue [label]文 | _level0 - KAYAC Front Engineer Blog
池田亮司展 ＋/－[the infinite between 0 and 1]に行きたいなっくるです。 今日は continue文についてのメモ。 if文、for文、そのほかにもwhile、switchなどの制御文がありますが、continue [label] 知りませんでした。見たことあるよーな、ないよーな。 APIリファレンスには ループの終わりまで制御が通過したかのように、最も内側のループ内の残りのステートメントをすべてスキップして、ループの次の反復を開始します。 オプションの label パラメータを使用すると、最も内側のループ以外もスキップできます。 と書いてあります。 ？？？ こんな感じ↓コピペしてパブリッシュしてみて下さい。 普通のcontinue文 for (var i:int = 1; i < 5; i++) { trace("i = " + i); for (var j
![知らなかった。continue [label]文 | _level0 - KAYAC Front Engineer Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/eec6dd9c513f0d18c25bcb4b99f8892072a31ff5/height=288;version=1;width=512/http%3A%2F%2Flevel0.kayac.com%2Fimg%2Fogp%2FFlash.png)
jQuery.dataの使い方 - KAYAC engineers' blog
最近気づいたんですが、jQuery.dataが結構便利だと思うので紹介してみたいと思います。 (function($) { var name_space = 'name_space'; $.fn[name_space] = function(options) { var elements = this; var settings = $.extend({ }, options); elements.each(function() { var t = this; $.data(t, name_space, {}); $(t).hover(function () { var obj = $.data(this, name_space); obj.status = 'over'; $.data(self, name_space, obj); }, function () { var obj =
[ ﾌﾌﾇ｡ｿﾍﾅｪ･鬣ﾜ KAYAC BM11 ] ･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ､釥�ｺﾝ､ﾎ｣ｵ､ﾄ､ﾎ･ｭ･ﾛ･�
BM11 ･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ BM11 ､ﾇ､ﾏﾂｿ､ｯ､ﾎ･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ､�･遙ｼ･ｹ､ｷ､ﾆ､､､ﾞ､ｹ｡｣･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ､ﾏ｡｢･ﾖ･愠ｬ｡ｼ､ﾎｳｧ､ｵ､ｬｴﾊﾃｱ､ﾋｼｫﾊｬ､ﾎ･ﾖ･愠ｰ､ﾋﾄﾉｲﾃ､ﾇ､ｭ､�､ﾁ､遉ﾃ､ﾈ､ｷ､ｿ･�･ﾝ･､･ﾈ ･｢･ｯ･ｻ･ｵ･熙ﾎ､隍ｦ､ﾊ､筅ﾎ｡｣ｺﾇｶ皃ﾇ､ﾏﾁｴｲ靂ﾌ､ﾋ Flash ､ｽｼｨ､ｷ､ｿ､遙｢･ﾖ･愠ｰｾ螟ﾎ HTML ､ｭｴｹ､ｨ､�､筅ﾎ､ﾊ､ﾉ｡｢ｶﾅ､ﾃ､ｿ､筅ﾎ､篦ｿ､ｯｸｫ､ｫ､ｱ､�､隍ｦ､ﾋ､ﾊ､ﾃ､ﾆ､ｭ､ﾞ､ｷ､ｿ｡｣ ､ｳ､ﾎ･ｨ･ﾈ･熙ﾇ､ﾏ｡｢･ﾖ･愠ｰ･ﾑ｡ｼ･ﾄ､ﾎ JavaScript ､ｯｾ螟ﾇｵ､､ﾄ､ｱ､�､ﾙ､ｭ｡｢･ｭ･ﾛ･讀ﾎ･ｭ･ﾛ･ｵ､ｫｾﾋ､ﾞ､ﾈ､皃ﾞ､ｹ｡｣ 1. ﾌｾﾁｰｶﾖ､ﾎｽﾅﾊ｣､ﾋｵ､､ﾄ､ｱ､隍ｦ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DB - KAYAC Designer's Blog