知らないと損するケータイFlash軽量化テク30連発！（1/3）- ＠IT
知らないと損する ケータイFlash軽量化テク30連発！ まだまだ健在のガラケーのSWFを1バイトでも軽くするには 株式会社サイバーエージェント 渡辺 梓 2011/7/20 スマホへの移行が増加しているという話題が多い中、まだまだ使われているFlash Liteコンテンツ。さまざまな機種でストレスフリーなアプリを制作するために最も気になる点はSWFファイルの軽量化と、実機での動作の軽さではないでしょうか。 本稿では、デザイン制作、Flashオーサリング、「Transform」を使ったSWF合成の3軸で、サクサクと動くFlash Liteコンテンツの作り方を説明します。 デザインから始める軽量化 スムースポイントを減らす 違いがほとんど分からないときは、コーナーポイントでも減らす グラデーションの代わりにブレンド 繰り返し使う形はインスタンス化 極力、アルファを使わない アウトラインに当た
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
一撃必笑！ 名物『漫画名刺』の作り方！
Webサービスのアイデアをデザインとして形にするためのハウツー。まずは、一度会ったら忘れられない名物「漫画名刺」の作り方からスタート！ 千里の道も一歩から Webサービスのアイデアをデザインとして形にする。当たり前のことですが、これがなかなか愛と勇気と根気の要る作業です。 本連載「一撃デザインの種明かし」では、同じような悩みを抱えている読者の皆さんと、Webサービスのデザインの生み出し方を共有していきたいと思います。個性的なデザインテクニックを誇る、面白法人カヤックの著者が作成している実際のサービスを教材としながら紹介していきます。 漫画名刺とアテレコサイトがあります 創業時より名刺にこだわってきたカヤック。そのかいあってか名物となりつつある（!?）カヤックの名刺ですが、現在は社員1人1人、それぞれ柄の違う漫画風になっています。「それって漫画っぽい？」というカヤックの掲げる行動指針を形にし
「cocos2d」を使ってiPhoneゲームを作ってみよう（1/3） - ＠IT
「cocos2d for iPhone」（以下、cocos2d）は、iOS（iPhone／iPod touch／iPad）やMac OS X向けの2Dゲームやグラフィカルなインタラクティブアプリを開発するための、フレームワークです。物理エンジンの「Box2d」「Chipmunk」を持ち、サウンドエンジンも搭載しています。 cocos2dを使うと、スプライト・シーン・トランジション・アクション・メニュー・タッチ操作・加速度センサなどの機能を利用して、ゲームアプリやインタラクティブ系のアプリを素早く作ることが可能です。 本稿では、cocos2dの概要と基礎的な使い方を紹介します。 cocos2dの主な特徴5つ cocos2dには、以下のような特徴があります。 ■ 【1】テンプレートで使い方が簡単 使いやすいテンプレートやObjective-Cのクラスライブラリがそろっています。サンプルコードも
Flex開発のテスト・品質向上でかなり使えるツール5選（1/3）- ＠IT
クラスメソッド株式会社 福田 寅成 2010/10/22 Adobe CS5の新しい中核を担うFlex 4のフレームワーク。ワークフローを初めRIA開発現場がどう変わるかを、Flash Builder 4やFlash Catalyst、Adobe AIR 2などの技術・ツール・フレームワークなどの機能を紹介しながら解説する連載（編集部） Flex開発におけるテスト・品質向上ツールの充実 従来、Flexでのアプリケーション開発では「手動でのテスト」が主で、ツールを利用した自動テストは行われてきませんでした。そもそもツールが存在しなかったからです。そのため、ActionScriptクラスの単体テストやコーディング規約の強制などは実施しようと思ってもFlex開発ツール上にその環境がなく断念せざるを得ない状況でした Flexでのアプリケーション開発のサーバサイド側でよく用いられるJavaでは、さま
あなたのWebを入力しやすくするjQueryプラグイン10選
あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス／ラジオボタン、ドロップダウンリスト、テキストボックス／テキストエリア、フォームのカテゴリ別に分類して紹介します。
Webアプリの問題点を「見える化」する7つ道具 (1/3) - ＠IT
今回の概要 システムが応答しない、パフォーマンスが劣化したなどのトラブルが発生したときに、原因がなかなか掴めず、あたふたすることはないだろうか？ 本稿では、Java EEトラブルシューティングの現場で役立つ7つ道具を紹介する ある日、突然電話が鳴る 用件は、「システムが不定期に停止する。よく分からないけど、どうやらJava EE部分がおかしい」とのこと。このような事態が発生したとき、やみくもに原因を調べ、いつまでたっても問題が解決できず、原因の一片も発見できないことが多々ある。 トラブルが発生した場合、ツールが充実していない昔は、開発者の経験と勘に頼るところが非常に大きかった。Webシステムが普及するいま、昔とは比べ物にならないほど、システムの数が増え、開発者数が増える一方、システム障害を切り分けられる職人的なエンジニアの人数はシステム数に比例して増えているわけではない。そのため、すべての
OutOfMemoryエラー発生!? GCがあるのに、なぜ？
今回の概要 本稿ではWebアプリケーションの開発プロジェクトで実際に直面したメモリに関するトラブル事例の中からjava.lang.OutOfMemoryErrorを題材としたTipsを紹介する。 帰宅直前に、突然電話が鳴り響く 業務を終えて帰宅しようとしたとある夜、突然電話が鳴る。相手は社内のプロジェクトのマネージャである。 「現在、テストを実施しているが、数分経つとOutOfMemoryErrorが発生してアプリケーションが落ちてしまう。再起動を掛けると、また順調に動くが、しばらく利用していると、同じようにOutOfMemoryErrorが発生する。メモリ不足のエラーなので、物理メモリを増やそうかと思っているが、物理メモリ増設の前に、アプリケーションという観点からメモリ不足を引き起こす問題がないか調査してほしい」 取りあえず、原因を探るために現場に急行した。 現場にてトラブルの詳細をヒア
Flashで吹雪のごとき描画を実現するチューニング3策
Flashで吹雪のごとき描画を実現するチューニング3策：速いFlash/ActionScriptチューニング入門（2）（1/4 ページ） Flash/ActionScriptチューニングの基礎知識から実践的テクニックまでを紹介する連載。読みながら試せるオンライン・サンプルもあります。Adobe AIR/Flexにも応用可能です Flash高速化は、ASの知識有無にかかわらず 連載第1回の「Flashを閃光のごとく高速化するための基礎知識」では、実際のチューニング方法を語る前準備として、「どの処理に、どれだけ時間・リソースが割かれているか」、つまり“処理負荷”を調べる具体的な方法を紹介しましたが、あれから1カ月ちょっと経過しました。すっかり季節も変わり始めてしまいました。時がたつのは、速いものです。 今回から、実践的なチューニング手法の解説が始まりますが、プログラムが不要なものから必須なもの
なぜTwitterは低遅延のままスケールできたのか 秒間120万つぶやきを処理、Twitterシステムの“今” − ＠IT
ユーザー同士のつながりを元に時系列に140文字のメッセージを20個ほど表示する――。Twitterのサービスは、文字にしてしまうと実にシンプルだが、背後には非常に大きな技術的チャレンジが横たわっている。つぶやき数は月間10億件を突破、Twitterを流れるメッセージ数は秒間120万にも達し、ユーザー同士のつながりを表すソーシャル・グラフですらメモリに載る量を超えている。途方もないスケールのデータをつないでいるにも関わらず、0.1秒以下でWebページの表示を完了させなければならない。そのために各データストレージは1～5ms程度で応答しなければならない。 Twitterのリスト機能の実装でプロジェクトリーダーを務めたこともあるNick Kallen氏が来日し、2010年4月19日から2日間の予定で開催中の「QCon Tokyo 2010」で基調講演を行った。「Data Architecture
みんなを幸せにするスコープマネジメント
つまり、スコープマネジメントとは、 プロジェクトの目標を達成するために必要な成果物とタスクを定義する プロジェクト期間を通じて、必要に応じてその定義を見直していく 必要な成果物とタスクが完成されていることを保証する ということである。 次に、冒頭で述べた「スコープマネジメントがプロジェクトの成功／失敗に大きく影響を及ぼす」ということに簡単に触れておく。 スコープマネジメントがプロジェクトの成否を分ける プロジェクトが成功裡に終了するのは全体の約20～30％、厳しい見方をする人によると1000に3つともいわれる。いかに多くのプロジェクトが失敗に終わっているか、お分かりいただけるだろう。こうした中でプロジェクトの失敗は、スコープマネジメントのまずさによる場合が多いといわれている。なぜだろうか。 このことを考えるに当たり、まず「プロジェクトの成功」について整理しておく必要がある。 プロジェクトの
Google Go登場の背景 （1/2）- ＠IT
第1回 Google Go登場の背景 赤坂 けい チームWordProgress 2009/12/2 突然登場した新しいプログラミング言語「Go」。その独自性、魅力を余すところなく堪能してみよう（編集部） 2009年10月末にグーグルが発表した、新プログラミング言語Go（またはgolang）は、速くて軽量な言語である。ただし、「速さ」と「軽量」の意味合いには、少しだけ特殊な意味合いが込められている。 第一に、Goの「速さ」とは、コンパイルの速さという意味合いが強い。また、Goの「軽量」とは、並列処理に対応した言語でありつつも言語仕様が軽いといった意味合いがある。 コンパイルが速く、並列処理の記述が容易で、言語仕様が軽量だという、Goのうたい文句に引き付けられた人は多いだろう。そして何より、世界最大規模のWebサービスを提供しているグーグルが、錚々（そうそう）たるメンバーの名の下に、自社のシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
連載インデックス「一撃デザインの種明かし」 - ＠IT