速習 Unity 2Dゲーム開発 ～第6回 キャラクターのアニメーション（後編）CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
OpenGLを使った地図描画エンジンの作り方（1）
初めに 従来のYahoo！地図アプリは、社内ではラスタ形式地図アプリと呼んでおり、サーバ上で生成された地図タイル画像（ラスタデータ）を端末側で貼り合わせることで、地図を表示していました。 しかし、画像でやり取りを行うために、次のようなデメリットもありました。それは、通信の帯域を多く占有したり、地図の回転をする場合に地名などの文字も回転してしまい、読みづらくなったりする点です。 そこで、今回フルリニューアルしたAndroid版Yahoo！地図アプリでは、サーバからベクトルデータを受信して、端末側で地図を描画するベクトル形式地図アプリに移行しました。 ベクトル形式地図アプリに移行したAndroid版Yahoo！地図アプリは、従来版と比べ、以下のような点がメリットとして挙げられます。 通信の軽量化 回転拡大縮小のスムーズ化 3Dなど新しい地図表現の追加 ベクトル形式地図アプリ ラスタ形式のデータ
JavaScriptテンプレートエンジンJsRender 基本のキ
はじめに JsRenderは高速、軽量、高性能なJavaScriptテンプレートエンジンです。JsRenderを使うと、ブラウザ側で動的にテキストやHTMLを生成できます。 JsRenderはoutlook.comなどのサイトですでに使われており、今後利用者が増えることが期待されています。先日、JsRenderの正式版のリリースが近いことが、作者であるボリス・ムーア氏のブログで発表されました。そこで、正式リリースに先立ちJsRenderの使い方を紹介していきます。 対象読者 JavaScriptテンプレートエンジンに興味のある方 JavaScript、jQueryの基本を理解している方 必要な環境と準備 JsRenderとjQueryを以下のサイトからダウンロードしてください。JsRenderは単体でも動きますが、jQueryのプラグインとしても機能します。 JsRenderのダウンロード
Webサイト高速化対策の現状
はじめに はじめまして、こんにちは。クラスメソッド株式会社でWebを担当している野中です。 この度、「これから身につけるWebサイト高速化テクニック」と題して記事を連載させていただくこととなりました。 本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて高速化に関する手法や技術について調べ、身につけたテクニックを細かな解説を加えて紹介していきます。中には少し難しいテクニックも含まれますが、できる限り分かりやすく、すぐに実践できるよう紹介していきたいと思います。とても長い連載ですが、よろしくお願いいたします。 なお、本連載はクラスメソッド開発ブログで連載されている「身につけておきたいWebサイト高速化テクニック」の増補改訂版です。 本連載の流れ 本連載はできるだけ多くの方に興味を持っていただけるように、最初に高速化対策の全体像と必要な知識を紹介します。その後、具体的な高速化対策と
スマートフォン向けWebサイトの表示速度 高速化手法
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
Flash Builderのプロファイラを使用したパフォーマンスチューニング
なお、本稿では、Windowsスタンドアロン版のFlash Builder 4.5 Premiumの使用を前提としています。他OSやプラグイン版とはユーザーインターフェースが一部異なる場合があるため、ご注意ください。 プロファイラで何ができるのか プロファイラには様々な機能がありますが、大まかに分けると以下の2つの機能があります。 メモリのプロファイリング どのクラスのインスタンスが何個作成され、それらがどれだけのメモリを使用しているのかを調べることができます。 パフォーマンスのプロファイリング メソッドが何度実行され、それらにどれだけの時間が掛かったのかを調べることができます。 これらの機能が、アプリケーションのボトルネックとなっている処理や、メモリリークしているクラスを特定する助けとなります。 プロファイラの使い方 プロファイラの起動 では早速、プロファイラを起動してみましょう。パッケ
アドビ、月額制サブスクリプションサービス「Adobe Creative Cloud」概要発表
同社 マーケティング本部 西山正一氏は、「アドビは今、魅力的なコンテンツの作成（Make）、作成したコンテンツの管理（Manage）、多様なモバイルデバイスでの提供（Mobilize）、マネタイズ（Monetize）」の4つのMを実現する会社を目指し、大きく変化しているところだと説明した。スマートデバイスの登場による市場の変化が加速度を増しているため、これまでのアドビの一定のサイクルで製品を開発し、バージョンアップをリリースするというスタイルは、そぐわないかもしれないと判断したためだ。 そこで、市場が求める最新テクノロジをいち早くユーザーに提供するため、サブスクリプションを手ごろな価格で提供しようと新たに用意されたのが、10月のAdobe MAX 2011でも発表された「Adobe Creative Cloud（以下、Creative Cloud）」というサービスだ。 Creative C
Googleが発表した新しいプログラミング言語「Dart」を使ってみよう！
はじめに 10日にデンマークで開催されたgoto;カンファレンスにて、Googleの社員であるLars BakとGilad Brachaによって新しいプログラミング言語Dartの発表が行われました。 公式サイトによると、Dartは構造化されたWebアプリケーションを作成するための新たなクラスベースのプログラミング言語と書かれています。さらに、シンプルさ、効率性、スケーラビリティを目標に開発されたとのことです。この新しく、挑戦的なプログラミング言語をぜひ一緒に試してみましょう！ 対象読者 Webサービス開発に興味があるプログラマー 新しいプログラミング言語に興味がある方 必要な環境 SnowLeopad以降のMac XcodeとSubversionクライアントがインストールされていること Dartとは？ Dartとは、10日にGoogleが発表したWebアプリケーションのための新しいプログラ
インテルTBBの同期メカニズム
先日から愛機の調子が思わしくありません。突然フリーズ／リセットかかるんです。頻度はさほどに多くはないけどおっかなくて仕方がない、そこそこ動いているうちにもう1台新調することにしました。こんなこともあろうかと以前から少しずつ揃えていたパーツたちのおかげで予算にかなりの余裕があり、思い切ってイマドキのi7-2600Kに16GBのメモリを積んだゴキゲンな2号機ができあがりました。目下作業環境の引越中です。 CPUを奮発したおかげで論理8コア、8つのスレッドが同時に走る素敵な環境。遊ばせておくのはもったいなく、しばらく遊んでほったらかしになっていたインテルTBB（Threading Building Blocks）を再度試してみたくなりました。TBBはこれまでに何度かネタにしてきましたが、今回はスレッドの同期（Synchronization）のお話です。 前準備：スレッドの起こしかた TBBでのス
OpenLaszloでmixiアプリの開発
オープンソースのRIA言語「OpenLaszlo」ではFlashやDHTMLなどを使ってアプリケーションを作成できます。また、外部Web APIなどと連携することも可能です。今回はmixiアプリの作り方を簡単なサンプルプログラムを通して説明します。 はじめに 本連載では、FlashやDHTMLによるリッチクライアントアプリケーションを作成できるOpenLaszloについて説明していきます。前回は、OpenLaszloでGoogleマップを使う方法について説明しました。今回は、OpenLaszloによるmixiアプリの作り方を、簡単なサンプルプログラムを通して説明していきます。 これまでの記事 第1回 OpenLaszloのインストールと開発環境構築 第2回 OpenLaszloのプログラミングと標準コントロール 第3回 OpenLaszloとサーバーサイド連携 第4回 OpenLaszlo
これさえ読めば分かる！ Flash Builder 4インストールから使い方まで徹底解説
Adobeから新たに発売される注目の開発環境「Flash Builder」。本稿では、Flash Builderのダウンロードからインストール方法までを詳細に解説します。さらに、本バージョンの目玉機能の1つであるデータ中心型アプリケーション開発を体験するために、サンプルとしてTwitterビューワーを作成しながら、使い方を紹介していきます。 0. はじめに Adobeから新たに発売される「Flash Builder 4」（アドビ・フラッシュ・ビルダー、以下Flash Builder）は、従来Flashをメインに使用してきたデザイナーにも、AjaxやバックエンドでRIAの開発してきた開発者にも、Flexアプリケーションを簡単に作成できる数多くの機能が盛り込まれています。 本稿では、Flash Builderのダウンロードからインストール方法までを詳細に解説します。さらに、本バージョンの目玉機
Flash Builder 4の新機能
ようやく、Adobe Flash Builder 4（旧Adobe Flex Builder）の概要について説明できる運びとなりました。単に製品名が変わっただけではありません。Adobe Flexチームが費やした2年の月日にふさわしい進化を遂げています。Flashプラットフォーム向けの優れたアプリケーションを作成するための開発環境を、あらゆるタイプのデベロッパーの生産性を向上できる新しい刺激的な方向に発展させました。 名前は変わりましたが、これはまさしくFlex Builder 3が進化したものです。オープンソースのFlexフレームワークによって、リッチインターネットアプリケーション（RIA）とコンテンツを短期間で構築できるようにする、Eclipseベースのプロフェッショナル向け開発ツールに、多くの強力な新機能が加わりました。 この正式リリースは、2009年中にリリースした2つの公開ベータ
mixiアプリ「記憶スケッチ」の開発者が語る うけるソーシャルアプリ制作7つのコツ
現在ユーザー数は約127万人、画像の投稿数は約1023万枚で、オープンしてから半年強で画像投稿数の合計が1000万枚を突破した。月間の最大PVは約1億4千万、8秒に5枚ずつ画像が投稿されている計算となり、投稿型のサイトとしては世界最速と中西氏は自負している。 OpenSocialアプリケーション開発の経緯 開発環境はLinux/Apache/MySQL/PHPという基本的なLAMP構成で、クライアントサイドにはFlex3、opensocial-jqueryを利用。クラウドは利用せず、データセンターにサーバを設置した。 開発に関する作業は、デザインも含め全て中西氏1人で行った。OpenSocialの仕様調査やアプリの実験に2週間、実際の開発に2週間を費やし、約1か月で実装が完了した。 OpenSocialへの興味でためしに作ったアプリケーションが爆発的ヒットとなり、アプリリリース後、想定では
7分でわかるCurl言語の特徴
1 はじめに 最近、いろいろなプログラミング言語が注目を集めるようになってきました。 Curlは、リッチクライアントアプリケーション（RIA）の開発ツールですが、その言語は非常に面白い特徴をもっています。今回は、Java言語との比較を交えて、Curl言語がどのような特徴をもった言語か見てみましょう。 2 対象読者 プログラミング言語に興味のある方。いろいろなプログラミング言語を知りたい方。Java言語の知識があると読みやすいと思います。またJava言語に不満のある方には共感していただけるかもしれません。 3 Curlってなんだろう Curlは、ブラウザのプラグインとして、または独立したデスクトップアプリケーションとして動かすことのできるRIA環境です。PC端末にランタイムをインストールし、Curl言語で書かれたプログラムを実行させることで動作します。Curlの守備範囲はとても広く、実際に長
Java入門 (7) - List・Map・Setなどのコレクション・フレームワーク
はじめに たくさんのオブジェクトを管理するのに、皆さんならどういうものを利用するでしょうか。多くの人が思い浮かべるのは「配列」でしょう。しかし配列はなかなか融通が利かない代物です。それよりもはるかに便利なものがJavaには用意されています。それが「コレクション・フレームワーク」と呼ばれるクラス群です。今回は、この中の主なものについて使い方を説明しましょう。 対象読者 Javaに興味はある、けれどプログラミング経験がない、という人。 Javaに興味はある、けれど何から手をつければいいかわからない、という人。 Javaに興味はない、でも何でもいいからプログラミングをしたい、という人。 これまでの記事 Java入門 (1) - まずはここから始めよう Java入門 (2) - 値と制御構文 Java入門 (3) - クラスとインスタンス Java入門 (4) - Swingを使ったGUIプログラ
Windowsのコマンドプロンプトを便利に使うための10のミニテクニック
はじめに Windowsの操作の基本はGUIですが、ファイル操作などを手早く行うためにコマンドプロンプトを使うこともあると思います。本稿では、Windowsのコマンドプロンプトをより便利に使うためのちょっとしたテクニックを10個紹介します。 対象読者 Windowsのコマンドプロンプトをある程度使ったことがある方 動作確認環境 Windows Vista Windows XP 一部の機能は、Windows XPでは利用できません。本文内で都度補足します。 コマンドプロンプトからエクスプローラに移動する コマンドプロンプトで作業中に、カレントディレクトリのファイルをエクスプローラで操作したくなることがあります。たとえば、カレントディレクトリにあるいくつかのファイルをほかのディレクトリにコピーする場合、各ファイルの名前をキーボードから入力するより、マウスを使ったほうが簡単です。そんなときに便利
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenGLを使った地図描画エンジンの作り方（2）
SourceTree for WindowsからGitを利用する
【デブサミ2013】15-C-4 レポート 「無償でここまで使えるアドビのWeb制作ツール」
3DCGツール「MikuMikuDance」のエフェクトを拡張する「MikuMikuEffect」 はじめてのエフェクト制作