Archive for the ‘Web技術’ Category
水曜日, 11 月 19th, 2008
形態素解析という文字列の分割をするものがあります。以前から気になっていてWindows版はインストールしたのですが、UNIX版に関しては今までノータッチでした。
そこで今回、このMecabをさくらレンタルサーバーで実行できるようインストールしました。また、PHPからMecabを実行するよう拡張モジュールも同時にインストールします。
※さくらレンタルサーバーのスタンダード以上（telnetができるもの）が対象です
Posted in PHP, Web技術 | No Comments »
木曜日, 8 月 21st, 2008
javascriptでテトリスを作成しました。ゲームを作成するとなるとjavascriptでは難しいかと思いましたが、javascriptでも十分に作成することができました。
テトリスを作成するために必要となる処理は、次のようになります。
入力キーのチェック（回転、移動、Pauseなど）
ピース操作（作成、配置、移動、回転、衝突判定など）
自動落下（時間毎のループ処理）
ライン削除
ゲームオーバーの判定
描画処理
スコア等の表示（今回はライン削除数を表示）
テトリスを作成するに当たり一番大変なのがピースを操作する処理です。 特に衝突判定は処理が複雑で作るのが大変でした。
javascriptテトリスを見る
javascriptテトリス 関数一覧
Posted in Ajax | No Comments »
火曜日, 4 月 22nd, 2008
Yahoo!のトップページのPVについてPDFで資料が公開されています。
http://netadguide.yahoo.co.jp/info/rate/
１ヶ月のサービス全体の平均PV数が４５０億だそうです。トップページだけでも45億PVになるそうです。さらにすごいのは、各ページにおける広告掲載料金とPV数が公開されているところです。
保障インプレッション数（表示数）に応じて単価が変わっていき、100万impsだと0.5～2円程度、4000万impsだと0.2～0.9円程度というように変化していきます。これを金額にすると、100万impsだと50～200万円、4000万impsだと800万～3600万円。
トップページのPV数が45億PVなので1日平均1.5億PV。トップページの一番右上に表示される通常サイズのバナーの単価が1円/impsとすると、1日で1.5億になりますね（実際はランダムで表示されるので1/10程度でしょうが）。
1週間Yahooのトップページにバナー表示すればかなりの宣伝効果にはなると思いますが、それだけで1億円以上のお金が必要になります。おそるべしWeb広告収入。それよりもさらに影響力を持っているのがgoogleのアドセンス広告収入です。ネット業界トップの企業は本当にすごいとしかいいようがありません。
Posted in Webサイト | No Comments »
日曜日, 4 月 20th, 2008
前回 Ajaxサンプル集を作ったときの内容を少し発展させjQueryを用いてRSSリーダーを作成しました。
作成したRSSリーダーでは、
RSSのURL登録（クッキー使用）
RSSのリストを折りたたんで表示
RSSのリストをドラッグ可能
選択したリストを最前面に表示
リストのカラム数を変更
など色々な処理ができるようになっています。
今回はPHPでRSSの処理を行い、ユーザーインターフェイス上の処理をjavaScriptで行うなど色々な技術を使って作成しました。色々と初めて行う処理が多かったのですが、非常に勉強になりました。
ｊQuery RSSリーダーを見る
Posted in Ajax, PHP | No Comments »
土曜日, 4 月 19th, 2008
ブログを作成してから１週間が経ちました。WordPressの使い方もだいぶわかるようになってきました。
WordPressはPHPで作成されているのでコードを読んでいけばどのファイルで何をしているかがわかります。また、ブログ管理ツール内で大抵のことができるので、デザインの修正などもブラウザ上でほとんど処理することができます。
変更した内容は、
デザインテンプレートを変更
「続きを読む」の表記を変更
サイドバーの表示内容を変更
フォントサイズを変更
などほとんど簡単なものばかりですが、CSSの構成やPHPを勉強するのにもWordPressは役立ちます。
デザインテンプレートのサイトに行くとデザインテンプレートが豊富にあり、しかも非常によくできています。設定も簡単でダウンロードしてきてcontentのthemesというフォルダに保存すれば管理画面上ですぐにデザインを変更することができます。
ただし英語のテンプレートを使用すると、日本語での表示には合わないものもあるのでカスタマイズは多少必要になると思います。
Posted in wordpress | No Comments »
土曜日, 4 月 19th, 2008
前回作成した迷路プログラム（javascript版）ですが、Aptana SdutioとFirefoxのエラー検出機能を利用して作成しました。
Aptanaでコーディング
AptanaはWeb開発用のIDEです。Aptanta Studioと呼ばれる単独のIDEとEcripseのプラグインの2種類が提供されています。今回はAptanaStudioをインストールして使ってみました。
Aptanaには無料版と有料版があります。無料版といえども機能は非常に豊富でHTMLやCSS, javascriptの色分け、入力アシスト、エラー部の自動表示などの機能が用意されています。
またプラグインとして、
PHP
Ruby on Rails
Adobe AIR
Apple iPhone Development
などの開発環境もインストールすることができます。
Aptanaを利用することによる一番のメリットは、なんといってもエラー自動検出機能です。javascriptの構文チェックなどを記述している最中に自動で検出してくれるので、入力ミスがほぼなくなります。
Posted in Ajax | No Comments »
水曜日, 4 月 16th, 2008
前回VBで作成した迷路プログラムをjavascriptで作成してみました。
１マスごとの四角をDIVタグで定義し、それぞれのDIVタグを絶対座標で表示することで迷路を表示しています。
作成したDIVタグの背景色を変更していくことで迷路の作成＆探索過程をアニメーションとして表現しています。
迷路のサイズを大きくするとかなり処理が重くなりますのでjavascriptを実行する際はサイズに注意するようお願いします。
迷路プログラム（javascript版）
迷路プログラム 関数一覧
Posted in Ajax | No Comments »
月曜日, 4 月 14th, 2008
jQueryのサンプル集を作成しました。今までほとんどjavascriptを触ったことがなかったのですが、jQueryの使用法は非常に簡単でほとんど困らずに使うことができました。
サンプル内容としては
Document操作
CSS操作
イベント処理（カーソル処理）
非同期処理
ユーザインターフェイス処理（ドラッグ＆リサイズ）
など簡単ながら多くの処理を少ないソースコードの記述で実現できます。
実際の処理に関してはソースコードを表示して参考にして下さい。
jQueryサンプル集
jQuery javascript関数一覧
＜参考＞
jQueryライブラリ
ｊQuery UI関連ライブラリ
jQuery入門
ZAPAブロ～グ2.0
Posted in Ajax | No Comments »
金曜日, 4 月 11th, 2008
wordpressでブログサイトを作成しましたが、実はwordpressをさわったのが作った今日が初めてです。それでもわずか半日で大体のことはできるようになりました。
wordpressでブログを作ろうと考えたのも、CMS（Content Management System, デジタルコンテンツの統合管理ツール）について調べている過程でたまたま目に止まっただけでした。
ブログ自体は以前livedoorのブログを作ったことがあるため、大して違わないだろうと考えていましたがサービス内容が充実していてびっくりです。ブログの枠を超えていろんなことができそうです。
少し前まではHTMLをテキストエディタで書いてWEBサイトを作成するのが一般的でしたが、これほど高機能なツールが無料で提供されていることを考えると利用しないのは明らかに不利ですね。知ってるか知らないかだけで差がついてしまいます。
Posted in wordpress | No Comments »