第38回 Flashムービーに外部MP3ファイルを読み込んでみよう
Flashムービーでは，ムービーの再生時にMP3ファイルを読み込んで制御することもできます。今回は，サンプルとして“簡易MP3プレーヤー”を作成して，その方法について説明します。 FlashムービーにMP3ファイルを読み込んで音を鳴らす 図1のムービーは，4種類のMP3ファイルの中から，ユーザーが選択したものを読み込んで演奏します。さらに，MP3ファイルにアーティスト名や曲名などの情報が埋め込んである場合には，それを表示します。 図1：外部のMP3ファイルを読み込む（クリックするとムービーを表示します） ブラウザ上で動くちょっとしたMP3プレーヤーのようですね。MP3ファイルを差し替えれば，Flashムービーを再パブリッシュすることなく，演奏する曲を変更することも可能です。 loadSoundメソッドで音を読み込む では，実際にMP3ファイルを読み込んでみましょう。新規Flashドキュメン
第14回 音楽をつけてみよう
web上でよく見るアニメーションのFlashムービーとGIFアニメーション，一番の違いはなんでしょうか？ 答えは「音」です。単なるアニメーションに効果音やBGMを加えることで，ぐっと楽しいムービーを作成することができます。今回はFlash8での音の使い方をご紹介します。 音楽を利用したFlashムービー まずは，次の二つのアニメーションをご覧ください（図1）。二つともFlashムービーに音を付けています。一つはBGMとして音楽を利用しているアニメーション，もう一つは足音の効果音（SE）として音楽を利用しているアニメーションです。 図1：音を使ったアニメーション このアニメーションのように，音楽を利用しているFlashムービーのタイムラインは，図2のようになっています。絵の代わりに音の波形が載っているだけですね。 図2：音を使ったFlashムービーのタイムライン そう，まさに「絵の代わりに音
どの会社でも通用する仕事術（3）「緩い」マネジメントを防ぐ8の習慣
前回は，どの会社でも通用する仕事術を構成する7つの力のうち，「教える」をテーマに9の重要項目を説明した。7つの力は以下の通りである。 「教える」力は，どの職場でも必要であり，身につけると非常に有利になる。ぜひ，実際に試していただきたい。 今回は，2つめの「マネジメント」を取り上げる。これも，どの会社でも使える重要な仕事術である。ここでは，マネジメントを「チームでの協業作業や関係者に依頼した作業などの仕事を進めるために行う管理作業」と定義する。例えば，仕事の目標設定，作業の定義と責任分担，進捗確認などが該当する。以下，この前提で説明を進めていく。 仕事がうまく行かない人は「ネガティブ特性」を持つ 筆者は，会社で教育担当を長く務めている。10年前からは教育コンサルタントの仕事もしている。このため，以前から仕事上の悩み相談を受ける機会が多かった。 筆者に相談を持ちかける人のほとんどは，仕事がうま
実開発で分かったGoogle App Engine for Javaの“すごさ”
ゴールデンウィークに特に予定のなかった筆者は，「ちまたで噂のGoogle App Engine for Java（GAE/J）とFlexでスケジュール共有ツールでも作ってみよう」と思い立ちました。およそ5日間かけて開発を進めたのち，2009年5月6日に「ご都合.com（画面1）」を公開しました。その後，はてなブックマークやニュースサイトなどでご紹介いただいたおかげで，公開後6日で約2000人の方にご利用いただいています。 そこで本稿では，この「ご都合.com」の開発で実際に筆者が得た経験を通じて，GAE/JによるWebアプリケーション開発の実際とそのポテンシャルについて紹介します。 米Googleが2008年4月に発表したGoogle App Engine（画面2）は，「自分が開発したWebアプリケーションをGoogleのデータセンターで運用できるクラウドコンピューティング・サービス」です
第33回 ActionScriptでXMLデータを自由に検索・抽出してみよう
ActionScriptでXML形式のファイルを読み込んで利用する際に，ぜひ知っておきたいのが「XPathAPIクラス」です。XPathAPIクラスを利用することで，目的のデータに簡単にアクセスできるようになります。 XMLファイルのデータを抽出 図1はXMLデータの中から，指定したものだけを抽出して表示するムービーです。このムービーで読み込んでいるXMLファイルは，図2のようなファイルです。 図1：XMLデータを抽出するムービー（クリックするとムービーを表示します） （サンプル・ファイルのダウンロードはこちら） 図2：読み込んでいるXMLファイル（クリックすると拡大表示します） このようにXMLファイルから指定したデータを取り出したい場合には，「XPathAPIクラス」が便利です。 XPath式を使って目的のデータを指定する 図3は前回も読み込み用に使用したXMLファイルです。このXML
特集:基礎から理解するデータベースのしくみ - 特集:基礎から理解するデータベースのしくみ：ITpro
「データベースはブラックボックス。どんなSQL文を投げたらどんな結果が返ってくるかさえ知っていればよい」---そう思っている人も多いかもしれません。 しかし，本物のソフトウエア・エンジニアを目指すのであれば，データベースが動く仕組みを学ぶことは避けて通れません。パフォーマンスなどに問題が生じたときどこから手を付けていいのか皆目見当がつかない，といった事態に陥りかねません。 市販のRDBMSの内部はかなり複雑ですが，基本的な部分を理解するのはそれほど難しくありません。この特集でデータベースの動く仕組みを理解してください。 イントロ ●ブラックボックスのままでいいの？ 基礎から理解するデータベースのしくみ（1） Ｐａｒｔ１ ●SQL文はどのように実行されるのか 基礎から理解するデータベースのしくみ（2） 基礎から理解するデータベースのしくみ（3） 基礎から理解するデータベースのしくみ（4） 基
58. すごいリロード対策
まず、日本のサイトにある一般的な登録フォームの画面遷移は 入力画面→入力確認画面→完了画面 となっている場合が多いようです。ここでリロード問題となるのは完了画面でのDBへのINSERT処理やCSV書き出し処理、メール送信処理など「一度しか行わない処理」です。例えば完了画面へ遷移した際にブラウザのリロードボタンが押された場合、確認画面よりsubmitした情報が再度submitされて上記の一度しか行わない処理が二度行われてしまいます。そうならないよう、リロード対策はスクリプトで制御します。 まずは確認画面のスクリプト 確認画面でチケットを発行し、セッションに保存しておきます。同時に完了画面へチケットがPOSTされるよう、hiddenにセット。こうして完了画面へ遷移させます。それでは完了画面のスクリプトを見てみましょう。 このように、確認画面で発行されたチケットは一度使い切ってしまえば2度処理さ
Flash 8 入門講座：ITpro
Flash 8 入門講座 目次 お絵描きからActionScriptを使ったアニメーション制作まで いまやすっかり，Web上のインタラクティブ・コンテンツの代名詞となった感がある“Flash”。実は，アニメーションやゲームなど私たちが目にする，いわゆるFlashコンテンツは正確には「Flashムービー（ファイルの拡張子は.swf）」と呼びます。 Flashムービーを作成する方法はいくつかありますが，一般には，アドビシステムズの開発ツール「Macromedia Flash（以下，単にFlash）」を使います。本連載では，Flashの最新版である「Flash 8」を使って，Flashムービーの作成方法を中心に紹介していきます。Flash 8を持っていないという人も，1カ月間タダですべての機能を使用できる体験版がアドビシステムズのWebサイトに用意されているので，ダウンロードして一度試してみては
リッチ・クライアント技術を総点検する
マイクロソフトが無償提供するAjax開発フレームワーク「ASP.NET AJAX（旧称Atlas Framework）のβ2版が，11月6日にリリースされました。Ajaxはご存じのように「リッチ・クライアント」を実現するための技術ですが，リッチ・クライアントを構築するための技術（ソフト）としては他にもFlash，Flexなどが提供されています。それぞれの技術の仕組みや特徴について，最低限，基礎的なことだけでも把握しておくことは，これからWebアプリケーション構築にかかわる人にとって不可欠でしょう。 What is Ajax?（「今からでも遅くない Ajax基本のキ」より） Flashで何ができるの？（「Flash 8 入門講座」より） Flexはエンジニア向けのFlash（「Flex 2.0でリッチなWebアプリを作ろう」より） What is Atlas Framework? （「マイク
Windows Vista時代のユーザー・インタフェースの作り方
いよいよ2007年にはMicrosoft Windowsの新版「Windows Vista」が登場します。米Microsoftにとっては，6年ぶりとなるクライアントOSの新版です。度重なる仕様変更や，それに伴う発売日の延期など，いろいろなことがありましたが，まもなく目の前にやって来ます。 Windows Vistaは，高速な検索，より強固なセキュリティ対策，RSS（Really Simple Syndication）を扱うAPI，新しいInternet Explorerなど，数多くの新機能が搭載され，Windows XPとはかなり違った印象のOSになります。 数ある新機能の中で，プログラマに最も関係が深いのは，新しいアプリケーション開発/実行環境である「.NET Framework 3.0」です。開発段階では，既存のWin32 APIを置き換える新しいAPI（開発コード名：WinFX）にな
第8回 求められる組織の力
今回も，Webサイトの歴史をもう少し別の角度から見てみます。「良いWebサイト」を構築しようとする場合，得てして「開発言語についてスキルの高い人材」の確保に目が行きがちですが，実はその前に注意すべきことがあるということをお伝えします。結論から書くと，それは「組織の力」です。 開発の現場での変化 ネットワーク・インフラの普及やマシン性能の向上によって，Webサイトはたかだか十年の間に様々な役割を期待されてきました。それは，Webサイトの提案時や開発現場にもいまだに変化を与え続けています。逆に，技術向上のスピードが異常ともいえるこの業界では，「定常状態」と呼べるような時期は存在しなかったとも言えます。 この約十年の間のWebサイトの成長のパターンを表すとしたら，「スピード，統一感（テンプレート），効果測定」の三つに集約されるでしょう。下図はそれを模式化したものです。 Webサイト立ち上げの時期
第9回 どうすればユーザー登録してもらえるか：ITpro
この連載では，エンジニアの視点から使いやすさを考えています。今回はユーザー登録画面などに代表される，フォームを使った入力画面について考えてみたいと思います。 なぜこのテーマを選んだかというと，フォームを介して利用者からデータを受け取って処理をして返すという一連の処理が，ウェブサイトのバックエンドの処理やデータ形式などによって変化しやすく，プログラマやエンジニアの作業がもっとも使いやすさと関係しやすい分野ではないかなあ，と思っているからです。こうした部分はエンジニアが使いやすさに寄与しやすい部分であり，もっと言えば，使いやすさを向上させるに当たって，エンジニアにしかできない事柄がたくさんある部分だってことになると思います。 今回は「ユーザー登録ページ」を例に，フォームにおける使い勝手を考えていきたいと思っています。その理由としてまずは，筆者が勤務する株式会社はてなにもユーザー登録画面があり，
「梅田さん、Web2.0って企業情報システムに影響しますか?」：ITpro
この2カ月ほど、「Web2.0」という新しい潮流が企業情報システムにどう影響を及ぼすか、ほとんど毎日考え続けてきた。2カ月間取材で回った結果は、 日経コンピュータ4月3日号の特集としてまとめたので、ご一読頂ければ幸いである。 一連の取材の中で、『ウェブ進化論』の著者、梅田望夫氏と電子メールで何度かやり取りさせていただいた。今回は、その過程を紹介したいと思う。ウェブ進化論は新聞、雑誌、Webサイトなど、様々な場所で紹介されている。梅田氏は最近、ITproにも登場している。 梅田氏とのやり取りを紹介する前に、「Web2.0」というキーワードを説明しておきたい。この言葉は定義が非常にあいまいで、使う人によって技術のことであったり、考え方だったりして、なかなかやっかいだ。 Web2.0は、インターネット上の不特定多数のユーザーが能動的に情報を発信したり、サービスの開発に参加するようになったという、
広がるWeb 2.0の世界，使えるサービスはこんなにもある：ITpro
写真4●<a href="http://www.housingmaps.com/" target="_blank">housingmaps.com</a>。Googleの地図サービスにcraigslistの不動産情報を組み合わせて表示する。地図上のアイコンにマウスを持っていくと物件情報が写真付きで表示される Tim O'Reilly氏が論文「What Is Web 2.0」を発表したのは昨年の9月。本コラムでも「『Web 2.0』を知っていますか？」というタイトルでこの論文についてレポートした（記事）。あれからわずか3カ月だが，Web 2.0という言葉はすっかり定着した感がある。米Microsoftがライブ・ソフトウエア戦略を発表するなど，Web 2.0を大きく意識した展開を示したことも手伝ったのかも知れない。今やWeb 2.0は人々のあいだで意識化され，また注目されるようにもなった。しか
作って理解するAjax (2)：IT Pro
図2●作成したクライアントをテスト<br>クライアントから受信したデータをそのまま返送するサーバーを使ってテストした様子。入力データがそのまま表示されるのが分かります。 前回はAjaxの概念や利点を説明し，筆者が作成したAjaxアプリケーションを紹介しました。紹介したものの一つがインクリメンタル検索用アプリケーションです。検索ボタンをクリックして初めて検索される通常のWeb検索とは異なり，インクリメンタル検索はキーワードを1文字入力するたびに即座に検索を実行します。検索結果はKWICという形式で表示します（図1[拡大表示]）。KWICはKeyWord In Contextの略で，前後の文脈付きで検索結果を表示する形式です。 今回から2回にわたり，このインクリメンタル検索を実現するAjaxアプリケーションを作成します。単なる動作説明用の「おもちゃ的な」サンプルではなく，実用性のあるツールとし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3分でわかる！仕事に役立つExcelテクニック：ITpro