OSDEで快適なOpenSocialアプリケーション開発をCodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
3DCGツール「MikuMikuDance」のエフェクトを拡張する 「MikuMikuEffect」の概要と導入方法
本連載で紹介するMikuMikuEffect（以降MME）は、そんなMMDを拡張し、エフェクトファイルと呼ばれる、HLSLで記述されたシェーダプログラムをMMD上で実行できるようにするための拡張ツールです。 本連載では、このMMEで動作するエフェクトファイルの使用方法と、エフェクトを構成するHLSLコードについて、6回に渡り解説していきます。 第1回目となる今回は、MMEの紹介と導入方法を解説します。 対象読者 MMDを使っていて、エフェクトファイルの中身に興味のある方 HLSLのコーディングに興味のある方 MMEの紹介 MMEとは MME（MikuMikuEffect）は、筆者が開発した、MMDでエフェクトファイルを読み込めるようにするための拡張ツールです。 ただし、MMDは一般的なプラグイン形式の拡張機能を持っていないため、MMEでは、API Hookという手法を使用して、MMDの描画
Adobe AIRでクールなMP3プレーヤーを作ってみる
Adobe AIRとは 「Adobe AIR」とは、リッチクライアントとして定評のある「Flex」や「Flash」「ActionScript」といったWeb技術を利用してデスクトップアプリケーションを作成し、動かせる実行環境のことです。Adobe社が提供しています。 ブラウザを使用する必要がないため、ローカルファイルへのアクセスやドラッグ＆ドロップを行うこともでき、WindowsやMac OS、Linuxで動作するなど、プラットフォームを問わない特長もあります。 今回はこのAdobe AIRを利用して、MP3プレーヤーを製作してみましょう。 対象読者 Flash、Flexでの開発経験のある人。 基本的なActionScript3.0の知識のある人。 プラットフォームを問わないアプリケーションを開発したい人。 実行環境/開発環境の準備 それではまず、Adobe AIRの実行環境をインストール
Dojo道場 ～ 第1回「グラフを使いこなす（前編）」
企業における大規模なWebアプリケーション開発を想定して設計されたJavaScriptライブラリー「Dojo Toolkit」は、欧米では、すでに多くの企業のサイトやイントラネットでも利用されており、IBMではソフトウェア製品のフロントエンド構築技術として全面的に採用されています。本シリーズでは、豊富な機能の中から厳選した、ビジネス・アプリケーションのためのベスト・プラクティスを中心に、Dojo Toolkitの活用方法をご紹介します。 エンタープライズ開発に適したJavaScriptライブラリ AjaxやダイナミックHTMLなどの要素技術を利用した、リッチ・インターネット・アプリケーション（RIA）が企業システムのフロントエンドとしても注目されていますが、Webブラウザ上で稼働するRIA開発に欠かせないのが、JavaScriptライブラリーです。JavaScriptライブラリーは一般的に
PHPでデスクトップアプリケーションを作る
はじめに PHPというと、Webアプリケーションを作成するためのサーバーサイド言語として既に有名ですが、PHP-GTK2というエクステンションを利用すると、PHPでデスクトップ上で動作するアプリケーションを作成できるようになります。本稿では、このPHP-GTK2を使用してデスクトップ用簡易電卓を作成してみます。 対象読者 PHPでデスクトップアプリケーションを作ってみたい方 環境構築 対象OSは、LinuxとWindowsです。 PHP-GTK2は、PHP-GTKのサイトより無償でダウンロードできます。 Windowsの場合、「php-gtk-2.xx.xx-win32-nts.zip」というファイルをダウンロードし解凍すると、「php-gtk2」というフォルダができますので、中の設定ファイル「php-cli.ini」をメモ帳など開きます。ファイルの65行目あたりに文字コードを指定している
はじめてのActionScript 3～ライフゲームを作ってみる
はじめに Adobeより、フリーで入手可能なFree Flex 2 SDKが公開されています。Flexは、Adobeが提供するRIA（Rich Internet Application）と呼ばれる高度なインターネットアプリケーションを構築するためのツールとテクノロジーの総称です。Flex 2アプリケーションはFlash 9を利用して、さまざまな機能を実現します。 Flash 8の次のバージョンであるFlash 9では、ActionScript 3.0（以下、ActionScript 3）が採用されることになっており、Free Flex 2 SDKは、このActionScript 3を使ってプログラムを作っていきます。 対象読者 Free Flex 2 SDKで何か作ってみたい人 Flash 9が気になっている人 JavaやC++などオブジェクト指向プログラミングが分かる人 必要な環境 本稿
まったくの初心者もこれでバッチリ 12のキーワードから学ぶデータベース基本中のキホン（前編）
データベースに限った話ではありませんが、特にコンピュータ関連ではたくさんのキーワード（用語）が出てきます。はじめてデータベースの勉強をしようとすると、まずはキーワードの数と難しさにとまどってしまうと思います。また一般的なコンピュータに関するキーワードでも、データベース関連だと意味が多少異なるキーワードもあります。そして、キーワードを1つずつすべて把握しようとするのは大変困難で時間もかかります。中にはよく使用する用語もあれば滅多に使用しない用語もあります。そこで本パートでは、出現頻度が高く、最低限は押さえておきたいキーワードを12 個紹介します。 keyword 1 データベース（DBMS） 入門者の中には、データベースという言葉は聞いたことはあるが、具体的なイメージがわかないという人が意外に多いと思います。考え方としては、データベースは「複数の人が共有利用するデータを貯めてある入れ物」です
Eclipseを使用したFlex＋PHP開発
はじめに FlexとPHPを利用するデベロッパーは、Flash BuilderとZend Studio for Eclipseの2つのツールを組み合わせることで作業生産性を高めることができます。この作業環境なら、FlexとPHPの特性を組み合わせてプロジェクトを開発できるだけでなく、コーディング時に両方の言語のメリットを享受できます（Eclipseでは「特性」によって、特定のビルダおよびその他の設定とプロジェクトの関連付けが行われます）。また、この環境では、FlexのコードとPHPのコードを同時にデバッグすることも可能です。 この記事では、Flash Builder 4とZend Studio for Eclipseのインストール方法に加えて、Flex＋PHPのコンビネーションプロジェクトの作成方法や、Zend AMFを利用してFlexとPHP間のデータ通信を行うプロジェクトのデバッグ方法
Flex 2でアウトラインエディタを製作してみる：CodeZine
サンプルプログラムを実際に試してみる（OutlineEdit） はじめに 本稿では、Flex 2を利用してアウトラインエディタを製作してみます。アウトラインエディタとは、アイデアカードを追加して、それを並べ替えたり、フォルダに分けたりすることができるエディタです。アイデアを整理して分類分けできるので、原稿や論文の筋書きを組み立てるのに役立ちます。 筆者は過去に、Windowsで似たアプリケーションを作ったことがあり、今回、Flex 2で作り直すことにしました。Windowsのクライアントアプリケーションから、Webブラウザ上で動くFlex 2へと作り直すことにどんなメリットがあるのか、についても併せて考えてみたいと思います。対象読者Windowsアプリケーション（C#など）で作るか、Webアプリケーション（Flex 2）で作るか悩んでいる人Flex 2で何か作ってみたい人高度なUIを持つW
Flex基礎講座（パート1）:はじめてのFlexアプリケーション開発
ActionScriptを初めて扱う場合、ActionScriptの構文がJavaScriptやJavaといった見慣れた言語の構文に似ていることにお気づきになると思います。次の基本ルールに注意するようにしてください。 ActionScriptはアルファベットの大文字と小文字を区別します。 各ステートメントはセミコロン（;）で終了する必要があります。 本チュートリアルの内容 Flexの概要の紹介 Applicationタグの使い方 Panelコンテナの使い方 Labelコントロールの使い方 Textコントロールの使い方 Buttonコントロールの使い方 ComboBoxコントロールの使い方 オブジェクトの配列の作り方 データをコントロールにバインドする方法 ユーザーイベントを処理するActionScriptハンドラの作り方 この記事に必要なもの このチュートリアルは、つぎに挙げるソフトウェア
Flex ＋ LL連携（Ruby、Python、PHP）
Flexが登場してから、Webの様相は大きく変わりました。本稿では、初めてFlexを触ってみる人や、軽量スクリプト言語の経験があるWeb系エンジニアにもわかりやすいように、Flexとサーバサイドの通信方法について説明したいと思います。 はじめに 必要なソフトウェアとファイル Flex Builder 3（Flex 3 SDK） 体験版 購入 サンプルコード Sample_code.zip（zip形式、26KB） この記事で使用する言語 Ruby 1.8.4以降 Python 2.3以降 PHP 5.2以降 事前知識 Flex又はFlashの基礎的な知識。上記の（サーバサイドの）言語の何れかの基礎的な知識。 サーバサイド？ Flexが登場してから、Webの様相は大きく変わりました。FlexはFlashの表現力を持ちながら、データベースに代表されるサーバサイドのリソースとの融和性に優れ、まだ
ActionScriptによるWebの3Dグラフィックス再入門：CodeZine
Flashで3D？ 数年前まで、Flashと言えばデザイナが絵やアニメーションを作り、そこにちょっとしたインタラクティビティを持たせるためのツールという見方が一般的でした。しかし、昨年あたりから急激に「えっ！？こんなことがFlashでできるの？」というようなコンテンツが増えてきています。このようなコンテンツが現れはじめた原因は、言語仕様が一新されたActionScript 3による高いパフォーマンスにあります。 本連載では、ActionScript 3のパフォーマンスを活かした一例として、Web上での3D表現を取り上げます。Webで3Dというと、VRMLやJava3Dなどの方法が存在はしたものの、なかなか広まることがありませんでした。これは実行環境の普及率が原因していると言えるのではないでしょうか。その点について、Flashは恵まれた環境にあると言えます。Adobeの資料によれば、日本国内
mixiアプリで始めるOpenSocial入門（1） ――OpenSocialの概要とmixiアプリ
複数のSNSサイトで共通に使える開発プラットフォームを提供する「OpenSocial」。本連載では、OpenSocialをサポートしているmixi上で実際にアプリケーションを作成しながら、OpenSocialのさまざまな機能に触れていきます。第1回は、OpenSocialの概要を紹介します。 OpenSocialとは SNS（Social Networking Service：ソーシャル・ネットワーキング・サービス）は、その名の通りソーシャルな（≒人間関係の）ネットワークを、インターネット上で構築するサービスです。2005年頃から着実に普及を続け、今や膨大な会員数と、さらに膨大な数の会員同士のネットワーク情報を抱えるようになっています。SNSの基本的な機能としては、次のようなものがあります。 人を検索し、自分の友人として登録する機能 他の人とメッセージをやり取りする機能 自分のプロフィール
サーバー側コーディング不要のGoogle App Engine開発環境「jsonengine」
はじめに 本稿では、JavaやPythonによるサーバー側コーディングを一切必要とせずにGoogle App Engineによる開発を実現するツール「jsonengine」について紹介します。 対象読者 Google App Engineに興味はあるが経験のない方。JavaScriptやActionScriptによるクライアント開発、またはiPhoneやAndroidによるスマートフォン開発の経験のある方。JavaやPythonの開発経験は不要です。 必要な環境 最低動作環境は次のとおりです。 Java SE 5 jsonengineって何？ 「jsonengine」は、JavaやPythonによるサーバー側コーディングを一切必要とせずにGoogle App Engineによる開発を実現するオープンソースのツールです。このツールは、昨年開催された「Mashup Awards 6」において「
ActionScriptによるWebの3Dグラフィックス再入門
Flashで3D？ 数年前まで、Flashと言えばデザイナが絵やアニメーションを作り、そこにちょっとしたインタラクティビティを持たせるためのツールという見方が一般的でした。しかし、昨年あたりから急激に「えっ！？こんなことがFlashでできるの？」というようなコンテンツが増えてきています。このようなコンテンツが現れはじめた原因は、言語仕様が一新されたActionScript 3による高いパフォーマンスにあります。 本連載では、ActionScript 3のパフォーマンスを活かした一例として、Web上での3D表現を取り上げます。Webで3Dというと、VRMLやJava3Dなどの方法が存在はしたものの、なかなか広まることがありませんでした。これは実行環境の普及率が原因していると言えるのではないでしょうか。その点について、Flashは恵まれた環境にあると言えます。Adobeの資料によれば、日本国内
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グリーに学ぶ、スマートフォン開発向けWebアプリ要素の最新技術 ～HTML5、CSS3を採用したポイントとは
ActionScriptによるWebの3Dグラフィックス再入門
C#たんと学ぶ／わりと硬派なソフトウェア開発講座 第1.5回「頼れ！Visual Studio」
Adobe Flexに関してありがちな10の誤解
