「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
超かんたん3D円グラフ作成！
当サイト「超かんたん3D円グラフ作成！」は、オンライン上で超かんたんに3D円グラフを作成できる無料のツールサイトです。 グラフ資料作成や「べつやくメソッド」導入の際にも役に立ちます。 使い方は超かんたん！ 1. 下のフォームの「項目」のところに、円グラフの項目として表示させたい項目を半角カンマ区切りで入力 例：質問1,質問2,質問3,質問4,質問5 2. 下のフォームの「数値」のところに、項目ごとの数値（または割合）を半角カンマ区切りの半角数字で入力 例：40,30,20,8,2 3. 「3D円グラフ作成！」ボタンクリックで、オリジナルの3D円グラフ画像が完成！ できあがった3D円グラフ画像ファイルは保存することができます。 （Windows IEの場合は、画像を右クリックして「名前を付けて画像を保存」を選択） できあがった3D円グラフ画像ファイルは、保存＆印刷＆配布等が可能です。全て無料
Webサイトのスクリーンショットを撮るサービスの作り方
SimpleAPIなどで有名な「Webサイトのスクリーンショットを撮ってサムネイル画像を作成してくれる」サービス。 SimpleAPIは、 「1人で作るなら、一気にやるのが重要」SimpleAPI・伊藤まさおさん の伊藤まさおさんが一人で作っています。 今回は、各スクリーンショット提供サービスを紹介した後、実際にこのサービスを作る手順を検証し、さらなる応用サービスにつなげる方法を考えてみます。 Webサイトのスクリーンショットを撮ってサムネイル画像にしてくれるサイト まずは、Webサイトのスクリーンショットを撮ってサムネイル画像にしてくれるサービスとして有名なサイトを紹介しておきます。 SimpleAPI - ウェブサイト・サムネイル化ツール 日本国内、海外からも大人気。ややサムネイル結果が不安定。 Mozshot ページごとにきれいに出力。大規模利用は禁止。 サムネイルAPI APIとし
はじめてのApolloプログラミング
お知らせ1：Apolloは正式名称がAIRに決まりました。はじめてのAIRプログラミングを書きましたので、そちらも参考にしてみてください。 お知らせ2：当サイト管理人ZAPAが、Adobe AIRプログラミング入門を執筆しました！ Adobe期待の「Apollo」アルファ版がリリースされ、早速「Apolloでニコニコ動画みたいなアプリを作ってみるテスト」を作ってみました。 まるで、何の問題もなく「Apolloアプリ」を作成できたかのようなエントリでしたが、本当はコンパイルエラーが起きたりして、実は一日で作成することができませんでした。 というわけで、自分がハマった部分も交えて、Apollo SDKによる「はじめてのApolloプログラミング」を解説したいと思います。 1.Apolloアプリケーション開発に必要なものをダウンロード 2.Apolloアプリケーション開発環境インストール 3.A
顔にエフェクトをかけてプライバシーを守るWebサービスの作り方
最近、OpenCVを使った顔認識が流行っているようです。 顔認識ができるということは、アレができるわけです。 「顔にモザイク！」 Web上で写真を公開するときは、プライバシーを守る必要があるため、顔は隠しておいた方が良い場合があります。 そんな時に、「顔にエフェクトをかけるWebサービス」があれば便利です。 例えば、こんな風に… （spiritlooseのはてなダイアリーさんの写真を使わせてもらいました） というわけで、今回は「顔にエフェクトをかけてプライバシーを守るWebサービスの作り方」をまとめてみます。 1.OpenCVインストール 2.Image::ObjectDetectインストール 3.OpenCV、Image::ObjectDetectのインストールにつまいたとき 4.Imagerを使いこなす 5.顔を塗りつぶすサンプルプログラム 6.顔に特定の画像を貼り付けるサンプルプログ
はじめてのActionScript3.0プログラミング
Flashで動くお絵かきで気になっていた「フリーのFlashコンパイラMTASCを使ってお絵かきツールを作る」の記事。 とある人から、現在ではMTASCではなく、Adobeから公式にフリーのコンパイラが配布されていることを教えてもらいました。 そこで、早速AdobeのActionScript3.0に触れてみることにしました。 （ActionScript3.0とは、Flash Player 9以降のプラグインで実行できるプログラムを作ることができるオブジェクト指向スクリプト言語のことです） はじめてのActionScript3.0プログラミングとして、以下の手順でFlashコンテンツを作ってみます。 Flex 2 SDKをダウンロードする手順 Flex 2 SDKのディレクトリ構成の確認 サンプルのコンパイル方法 Flexのドキュメント確認 はじめてのActionScript3.0プログラミ
Flex2,ActionScript3.0が優れている9の理由とAjaxとの差
はじめてのActionScript3.0プログラミング、ニコニコ動画みたいなものを作ってみるテストと問題点を通じて、「Flex2,ActionScript3.0が優れている」と感じた部分をあげてみます。 今まで「Flash」と聞くと、 「重い」「遅い」「ウザい」と言った印象が拭えませんでしたが、Flex2,ActionScript3.0に進化したことにより、今までのFlashのイメージよりもはるかに良いものとなっていました。 Flash8に比べ、実行速度が10倍も早い 「今までより10倍早い！」と言われれば、プログラマーなら誰もが興味を持ってしまうすごさです。AS2からAS3に進化したことにより、10倍速が実現されました。 本格的なオブジェクト指向言語である オブジェクト指向開発により、わかりやすく再利用可能な形で開発しやすくなっています。Javaとも似ているため、ケータイ向けJavaアプ
ニコニコ動画みたいなものを作ってみるテストと問題点
ニコニコ動画みたいなサービスを作るのがどれくらい難しくて、どれくらい大変なのかを確認してみるテストと、それによりわかった問題点をあげてみます。 テスト用にサンプルサイトとして作ってみたのは、以下の2つのページです。 ニコニコ動画みたいなものを作ってみるテスト 動画最新情報 解説はこの後に続きます。 ニコニコ動画(β)終了に見るWeb2.0マッシュアップ時代への警鐘に書いたように、ニコニコ動画は一旦終了してしまいました。 その後、各地でニコニコ動画の問題点や開発裏話などが語られています。 その中で、いくつか気になったものがありました。 まず始めに、メルルーの秘宝とニコニコ動画と四畳半社長: ニコニコ動画と長尾研究室と僕から。 そこでYoutubeなど既存のサーバーからデータだけ拾ってくる、というアイデアが生まれて、この実証実験はドワンゴの中野君が数時間で行いました。 プロモーションのために2
公開APIを利用したサンプルサイトを作っていくよブログ
2008/2/12:「公開APIを利用したサンプルサイトを作っていくよ」は、書籍発売に伴い、新サイトに移転しました。 →公開APIを利用したサンプルサイトを作っていくよ 新サイトでは、サンプルサイトの他に、サンプルソースコードの掲載もしていく予定です。 旧サイト（このページは）、削除せずにこのまま残しておきますので、新旧サイトともに今後ともご利用ください。 (旧)公開APIを利用したサンプルサイトを作っていくよ TOP ABOUT BOOK LINK MAIL BLOG 本館 ZAPAnet総合情報局管理人ZAPAが公開API（Webサービス）を利用して、サンプルサイトを作って紹介しています。 Web2.0、マッシュアップの流行によってせっかくWeb上でAPIが公開されていても、利用する前に規約に同意して、開発用ドキュメント（HTMLからPDF、EXECL、WORDなどドキュメントのフォー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
