グラフィックツールを使ったアニメーションではなく、ActionScriptでFlashを作りたい。そんなとき利用できる新しいオンラインサービスが、Flash開発者の間で話題になっている。 それが面白法人カヤックが開発・提供する「WonderflBuid Flash Online」だ。これまでのFlash開発ではFlex SDKやFlex Builderといった開発環境をローカルに用意する必要があったのに対して、Wonderflで必要なのはWebブラウザーとネット回線だけ。コーディングからコンパイル、実行まで、すべてブラウザー上で完結する画期的なサービスだ。 使い方はとてもシンプルだ。OpenIDに対応しているWonderflは、Yahoo!やmixiといった使い慣れたユーザーIDを使ってログインできる。ログイン後、「Build from scratch」を選択すると、左にエディター、下にコ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

はじめに 一般的なWebアプリケーション開発では、「Webクリエイター」と「Webプログラマ」という役割が存在します。Webクリエイターは画面表示に関するデザインやマークアップを担当し、Webプログラマは、動的処理機能の構築を担当しています。最終的にそれぞれのリソースの結合が行われ1つのサイトが完成します。 最近では、“リッチクライアント”というキーワードで語られる豊かなユーザーインターフェースを持ったWebアプリケーションの開発がトレンドとなっており、かつてサーバサイドでの技術を発揮していたプログラマにもクライアントサイドの知識や技術が要求されるようになってきています。こうした状況の中で、Webプログラマが効率的な開発を行い、新しい技術に挑戦するために今までの構築手法や開発工程を見直す必要がでてきました。 本稿では『システムの構造的に優れた設計』だけではなく、『あらゆるユーザーに配慮され

jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。

IE6 叩きについて思うこと - 頭ん中 http://www.msng.info/archives/2008/12/ie6.php windows updateによるIE7への移行が開始された現在、IE7にしていない人は「意識的に」変えていない。 それまでは「IE6＝初心者が無頓着ゆえにそのまま」「IE7＝慣れた人が導入する」という図式だったわけだけども、もはやその構図は逆になった。 意識的にIE6のままいる人の理由は様々だろうが、少なくともPCの操作にある程度習熟している人だと推測される。 「ブラウザなんて知ったこっちゃない一般人」を対象にするなら、むしろもうIE6は切っていい。 一応、例外も考える。 「WINDOWS2000未満なのでIE7は用意されていない」それならFirefoxでいいと思う。 「SleipnirなどのIEコンポーネントブラウザを利用しているのでどうでもいい」どうで

CSSの継承と詳細度の概念、表示ズレを解消するJavascriptハックなど、現場で役立つ技を実践的に分かりやすく説明（編集部） CSS入門の最終回は、CSSの勉強でつまづきやすい“継承”と“詳細度”の概念、表示ズレを解消するCSS／Javascriptハックなど、制作現場で役立つ技を説明します。 初心者の方は少し難しい部分もあるかもしれませんが、第1回「ちょっとサイトをステキにするCSSの基本」、第2回「良いデザインを行うためのCSSの下地を作ろう」、第3回「ブラウザの設定を初期化させるCSSとチェックツール」の連載を読んでいただければ幸いです。 継承 （親要素から子要素への引き継ぎ） CSSの重要な概念の一つに「継承」というものがあります。これは、親要素で指定したプロパティが子要素においても引き継がれることを指します。 実際のコードを基に見ていきましょう。 【CSSコード】 上の例では

いいかげんに目を覚まそうではないか。もう2008年だ。私たちがもう何年もウェブサイト上でするのにも見るのにも慣れてしまったもので、本当は今頃とっくに消えてなくなっているべきものがいくつかある。筆者の頭に浮かぶ5つのことは、ユーザーインターフェースの悲劇とも呼べるものだ。筆者が大統領になったら、間違いなく次の5つを禁止するよう、最高裁判所に命じるだろう。 1. リフレッシュ この記事を思いついたのは、Appleイベントの基調講演をチェックしようとした時だ。講演の最新内容を見るのにリロードボタンを押さなくてすむページを見つけるのに苦労した。筆者はただ、最新の内容がリアルタイムで反映されるブログを見つけたかっただけなのだが。信頼の置けるブログで、最新情報が自動的に表示されるものはSlashGearしか見つけられなかった。 ニュースサイト「Huffington Post」では、トップページを見てい

2008年になり、FirefoxやInternet Explorer、Operaといった主要Webブラウザが相次いでメジャーバージョンアップを行っている。また、SafariやGoogle Chromeといった新しいWebブラウザも登場した。ユーザーにとっては選択肢が増えて喜ばしいところだが、Web開発者にとっては検証すべき対象が増えることになり、頭を抱えたくなる人も多いのではないだろうか。 しかし、新しいWebブラウザではCSSやHTMLといったWeb標準規格への対応が進んでおり、またWeb開発を支援する機能やツール、プラグインなども登場してきている。そこで本特集では、それぞれの最新Webブラウザが対応しているWeb標準規格を比較したり、異なるWebブラウザでも同様の見栄えを確保するためのテクニックの紹介、Web開発に役立つ機能やツールの解説などを行う。また、最近注目されているiPhone

今日は、もし自分の身に起こったとしたら、それはもう恐ろしいことになるであろう大事件をお話します。 僕が毎日チェックしている、”Search Engine Journal“というSEOブログがあります。 このブログのエディタのLoren Baker氏は、所有するGmailアカウントが無効化されてログインできなくなってしまったのです。 まったく身に覚えのないロックです。 途方にくれたLoren Baker氏は、困窮している状態を２度にわたってブログ記事にしました。 Google Has Disabled My GMail Account Open Letter to Google : Why Have You Taken Away my Google & GMail Accounts? Sphinnにも取り上げられました。 誰かに助けを求める、運がよければGoogleの社員に見てもらえるかもし

class.upload.phpというライブラリを使って画像のアップロードを実装してみました。今回画像のアップロードで欲しかった機能は下記。 保存する画像名を指定 同名ファイルがあった場合は上書き サムネイル画像も同時に保存 デモページにいろいろな使用例が掲載されています。 サムネイルのリサイズ等はデモページに載ってたので簡単にできたのですが、画像名の指定や上書き設定などは載ってなかったのでソース見ながら設定しました。 <?php require "class.upload.php"; function image_upload($filename){ $image_file = $_FILES['image_file']; $handle = new Upload($_FILES['image_file']); $upload_dir = "/home/user/files/"; if(

著作権に関しては、ひと筋縄で解決できない難題が多い。「著作権の保護期間延長」もそのひとつだ。 現在、日本において、小説や音楽、写真、美術といった作品は、作者の死後50年まで著作権の保護期間が設けられている（映画は公表後70年）。作者の死後は、その子孫などが著作権を受け継ぐため、例えば小説を元に映画を作りたいといったケースでは、その子孫に許諾を取ったうえ、場合によっては対価を支払うことになる。逆に言えば、作者の死後50年経っている作品は、自由に書籍化や映画化できるわけだ。 欧米などではこの保護期間が日本より長く、70年だ。そうした背景が影響して、日本でも保護期間を70年に延長しようという話が持ち上がった。その後、文化庁で専門の会合（文化審議会著作権分科会「過去の著作物等の保護と利用に関する小委員会」）が設けられたが、今まで「延長する」「しない」で意見が分かれていた。 そして18日、「過去の著

今回のポイント formの幅や高さは指定しないのが無難 divの中にformを含めてレイアウトする IMEをCSSで制御する フォーム（form）もHTMLを形成するタグの一種ですから，当然CSSによる装飾が利きます。これまで多くのWebデザイン解説書が世に出てきましたが，formの装飾にページを割いたものは多くはありませんでした。 しかし，エンジニアがformを使わないWebサイトに関わることはほぼ皆無です。サーバー側でのプログラムを必要とするサイトでは，ほとんどの場合，ユーザーがformでデータを入力するからです。 ページにたくさんのエレメントを並べるのだけがformではありません。Googleのスタートページのように検索語句を入れるテキストボックスと，その語句を送信するボタンがひとつずつというのも立派なformです。ですからエンジニアの方々は，formの装飾の仕方をどうしても習得して

日々の疲れをじっくり癒す・おすすめフットバス6選 毎日続く長時間のデスクワーク、立ったままでの通勤、足を使った営業活動……知らず知らずのうちに足には疲…

「効果的なウェブサイトって？」というのは単純な質問ではあるものの、視点や役割によって意見が違いそうです。この抽象的な質問に関してレポートにまとめている文書を見つけました。オンラインラーニングやウェブ上のクリエイティビティの推進のために様々な活動をしている NPO 団体 IDEA が Factors that improve online experience というレポートをまとめています。NPO, ウェブサイト制作会社, 利用者の３つのブループに分けて「効果的なウェブサイトの要素は何か」という質問に応えてもらったそうです。詳しい調査結果と解説が書かれた PDF も同ページでダウンロードすることが出来ます。 作る側と利用者とのギャップというのは未だにあるみたいですね。今回の調査で大きく分けて 8 つの特徴が見つかったみたいなので以下にまとめておきます。自分も改めて意識しなければならないなと