Canvas＆Processing ～ ウェブの最新技術が魅せる「Firefoxの灯」（2）CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
「Firefoxの灯（ともしび）」技術の全貌 ～ ウェブの最新技術が魅せる「Firefoxの灯」（1）
はじめに 『Firefoxの灯（ともしび）』は、Firefoxのダウンロード状況をほぼリアルタイムに視覚化するWebアプリケーションです。従来、文字情報でしかなかったアクセス情報を視覚化することにより、文字情報だけでは伝えることが難しかった臨場感や雰囲気を感じること ― 「感じるダウンロード」をテーマに制作しています。 Firefoxの灯は、2007年のMozilla 24で初めて公開されました。Mozilla 24とは、世界規模で展開するMozillaの活動とその永続性を表したイベントで、24時間ノンストップでMozillaに関連するさまざまなプログラムが行われており、そのプログラムの1つとしてFirefoxの灯を提案しました。この時は、Mozilla 24の特設サイトを閲覧している人々のアクセスから大まかな閲覧場所を取得し、世界地図上の該当地点に灯を表示して、アクセス状況を視覚化しまし
HTML5はこれからどうなっていくのか ここが違う！サンプルで見るHTML5（6）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 第5回：HTML5で進化したフォーム機能 オープン・ウェブ 本連載では、HTML5のマークアップについてウェブページという視点で解説してきました。しかしこの視点は、HTML5やそれに関連する新たなウェブテクノロジーが扱う範囲のごく一部でしかありません。本連載の最後となる今回は、HTML5を含む次世代のウェブテクノロジーが進む方向性について見ていきましょう。 本連載の第1回では、HTM
400万行のコードを15分で見える化！ プログラム解析ツール『Understand』で開発効率アップ
システムの多機能化により、プログラムの内容が複雑化している。テクマトリックスの『Understand』は、プログラムの構造を可視化することで、ソースコードの解析時間を大幅に削減できる開発支援ツール。今回は同社の福永一寛氏に、Understandの機能や特徴について聞いた。 システムの多機能化により、プログラムの内容は複雑化している。既存コードの改修や多人数での開発における情報共有のためには、プログラム構造の理解が必須だが、ドキュメントと実装内容とが乖離している場合も多く、解析自体に工数がかかることもある。テクマトリックスの『Understand』は、プログラムの構造を可視化することで効率的なソフトウェア開発をサポートするソフトウェア開発環境。「組込みシステム開発技術展（ESEC）」にて、同社の福永一寛氏にその特徴を聞いた。 ソースコードの解析作業時間を大幅に削減する『Understand』
シックス・アパート、「web-old-days.js」を公開 Web 1.0サイト向けのjQueryプラグイン
シックス・アパート株式会社は4月1日、恋人と過ごすよりはるかに多くの時間をMovable Typeの管理画面と過ごしているWeb開発者・デザイナーのために、なんだか懐かしい気持ちになれるJavaScriptライブラリ「web-old-days.js」を、GPLv2ライセンスで公開した。 このJavaScriptライブラリは、期間限定で開設されたMoveble Type 5最新テーマ機能デモンストレーションページ「しっくす・アパートの部屋」で利用されている。「テーマについて」のロゴをクリックすると、インストール方法や使い方を詳しく見ることができる。 「web-old-days.js」では、ソーシャルウェブコミュニケーションのオピニオン・カンパニーであるSix Apart社が誇る最新のJavaScriptテクノロジーにより、マウスカーソルの後ろを任意の画像が追いかけるjQuery.cursor
ActionScriptによるWebの3Dグラフィックス再入門
Flashで3D？ 数年前まで、Flashと言えばデザイナが絵やアニメーションを作り、そこにちょっとしたインタラクティビティを持たせるためのツールという見方が一般的でした。しかし、昨年あたりから急激に「えっ！？こんなことがFlashでできるの？」というようなコンテンツが増えてきています。このようなコンテンツが現れはじめた原因は、言語仕様が一新されたActionScript 3による高いパフォーマンスにあります。 本連載では、ActionScript 3のパフォーマンスを活かした一例として、Web上での3D表現を取り上げます。Webで3Dというと、VRMLやJava3Dなどの方法が存在はしたものの、なかなか広まることがありませんでした。これは実行環境の普及率が原因していると言えるのではないでしょうか。その点について、Flashは恵まれた環境にあると言えます。Adobeの資料によれば、日本国内
これからはじめるRIAとFlexプログラミング ～第1回 RIAの基本とFlexの優位点～
はじめに FlexとRIAに関する基本知識から開発方法の基礎を習得していただくことを目的とする連載です。対象とする読者は次のような方です。 デザイナーでFlex、RIAの概要や開発方法を知りたい方 PHP、Perl、J2EEなどのWebアプリ開発者でFlex開発に興味がある方 FlashやDreamweaverでサイト構築をしている方でFlex開発に興味がある方 つまり、プログラミングの経験を問わず、RIAの概念、Flexの基本を理解したうえで、シンプルなFlexアプリケーションを作成できることを目標とします。 本連載の他にも「Flex/AIR無償ハンズオンセミナー」「Flex/AIRアドビ認定コース」「ワンポイントセミナー」等を定期開催しております（2009年5月～2010年1月）。インタラクティブな環境で学習されたい方は、是非お申し込みください。 第1回目はRIA（Rich Inter
Flex ＋ LL連携（Ruby、Python、PHP）
もっと良い方法 HTTPのGET/POSTメソッドでデータをやり取りする例を見てきました。簡単な処理ですが、それなりの手間は掛かりますね。 実はFlex・Flashでは、サーバサイドと通信するのに、もっと良い方法があります。それは、サーバサイドで"RPCサービス"を作成して、Flex・Flashから、そのサービスのメソッドを呼ぶやり方です。 「RPC」とは”Remote Procedure Call”の略で、名前の通り、遠隔にあるプロシージャ（＝メソッド）を呼び出しを可能にする技術のことを指します。要は、サーバサイドでサービスを書いて登録すると、クライアントは、ローカルのメソッドを呼ぶのと同じように、サーバサイドのサービスのメソッドを呼ぶことができます。 RPCで何が嬉しいかというと、まず直感的に使えることがあります。ローカルのメソッドを呼ぶような感覚で、サーバサイドのメソッドが呼べるのは
HTML 5のフォーム要素
HTML 5の最初の大きな目的の1つは、主要なHTMLフォーム要素を現状の潮流に合うように変更することでした。この記事では、HTML 5の草案に導入されている主要な新しいフォーム要素と既存要素の変更点を説明し、HTML 5の仕様が現在までにどれくらいこの目的を達成しているかを解説します。 はじめに ほぼすべてのWebアプリケーションにとって、フォームはなくてはならないものになりましたが、HTMLフォームの主要な要素は13年近くも前のものです。HTML 5の最初の大きな目的の1つが、現状の潮流に合わせてこれらの要素を変更することであったのも不思議ではありません。 W3Cが最初にXHTML仕様を策定したとき根底にあった目標の1つは、XMLコンテンツの処理に適したフォームアーキテクチャを作ることでした。そこで2002年にXFormsが開発されました。ところが、HTMLコミュニティの多くの人からは
HTML 5のレイアウト要素
はじめに HTML 5は興味深い仕様です。この仕様は計画的に生まれたものではありません。W3CはHTML 4.1をHTMLの決定版として表明していました。そのため、HTML 5に対する要望の多くは、主にWeb Hypertext Application Technology Working Group（WHATWG）などのHTMLユーザーコミュニティから出てきました。WHATWGからの圧力が強かったため、数年前にHTML 5のワーキンググループが編成されることになりました。それ以来、HTML 5ワーキンググループは少々ごまかしのある仕様を採用して、それをW3C的な表現で書き直すというプロセスを（そのプロセスに付随する駆け引きとともに）ゆっくり進めてきました。 2009年4月23日、HTML 5ワーキンググループはこの仕様の最新ドラフトをリリースしました。全体的に見て、このリリースは前回のリ
Adobe Flexのはじめの一歩を教えます（第1回） ～FlexはRIA開発のフレームワーク
はじめに 業務システムの開発現場では近年、RIA（Rich Internet Application）が技術要件として求められるケースが増えています。RIAを実現する技術にはさまざまなものがありますが、その中でもAdobeが提供する「Flex」は、全世界で9割を超えるPCにインストールされているFlashのランタイムを活用できる強力なプラットフォームの1つなのです。 本稿ではITエンジニア向けに、Flexとは何か、初心者でも簡単に分かるように解説していきます。 対象読者 RIA開発をこれからはじめようと思っている方 「Flex」というキーワードを聞いたことがあるという方 「Flex＝フレームワーク」になりました 米Adobe社は2009年4月、コマンドラインでFlashを開発するツール群「Adobe Flex 4 SDK」と、Eclipseベースの統合Flash開発キット「Adobe Fl
GNU tar 1.22リリース gzipより圧縮効率が大きく向上した「xz」をサポート
GNUプロジェクトは3月5日、GNU tar 1.22をリリースした。このバージョンでは、新たに「xz圧縮」をサポートする“－－xz”オプションが追加された。この見慣れない圧縮形式は、.lzmaを置き換えるものとして、LZMA UtilsをリリースしてきたTukaaniプロジェクトが公開したフォーマット。拡張子は.xzだ。 GNUプロジェクトは3月5日、GNU tar 1.22をリリースした。tarは、複数のファイルを1つにまとめるUNIX標準のファイルアーカイブ。GNU tarバージョン1.22では、新たに「xz圧縮」をサポートする“--xz”オプションが追加された（“-J”にショートカットがアサインされている）。 この見慣れない「xz」という圧縮形式は、これまでLZMA UtilsをリリースしてきたTukaaniプロジェクトが1月29日に正式公開したフォーマットで、拡張子は.xz。既存
jQuery入門（その1）（1/7）：CodeZine
はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と
ドキュメント作成に役立つ「日本語スタイルガイド」の紹介：CodeZine
はじめに 大量のドキュメントの執筆作業を複数のメンバーで行うとき、各メンバーの文章表現にどうしても差が出ます。特に、直接ユーザーの目にとまるマニュアルなどは、用語、表現を統一することがとても重要です。 大量の翻訳マニュアルを作成するSun、Microsoftでは、翻訳作業の指針とする『日本語スタイルガイド』を公開しています。本稿では、それぞれの『日本語スタイルガイド』関連情報を紹介します（ガイドラインの内容はそれぞれをダウンロードしてご覧ください）。Sunの日本語翻訳ガイドライン Sunの翻訳ガイドラインについてまとめたページがあります。Sunの日本語翻訳ガイドライン スタイルガイドをダウンロードできます。スタイルガイドのダウンロード（PDF形式） スタイルガイドは100ページにおよびますが、4ページにまとめたクイックリファレンスを、翻訳プロジェクトのReiko Saitoさんのブログ
【RubyKaigi'08】Arts on RubyKaigi－日本Ruby会議を支えるアーティストとクリエイティブコモンズ ：CodeZine
音楽と映像が醸し出すRubyの空気感 日本Ruby会議2008ではトークセッションが素晴らしいばかりでなく、セッションとセッションの合間合間の休憩時間に流される音楽がとてもかっこいい！ こんなにBGMがかっこいいカンファレンスははじめてなので本当に感動した。コンピュータ系カンファレンスらしくデスクトップのエレクトロミュージックなのだが、キラキラしたテクノポップ調ではなく、ダブっぽい広がりのある音響サウンドがメイン。これが押し付けがましくなく、セッションに身を入れて疲れ切った脳みそを気持ちよくクールダウンしてくれる。 さらにその間ステージのスクリーンには、スタッフTシャツにもなっている奇妙な公式イラストが大きく映し出されている。この映像と音楽が相まってイベント全体にクールな雰囲気を与えていた。 まずこの面白いスタッフTシャツの公式イラストを描いたのが、_whyとしてRubyユーザーにはお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「GNU Hello 2.5」リリース make distのセキュリティホールを修正
Adobe Flexに関してありがちな10の誤解
CodeZine（コードジン）
Windows実行ファイル「EXE」の謎に迫る一覧
Hadoop上で動く機械学習ライブラリ 「Apache Mahout 0.1」リリース