タグ

ブックマーク / level0.kayac.com (8)

  • 検索じゃ学べない! HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog

    HTMLファイ部のほんだです。 気づきTips! Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ

    検索じゃ学べない! HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
  • FlashでのアニメーションGIFの書き出し | _level0 - KAYAC Front Engineer Blog

    メリークリスマス!!みなさんサンタはきましたか?ぼくにはもちろんきませんでした。 アニメーションGIFといえば昔からあるフォーマットですが、最近はJavaScriptなどでリッチな表現をするサイトなどのローディングとかでよく使われている気がします。 そんなアニメーションGIFを作成するときに便利なのが実はFlash。FlashからアニメーションGIFを書き出すことができるんですよね。 書き出し>ムービーを書き出し からフォーマット「アニメーション GIF」にして保存するだけで書き出せます。でもこのまま書き出すとあんまりきれいじゃないのです。 そこでちょっときれいにしたいときに一手間くわえたいのが、「PICTシーケンス」書き出し(書き出し>ムービーを書き出し からフォーマット「PICTシーケンス」)です。 この書き出しをすると.picという拡張子のファイルがコマ数分作成されます。これをまとめ

    FlashでのアニメーションGIFの書き出し | _level0 - KAYAC Front Engineer Blog
  • 最近のwonderflだより 1 「意味が分からないw 」 | _level0 - KAYAC Front Engineer Blog

    寒くなってきましたねー。今年もアルパカポンチョでいくつもりのhidakaです。 あともこもこルームシューズも欲しい。買いに行こう。 さて、みなさまwonderflな日々お過ごしでしょうか。最近のことなどレポートしてみます。 最近FORKが多いものといえばこれ、「意味が分からないw」。まずは最初のものをみてみましょう

    最近のwonderflだより 1 「意味が分からないw 」 | _level0 - KAYAC Front Engineer Blog
  • KAYACの新人Flasher課題。素材インポート編 | _level0 - KAYAC Front Engineer Blog

    そろそろ苗場に向けて準備する時期に入りましたね、hidakaです。 今年は新卒もいるということもあって、年初あたりから新人用課題を作っていました。 それらを4月からやらせてみたのですが、そこで使っていた課題の素材の扱いについてのお話です。 おたくの新人さんにもどうでしょうか。 素材のインポートについて。 課題はデザインデータを渡してきちんとインポートできているかをチェックします。 そこで渡すいくつかの例はこちら。はまってる子見つけるたびに課題は増えていきます。 大事なのはそのままFlashのインポート機能を使う前に考えろ、ということです。 デザイン知識はなくてもデザインデータの知識は必須。 インポート後に見比べ・不自然なファイル要領・JPG荒れの発見などなど。 ・CMYKモードのaiファイル これはきちんと変換してインポートできる人もいたり、いなかったり。 ・RGBモードのaiファイル、カ

    KAYACの新人Flasher課題。素材インポート編 | _level0 - KAYAC Front Engineer Blog
  • textHeightとheightは違うんです | _level0 - KAYAC Front Engineer Blog

    変なが?みっけたなっくるです。 今回もTextFieldについて。TextField には textHeight と height の2つの高さをとれるプロパティがあります。これについての落とし穴。 APIリファレンスには、 height は 表示オブジェクトの高さを示します 。 textHeight は テキストの高さです 。 と書いてあります。 で、autoSizeにしないで、テキストフィールドの高さを中の文字が全部見えるように変更したい。と思って a_txt.height = a_txt.textHeight とやってみたら、最後の一行が表示されなーーーーーーーい。 ↓ height と textHeightではどんなフォントでも大きさでも、4pixel違う! (textHeight および textWidth に対して表示される値は、お使いのコンピュータで使用されているフォントによ

    textHeightとheightは違うんです | _level0 - KAYAC Front Engineer Blog
  • 【デバッグ強化週間】デバッグツールXrayを使ってみた | _level0 - KAYAC Front Engineer Blog

    デバッグ週間なのでXray使ってみました。as2.0では有名だったそうで、そのas3.0が出ましたので使ってみました。自分は主にFlashTracerを使っていたのでXrayについては良く分かりませんが、使用感についてレポートしたいと思います。 Xrayスナップショット 最新版のダウンロードはこちらからSVNで取得しましょう。 http://osflash-xray.googlecode.com/svn/trunk/as3/trunk/ ログをみるにはswfが必要ですのでswfをダウンロードしましょう http://www.rockonflash.com/xray/flex/Xray.zip それでは導入していきましょう 最初にActionScriptにインポートしましょう import com.blitzagency.xray.inspector.Xray; インポートしたら、次に va

    【デバッグ強化週間】デバッグツールXrayを使ってみた | _level0 - KAYAC Front Engineer Blog
    yorozuna
    yorozuna 2008/11/26
  • Flashのメモリを制する5つの秘訣..|_level0.KAYAC

    こんにちは、新米FDのkoyuです。 今回のエントリーは世知辛い社会から魂の解放、いや、パンパンになったメモリの解放についてです。 ActionScript3.0でスライドショーなど動的に画像をロードするようなコンテンツを作成する場合に画像をロードし、removeChildしますよね? しかし、画像に対しての参照が残っていた場合に、読み込んだLoaderやDisplayObjectをremoveChildをしただけではメモリが解放されず、ガンガン膨らんできます。 その様はまるで我が国の国債の発行残高のようです。結果として挙動が悪くなったり、ブラウザが落ちたりします。 では、参照が残るとはどういうことでしょうか? 例として挙げられるのは ・addEventListenerをしている場合 ・変数に代入している場合 などです。 かく言う、私はハマってしまいして、その経験からエントリーを書いた次

    Flashのメモリを制する5つの秘訣..|_level0.KAYAC
    yorozuna
    yorozuna 2008/11/19
  • fireworksで魅せるワンランク上の画像の書き出し方 | _level0 - KAYAC Front Engineer Blog

    はじめまして、koyuです。 今年の5月に入社してからというもの、ロン毛FDとして日々奮闘しています。(夏は毎日が修羅場) Flashは初心者を抜け出て初級者あたりと言ったところでしょうか。 自分は自分と同じようなfresherに向けて何かつまった事や、地味な発見などの情報を発信していきたいと思います。 それでは一発目と言うことでfireworksを使用した画像の書き出しについてです。 Here We Go!! 皆さん画像の書き出しってしますよね? Flashで画像を扱うと、透明な部分が必要でどうしてもPNGが増えてくるかと思います。 しかもPNG24で書き出してみたら、画像が滲んだ経験ありませんか?自分はあります。 あの手、この手を駆使しても解決できず、弊社FDのhidakaから伝授されたのはfireworksでの書き出し。fireworksを使ったことが無かったので完全に盲点でした。

    fireworksで魅せるワンランク上の画像の書き出し方 | _level0 - KAYAC Front Engineer Blog
    yorozuna
    yorozuna 2008/11/05
    覚えておくと詰まったときの鍵になるかも
  • 1