デスクトップ版黄金比・白銀比計算ツール
自然界でもっとも美しい「黄金比」を計算する「Webデザイン黄金比計算ツール」。人工物や建造物で安定した美しさを持ち、日本人に古来から浸透している「白銀比」を計算する「Webデザイン白銀比計算ツール」。この2つのWeb版計算ツールをリリースしてきました。 はてなブックマーク - Webデザイン黄金比計算ツールのコメント欄に、このようなコメントがあり、 2008年06月06日 silvetjude わがままを言わせてもらえるのなら、これローカルで欲しい。それくらい便利。 Commit Lab ≫ それ俺です、わがまま言ってすいませんのトラックバックもいただきました。（お体の方は大丈夫でしょうか？） わがままを聞いて、デスクトップ上で黄金比と白銀比を計算できるツールも作りましたのでリリースします。Adobe AIRアプリケーションであるため、アプリを透明にさせて他のウィンドウに重ねるだけで比を確
超かんたんPDF作成！
当サイト「超かんたんPDF作成！」は、オンライン上で超かんたんにPDFファイルを作成できる無料のツールサイトです。 使い方は超かんたん！ 1. 下のフォームの「本文（必須）」のところに、PDFファイルとして表示させたい文章を入力 2. 「PDF作成！」ボタンをクリック 3. 完成！ できあがったPDFファイルは、保存＆印刷＆配布等が可能です。全て無料で利用できます。 その他のオプションとして、タイトル・作成者名・日付表示機能、文字サイズ・余白設定機能もあります。 気に入ったフォーマットで出力できるように、いろいろ試してみてください。 | 使い方 | Q＆A集 | 作成PDFサンプル（PDFファイル） | 超かんたん3D円グラフ作成！ | 作成者ブログ | 管理者へメール |
1年前に作ったサービスと人気のあった記事まとめ
1年前の2007年3月に作ったサービスと人気のあった記事のまとめです。 たまには1年前を振り返ってみるのも楽しいですね。 2007年3月に作ったサービス ohaYouTube - おはようチューブ はてブコメント最新情報 動画最新情報 超かんたんPDF作成！ ケータイ最新情報 PC最新情報 デジカメ最新情報 2007年3月に人気のあった記事 堀江貴文逮捕による本当の損失 はじめてのApolloプログラミング Webサイトのスクリーンショットを撮るサービスの作り方 ニコニコ動画みたいなものを作ってみるテストと問題点 Flex2,ActionScript3.0が優れている9の理由とAjaxとの差 顔にエフェクトをかけてプライバシーを守るWebサービスの作り方 なぜFlashは検索エンジンにひっかかりにくいのか？-SEO対策- 誰のためのWebデザイン変更ですか？ もしかしてAdobeの時代が来
ニコニコ動画みたいなものを作ってみるテストと問題点
ニコニコ動画みたいなサービスを作るのがどれくらい難しくて、どれくらい大変なのかを確認してみるテストと、それによりわかった問題点をあげてみます。 テスト用にサンプルサイトとして作ってみたのは、以下の2つのページです。 ニコニコ動画みたいなものを作ってみるテスト 動画最新情報 解説はこの後に続きます。 ニコニコ動画(β)終了に見るWeb2.0マッシュアップ時代への警鐘に書いたように、ニコニコ動画は一旦終了してしまいました。 その後、各地でニコニコ動画の問題点や開発裏話などが語られています。 その中で、いくつか気になったものがありました。 まず始めに、メルルーの秘宝とニコニコ動画と四畳半社長: ニコニコ動画と長尾研究室と僕から。 そこでYoutubeなど既存のサーバーからデータだけ拾ってくる、というアイデアが生まれて、この実証実験はドワンゴの中野君が数時間で行いました。 プロモーションのために2
ギークなおっさんの成長ぶりがすごい！
いつの間にか弟子入りされていた、「ギークなおっさんの弟子」。 そのギークなおっさんの成長ぶりがすごいことになっています！ ギークなおっさんことアフィリエイトは儲かんないってばの中の人が、ZAPA先生のマッシュアップ講座に弟子入りしたのが20日前。 弟子入り後に、ギークなおっさんは勉強を始め… 次回予告。ZAPA先生に弟子入り。 マッシュアップって何？APIって何？ PEARが難しすぎるので、教えて偉い人！『解決済み』 ZAPA先生、ようやく第1回が終わりました・・・ 相変わらずマッシュアップやってます〜 ZAPA先生のマッシュアップ講座第2回受講 お天気APIでPEARとかエクササーイズ マッシュアップに行き詰る、が『解決』 さあ、マッシュアップも佳境に入ってまいりました。 数々のエントリとともに成長していきました。 途中、PEARの使い方や「.=」の意味がわかっていなかったり、XML_U
1000px弱時代のWebデザイン
相変わらず、1024x768のXGA環境のユーザーが約4割います。 見方を変えてみると、5割以上のユーザーが横幅1280px以上であるとも言えます。 ほとんどのユーザーが横幅1024px以上表示でき、半数以上のユーザーが1280px以上表示できるわけです。 2008年1月時点での最適なWebサイトの最大横幅 このことから、2008年1月時点での最適なWebサイトの最大横幅は、横幅1024pxのユーザーがストレス無く閲覧できる1000px以下になると言えます。 1024px限界まで使わないのは、ウィンドウ枠やスライダーバーの表示分を考慮しているためです。 余白なども考慮すると950px〜1000pxくらいが最適な最大横幅と言えるかもしれません。 Yahoo! JAPAN以外にも、ニコニコ動画やmixiなどのサイトも1000px近い横幅のデザインになっています。 ディスプレイ以外の要因 さらに
「Adobe AIRプログラミング入門」執筆しました！
来年ブレークするであろう期待の新プラットフォーム「Adobe AIR」。 この度、当ブログ管理人ZAPAが「Adobe AIR」の解説本「Adobe AIRプログラミング入門」を単著で執筆しました。 表紙の真ん中右辺りに、ちょろっと「■ZAPA」と書かれています。知らない人が見たら著者名ではなく、何かの記号かと思ってしまいな表記方法です。一冊丸ごとZAPAが執筆しましたので（編集者による編集やレイアウトなどはのぞく）、これは著者名「ZAPA」を表しています。 すでに見本誌は手元に届きましたが、一般の書店に出回るのは来年2008年1月の中旬くらい10日前後になるそうです。 この書籍のために、書き下ろしのプログラム数十本と、スクリーンショット数百枚を撮りました。サンプルプログラムを含んだCD-ROMが付録としてついていて、プログラミング解説本としては割と安い2300円での発売となります。発売元
ニュータイプなJSライブラリjQueryを使ってみよう！
JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。 Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。 そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。 Ajaxとは ここで言うAjaxは、オランダの名門フットボールチーム「アヤックス」ではなく、ウェブブラウザ内で非同期通
はじめてのiGoogleガジェット開発#1
どうも、「公開APIを利用したサンプルサイトを作っていくよ」管理人のZAPAです。 今日は、マッシュアップツールを作るための第一歩として、「iGoogleガジェット」の開発方法を解説します。 「Googleからのプレゼントが届いたよー！！！」に登場した、iGoogleガジェット。 「ガジェット大好き！」って人も、「これからの時代はガジェットだ！」って人も、「ガジェットって何だろう？」って人も、これからの時代は自分でガジェットを作れるとカッコイイと思うよ！！iGoogleガジェットに興味を持っても、開発情報を調べるのはなかなか大変です。 公式サイトに重要な情報はたくさん載っていますが、コンパクトにiGoogleガジェット開発方法を理解できるページがありませんでした。 公式ドキュメントをマジメに読むと30分以上かかり、やる気がそがれてしまいますので、ここに「iGoogleガジェット開発方法」を
ZAPA的プログラミングTIPSまとめ
実はこの[Z]ZAPAブロ～グ2.0、プログラミングに関連する記事もけっこう多かったりするんですが、雑記に紛れてしまっているため、探そうとするとなかなか大変です。 そこで、2004年から書き続けている記事の中から、プログラミング関係の記事を中心に参考になりそうなTIPSをジャンルごとにまとめてみました。 Ajax、JSONP、ActionScript3、AIR、PHP、PEAR、アクセラレータ、Webサービス、Webデザイン、SEO、Alexa、iアプリ、動画ダウンロード、スパム対策、顔認識、サムネイル画像生成、ファイル圧縮…この辺りの単語にピンと来た方は、何か参考になる記事があるかもしれません。
わずか565バイトテトリスのプログラミング解説
「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 以下のソースコードをメモ帳に貼り付けて、htmlで保存すればテトリスが動きます。 <body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y() {C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/ A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1 if(e=!e){if(f|B){fo
JSONPに関するメモと便利そうなページのリンク集
「はじめてのJSONPプログラミング」に関連して、JSONPについてもう少し詳しく調べてみました。 JSONPは、「JSON with Padding」の略で、JSONを用いた関数呼び出しの仕組みのことです。 JSONP 「JSON with Padding」とは： - IT用語辞典バイナリ JSONは、「JavaScript Object Notation」の略で、構造化されたデータを記述するためのテキストベースのデータ記述言語の一つです。 JSONとは：ITpro JavaScript Object Notation - Wikipedia JSONPは、異なるドメインで提供されている機能を直接呼び出すことも可能な点で、XMLHttpRequest（XHR）などのHTTPリクエストよりも優れています。（XMLHttpRequestは、JSONPと同様にHTTP通信でデータをやり取りでき
10分で理解する初めてのAPI
10分で理解する初めてのAPIとは 公開APIに興味を持っている人はどれくらいいるのか？にも書いたとおり、公開APIに興味を持っている人は少なからずいると思います。では、なぜ実際に公開APIを利用したサイトを作ってみないのかというと、公開APIを利用したサイトが完成するまでの流れにも書いたように、実際にサイトを作るまでにはいろいろな壁があるからです。 というわけで、今回は少しでも公開APIに対する抵抗感を取り除いてもらうために、「10分で理解する初めてのAPI」ページを作ってみました。「本当に10分で理解できるのか？」と疑問を持たれてしまいそうですが、「公開APIを利用するのは、怖い、難しい、大変なことではない」ということを理解していただけたら幸いです。サンプルソースとしてはPHP5を使わせてもらいましたが、基本的にはどのプログラミング（スクリプト）言語を用いても大丈夫なはずです。公開AP
はじめてのJSONPプログラミング
前回の「ブログの☆の総数を取得できるAPIを組み込みました」では、はじめてJSONPを使ってみました。以下、実際にJSONPを使ってみての覚え書きと、これからJSONPプログラミングをはじめる方へのTIPSです。 ブログの☆の総数を取得できるAPIは、はてなスターに登録されたブログの情報を取得できるJSON形式とJSONP形式で提供されているAPIでした。 はてなスター日記 - ブログの☆の総数を取得できるAPIを追加しました JSONとは、JavaScriptにおけるオブジェクトの表記法をほぼそのまま利用したデータフォーマットのことで、JSONPはJSONにちょっと記述を加えて、クロスドメインのJSONデータを非同期で読み込ませて処理するための手法のことです。（詳しい定義については、自分で調べてみてください） 通常、Webブラウザでは他ドメインのJavaScriptのデータを読み込んで実
PHPプロ！マガジン2007年夏号Vol.4の記事を執筆しました
「○○の依頼を受けました」で受けていた依頼は、「雑誌の記事執筆依頼」でした。 「なんか本の執筆じゃないですか？」とメッセージをもらったりもしていて、見事に当たっていました。 さて執筆した雑誌についてですが、普通に書店に並ぶタイプのものではなく、PDFタイプの雑誌になります。 PHP技術者のコミュニティサイト『ＰＨＰプロ！』で販売されるPHP情報の専門誌、PHPプロ！マガジンです。 PHPプロ！マガジン 2007年夏号 本日2007年6月29日から発売開始されました。 何日か前から、密かにPHP技術者のコミュニティサイト『ＰＨＰプロ！』へのバナーを張っていたりしましたが、この関連性に気付いた人は多分いなかっただろうと思います。 執筆した記事は、「特集1 Part2 はじめてのマッシュアップサイト作成」になります。 １. はじめに ２. Webサイトのサムネイルを表示する ・SimpleAPI
「最近ブックマークしたページ」作りました。
ソーシャルブックマークするという行為を、小銭に変えるために（教材：ZAPA編）*ホームページを作る人のネタ帳の中で、このような記述がありました。 例えばZAPA氏が『私について』という項目に、私の今のブックマーク。という紹介をして、ZAPAさんという人間が今、何について調べているのかや、何をブックマークしているのか？という情報を知りたい人だって居るとおもう。 こう言われて黙っておく訳にもいかないので、自分がブックマークしたページをブログ内に表示するプログラムをサクッと作ってみました。 [Z]ZAPAブロ～グ2.0:最近ブックマークしたページ 管理人ZAPAが最近ブックマークしたページの一覧が表示されます 上のブログメニューバーの「新着ブクマ」からもチェックすることができます。 仕組みは、はてなブックマーク - zapaのブックマークで配信されているhttps://b.hatena.ne.j
はじめてのAIRプログラミング
コードネーム「Apollo」と呼ばれていたWebアプリケーションプラットフォームは、Apollo から Adobe AIR へと名称が変更され、正式名称は「Adobe Integrated Runtime」となりました。 以前、「はじめてのApolloプログラミング」という記事を書きましたが、今回新たにAdobe Airに触れなくてはいけない機会がありました。 そこで、はじめて「AIR」アプリケーションを開発する際の手順を、ここに記しておきます。 1. AIRアプリケーション開発に必要なものをダウンロード 2. AIRアプリケーション開発環境インストール 3. AIRアプリケーション開発環境パス設定 4. はじめてのAIRアプリケーションプログラミング 5. AIRアプリの実行 1. AIRアプリケーション開発に必要なものをダウンロード AIRアプリケーションを開発するには、当然それを開発
早速Google AJAX Feed APIを導入してみました
Googleから「Google AJAX Feed API」が公開されました。 このAPIは、他ドメインのRSSやAtomの一般的なフィードを簡単に取得するためのAPIです。 公開APIを利用したサンプルサイトを作っていくよ管理人として、早速「Google AJAX Feed API」のテストを兼ねて、[Z]ZAPAブロ～グ2.0に導入してみました。 各記事の下部に、「この記事に言及していそうなブログを検索する」というリンクを追加してあります。 このリンクをクリックすると、画面遷移することなくAjaxで、リンク元のブログが表示されます。 Googleにキャッシュが生成されるため、クロスドメイン制約を気にすることなく、他のドメインのフィードを表示できます。 [Z]ZAPAブロ～グ2.0:人気記事の はじめてのApolloプログラミング ニコニコ動画みたいなものを作ってみるテストと問題点 など
超かんたん3D円グラフ作成！
当サイト「超かんたん3D円グラフ作成！」は、オンライン上で超かんたんに3D円グラフを作成できる無料のツールサイトです。 グラフ資料作成や「べつやくメソッド」導入の際にも役に立ちます。 使い方は超かんたん！ 1. 下のフォームの「項目」のところに、円グラフの項目として表示させたい項目を半角カンマ区切りで入力 例：質問1,質問2,質問3,質問4,質問5 2. 下のフォームの「数値」のところに、項目ごとの数値（または割合）を半角カンマ区切りの半角数字で入力 例：40,30,20,8,2 3. 「3D円グラフ作成！」ボタンクリックで、オリジナルの3D円グラフ画像が完成！ できあがった3D円グラフ画像ファイルは保存することができます。 （Windows IEの場合は、画像を右クリックして「名前を付けて画像を保存」を選択） できあがった3D円グラフ画像ファイルは、保存＆印刷＆配布等が可能です。全て無料
生でスフィンクスを見てショックを受けた4つのこと
自分のイメージでは、ギザの大スフィンクスはピラミッド並みに大きい物だと想像していました。 ものすごく大きい物を想像していただけに、実際に生でスフィンクスを見た瞬間…、「えっ、小さい！」と思ってしまいました。 想像していたスフィンクスよりも小さくて、ショックでした…。 2. スフィンクスとキス スフィンクスが想像よりも小さかったので、横に並んで、あることをしてみました！ スフィンクスがあまりにも小さかったので、横に並んでキスしちゃいました！ （[Z]ZAPAブロ～グ2.0管理人ZAPAさん、モザイク姿で初登場です！） スフィンクスは頭の部分が王様なので、当然男性ということになりますが、あまり深いことは気にしないでください。 この写真を撮るために遠くエジプトまで行ってきましたので。 並んでキスができてしまうほどスフィンクスが小さくて、ショックでした…。 3. スフィンクスの目の前にあるもの自分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
