10秒で余ったHDDを外付け化できる「ガチャポンパッ！」
保存用のHDDが足りなくなったので、1TBのHDD（HITACHI製）を買いました。昔なら、「ハードディスクに数百GBも何保存するの？」なんて思っていたりもしましたが、デジカメ画像をRAWで保存したり、iTunesを使ってAppleロスレス圧縮で何十枚もCDを音楽取り込みしていたら、あっという間に容量が足りなくなってしまいました。 で、今まで使っていて余った320GBのHDDを活かす方法はないかなぁと思って買ったのがこれ！ ガチャポンパッ！ ガチャポンパッ！は、簡単に言うと「内蔵用HDDをUSB接続の外付けHDDとして利用」できるようにするハードディスク接続キットのことです。最初、ネーミングセンスに惹かれて「裸族のお立ち台」にしようかとも思いましたが、「ガチャポンパッ！」の方にしました。デザイン、冷却ファン、10秒取り付けが決め手で。 「10秒でHDD搭載可能って、本当なの？」 というわけ
1000px弱時代のWebデザイン
相変わらず、1024x768のXGA環境のユーザーが約4割います。 見方を変えてみると、5割以上のユーザーが横幅1280px以上であるとも言えます。 ほとんどのユーザーが横幅1024px以上表示でき、半数以上のユーザーが1280px以上表示できるわけです。 2008年1月時点での最適なWebサイトの最大横幅 このことから、2008年1月時点での最適なWebサイトの最大横幅は、横幅1024pxのユーザーがストレス無く閲覧できる1000px以下になると言えます。 1024px限界まで使わないのは、ウィンドウ枠やスライダーバーの表示分を考慮しているためです。 余白なども考慮すると950px〜1000pxくらいが最適な最大横幅と言えるかもしれません。 Yahoo! JAPAN以外にも、ニコニコ動画やmixiなどのサイトも1000px近い横幅のデザインになっています。 ディスプレイ以外の要因 さらに
ニュータイプな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ガジェット開発方法」を
はじめてのJSONPプログラミング
前回の「ブログの☆の総数を取得できるAPIを組み込みました」では、はじめてJSONPを使ってみました。以下、実際にJSONPを使ってみての覚え書きと、これからJSONPプログラミングをはじめる方へのTIPSです。 ブログの☆の総数を取得できるAPIは、はてなスターに登録されたブログの情報を取得できるJSON形式とJSONP形式で提供されているAPIでした。 はてなスター日記 - ブログの☆の総数を取得できるAPIを追加しました JSONとは、JavaScriptにおけるオブジェクトの表記法をほぼそのまま利用したデータフォーマットのことで、JSONPはJSONにちょっと記述を加えて、クロスドメインのJSONデータを非同期で読み込ませて処理するための手法のことです。（詳しい定義については、自分で調べてみてください） 通常、Webブラウザでは他ドメインのJavaScriptのデータを読み込んで実
はじめての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アプリケーションを開発するには、当然それを開発
ZAPAnet総合情報局
ZAPAnet総合情報局は、ゲーム攻略をメインに、ブログ、オリジナルWebアプリ、プログラミング、Wikiなど、多種多様なコンテンツを公開しているサイトです。 2020.07.08 攻略Wikiページに関連リンクを表示する機能を追加しました。 2020.07.01 ステルス将棋 棋譜再生を作りました！ 2020.06.20 降魔霊符伝イヅナ攻略メモ、マジカルバケーション 5つの星がならぶとき攻略メモ、ロストマジック攻略メモ、[Contact]コンタクト攻略メモをスマホデザイン対応しました。 2020.06.14 めんまフォントお試しサイト、チンチロリン シミュレータ、ホビロン パスワード強化メーカー、色読みトレーニングをスマホ対応させました。J-POP最新人気曲ランキング100の表示を改良しました。 2020.06.11 ZAPAnet総合情報局のトップページ（このページです）のデザインを
早速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プログラミング ニコニコ動画みたいなものを作ってみるテストと問題点 など
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
PDO、PEAR::DB、MySQL関数の速度比較
サーバー側の問題もあるので、毎回安定した処理結果は得られませんでしたが、大体上表のような結果になりました。 やはりネイティブ関数は速く、mysqli関数が一番速い結果になりました。 続いて同じくネイティブ関数のmysql関数が続き、その次にPDOという結果になりました。 PDOでは、プリペアドステートメントを用いてSQLを発行したため、2回目のSQLの発行ではキャッシュが効き、劇的な速さになっています。 一番遅かったのは予想通り、PEAR::DBでした。 ネイティブ関数よりも2〜3倍遅く、PDOよりも2倍近く遅い結果となりました。 PHP用アクセラレータを導入していなければ、PEAR::DBはもっと遅くなっただろうと考えられます。 まとめ PHP5を利用していて、DBの抽象化を行いたいのであれば、PEAR系のモジュールはやめてPDOにした方が良いと言えます。 単純なSELECT文の結果でさ
超かんたん3D円グラフ作成！
当サイト「超かんたん3D円グラフ作成！」は、オンライン上で超かんたんに3D円グラフを作成できる無料のツールサイトです。 グラフ資料作成や「べつやくメソッド」導入の際にも役に立ちます。 使い方は超かんたん！ 1. 下のフォームの「項目」のところに、円グラフの項目として表示させたい項目を半角カンマ区切りで入力 例：質問1,質問2,質問3,質問4,質問5 2. 下のフォームの「数値」のところに、項目ごとの数値（または割合）を半角カンマ区切りの半角数字で入力 例：40,30,20,8,2 3. 「3D円グラフ作成！」ボタンクリックで、オリジナルの3D円グラフ画像が完成！ できあがった3D円グラフ画像ファイルは保存することができます。 （Windows IEの場合は、画像を右クリックして「名前を付けて画像を保存」を選択） できあがった3D円グラフ画像ファイルは、保存＆印刷＆配布等が可能です。全て無料
誰のためのWebデザイン変更ですか？
サイトやブログなどのWebデザインを変更したくなるときがあります。 では、一体誰のためにWebデザインを変更したいのでしょうか？ 多くの人は、Webデザイン変更を以下の目的のために実行するものだと思い込んでいます。 1.自分のためにWebデザインを変更する 2.他人のためにWebデザインを変更する この思い込みによって、Webデザイン変更が裏目に出ているケースが多々あります。 大別すれば上記2通りだけなのかもしれませんが、実際はもう少し細かく分けた方が失敗が少なくなります。 1.誰のためにWebデザインを変更するのか？ では、一体誰のためにWebデザインを変更するのか、以下の4通りに分けて考えてみましょう。 1.自分のためにWebデザインを変更する 2.コンピュータ（検索エンジン、ケータイ、読み上げブラウザなど）のためにWebデザインを変更する 3.他人（既存ユーザー）のためにWebデザイ
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
堀江貴文逮捕による本当の損失
ホリエモンこと堀江貴文氏が逮捕され、懲役２年６月（求刑・同４年）の実刑判決が言い渡されました。 日興コーディアル証券の一件と比べられたりもしています。 「恋におちたら」や「ハゲタカ」のようなTVドラマでも、似たような事例が取り上げられています。 インターネット事業は「虚業」だとか、そのように言われてしまうこともあります。 本当に堀江貴文氏は、インターネット業界において ・何も生み出さなかったのか？ ・何も生み出せなかったのか？ 利益のことや被害者のことは考えず、純粋に彼のインターネットへの取り組みを考えてみます。 ----------------------------------------------------------- 堀江貴文（ホリエモン）の一番の武器 堀江貴文氏の一番の武器と言えば、 判断力とスピード 彼の外見からは想像することはできないかもしれないが、そのスピードはどの経
顔にエフェクトをかけてプライバシーを守るWebサービスの作り方
最近、OpenCVを使った顔認識が流行っているようです。 顔認識ができるということは、アレができるわけです。 「顔にモザイク！」 Web上で写真を公開するときは、プライバシーを守る必要があるため、顔は隠しておいた方が良い場合があります。 そんな時に、「顔にエフェクトをかけるWebサービス」があれば便利です。 例えば、こんな風に… （spiritlooseのはてなダイアリーさんの写真を使わせてもらいました） というわけで、今回は「顔にエフェクトをかけてプライバシーを守るWebサービスの作り方」をまとめてみます。 1.OpenCVインストール 2.Image::ObjectDetectインストール 3.OpenCV、Image::ObjectDetectのインストールにつまいたとき 4.Imagerを使いこなす 5.顔を塗りつぶすサンプルプログラム 6.顔に特定の画像を貼り付けるサンプルプログ
Flashは検索エンジンに引っかからないという思い込み
「Flashで作られたコンテンツは、Flash内のテキストを読み取れないから、検索エンジンに引っかからない」 と、思い込んでいましたが違っていたようです。 そして、Googleの検索方法にswfファイルを直接検索するオプションがあるなんてことも知りませんでした。 教えてもらったのは、「Flex2,ActionScript3.0が優れている9の理由とAjaxとの差のコメント」の「始」さんから。 「Googleがswfのファイル読んでるんじゃね？」という記事を教えてもらい、いろいろ調べてみました。 Googleのファイルタイプ指定検索 わかったことは、Googleにはファイルタイプを指定して検索するオプションがあるということ。 以下の「filetype:」コマンドを使うことによって検索できます。 検索ワード filetype:検索ファイル 指定できるのは、FlashのSWFファイルを含む以下の
Flex2,ActionScript3.0が優れている9の理由とAjaxとの差
はじめてのActionScript3.0プログラミング、ニコニコ動画みたいなものを作ってみるテストと問題点を通じて、「Flex2,ActionScript3.0が優れている」と感じた部分をあげてみます。 今まで「Flash」と聞くと、 「重い」「遅い」「ウザい」と言った印象が拭えませんでしたが、Flex2,ActionScript3.0に進化したことにより、今までのFlashのイメージよりもはるかに良いものとなっていました。 Flash8に比べ、実行速度が10倍も早い 「今までより10倍早い！」と言われれば、プログラマーなら誰もが興味を持ってしまうすごさです。AS2からAS3に進化したことにより、10倍速が実現されました。 本格的なオブジェクト指向言語である オブジェクト指向開発により、わかりやすく再利用可能な形で開発しやすくなっています。Javaとも似ているため、ケータイ向けJavaアプ
はじめての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プログラミ
PHP Accelerator インストールメモ
ionCube PHP Acceleratorを導入しました。 PHPA を利用すると、一般的には 5 倍の速度向上が得られ、Smarty ベースのアプリケーション上では 10 倍近くもの速度向上が得られると確認されております。 Nucleus、pukiwiki、OpenPNEなどPHPのコンテンツが増えてきたため、動作速度向上を目的にPHP Acceleratorを導入してみました。 以下、PHP Acceleratorのインストールメモと動作結果のメモを残しておきます。 https://www.asial.co.jp/products/ioncube/へ行き、 アシアル株式会社に会員登録。 対応プラットフォームおよびOSとPHPのバージョンを確認して、ダウンロード先を確認。 サーバーへ管理者権限でログイン。 /usr/local/libにダウンロードすることにする cd /usr/lo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
