Web2.0ぽいロゴを作ってくれるサービス
March 27, 2007
Web2.0ぽいロゴを作ってくれるサービスを発見したので、ご紹介。
誰でも簡単に、Web2.0風のロゴを短時間で作れちゃいます。 作り方も簡単、テキストボックスに作りたいロゴ名を入力して、ボタンをワンクリックするだけ。一応言っておきますが、日本語には対応していないようです。
「ブログのタイトルロゴ作るの面倒くせぇー」と嘆いている、そこのあなた！使ってみてはいかがですか？
.htaccessでリダイレクト機能を利用する方法
March 14, 2007
.htaccessのリダイレクト機能を利用する機会があったので、ついでにやり方をここに書いておきます。
例えば、あるファイルをサイトの中で移した場合、ヘッダーに <META HTTP-EQUIV="refresh" content="2;URL=http://www.example.com/newpage.html"> などど書いて、body内に、「ページは移動しまた、2秒後に自動的に転送されます」等と書いておけば、よくある移動お知らせページの出来上がりです。
でも、これじゃなんとなくスマートじゃないっと言う時に、この機能を使えば、ユーザーには全く悟られずに、転送される事が出来ます。アナウンス無しに移動されてしまうので、ユーザービリティ的にどうなんだ？っと思う事もありますが、そう思う時は、先程説明した物を使うのが利口だと思います。
ただ、ディレクトリーごとのお引越しの場合などは、先程のやり方じゃ面倒だし、非効率です。そんな時は、.htaccessのリダイレクト機能を使う事をお勧めします。
例えば、www.example.comというサイトの、testという名前のディレクトリーからtest2というディレクトリーにリダイレクトしたい場合に、以下のようにテキストファイル等で書いて、「.htaccess」というファイル名で保存しサーバー（この場合はwww.example.comのルートに）にアップロードします。
Redirect permanent /test/ http://wwww.example.com/test2/
Redirect permanentと書いた後に、転送するディレクトリーの絶対URLのドメイン（ここでは、www.example)を除いたものを記入、その後にスペースを空けて、今度は絶対URLを全て書きます。
例えば、www.example.com/test/index.htmlとアクセスがあった場合はwww.example.com/test2/index.html に自動的にジャンプします。
非常に便利ですね。
web上で.htaccessが簡単に作れる便利なサイトがあります。よく分からないな～という方は使ってみてはいかがですか？
.htaccessでリダイレクト機能を利用する方法
March 14, 2007
.htaccessのリダイレクト機能を利用する機会があったので、ついでにやり方をここに書いておきます。
例えば、あるファイルをサイトの中で移した場合、ヘッダーに <META HTTP-EQUIV="refresh" content="2;URL=http://www.example.com/newpage.html"> などど書いて、body内に、「ページは移動しまた、2秒後に自動的に転送されます」等と書いておけば、よくある移動お知らせページの出来上がりです。
でも、これじゃなんとなくスマートじゃないっと言う時に、この機能を使えば、ユーザーには全く悟られずに、転送される事が出来ます。アナウンス無しに移動されてしまうので、ユーザービリティ的にどうなんだ？っと思う事もありますが、そう思う時は、先程説明した物を使うのが利口だと思います。
ただ、ディレクトリーごとのお引越しの場合などは、先程のやり方じゃ面倒だし、非効率です。そんな時は、.htaccessのリダイレクト機能を使う事をお勧めします。
例えば、www.example.comというサイトの、testという名前のディレクトリーからtest2というディレクトリーにリダイレクトしたい場合に、以下のようにテキストファイル等で書いて、「.htaccess」というファイル名で保存しサーバー（この場合はwww.example.comのルートに）にアップロードします。
Redirect permanent /test/ http://wwww.example.com/test2/
Redirect permanentと書いた後に、転送するディレクトリーの絶対URLのドメイン（ここでは、www.example)を除いたものを記入、その後にスペースを空けて、今度は絶対URLを全て書きます。
例えば、www.example.com/test/index.htmlとアクセスがあった場合はwww.example.com/test2/index.html に自動的にジャンプします。
非常に便利ですね。
web上で.htaccessが簡単に作れる便利なサイトがあります。よく分からないな～という方は使ってみてはいかがですか？
国内企業のロゴ集
March 13, 2007
海外企業のロゴ集やIT企業、Web2.0系のロゴ集などよくあるので、日本企業のロゴを集めてみました。後学のために無作為に収集しているので、少しずつ公開していきます。
家電メーカー
航空会社
百貨店
自動車会社
建設会社
ゲーム会社
ActionScriptでxmlを扱う
March 10, 2007
TextFieldのHTMLで遊ぶ
上記の記事を参考に、色々と試してみました。ゆくゆくはフルflashでブログを作る際にでも使えればと思っています。
とりあえず、新着情報をxmlから最新４件を表示する物です。
リンクが空の場合の処理が未完全です。
ActionScriptに以下を書き込む。
//XPathAPIを使用できるようにインポートする
import mx.xpath.XPathAPI
var myXML:XML = new XML();
//新規XMLインスタンスの生成
myXML.ignoreWhite = true;
//空白を削除して読み込む
//イベントハンドラ・メソッドの定義
myXML.onLoad = function() {
var nodeList:Array;
var nodeList2:Array;
var nodeList3:Array;
var pubDate:String = "/item/pubDate/*";
var Title:String = "/item/title/*";
var Link:String = "/item/link/*";
nodeList = XPathAPI.selectNodeList(this.firstChild,pubDate);
nodeList2 = XPathAPI.selectNodeList(this.firstChild,Title);
nodeList3 = XPathAPI.selectNodeList(this.firstChild,Link);
// TextFieldに設定
_root.whatnew.a2.news2[i].html = true;
_root.news.text =nodeList[1];
for (i = 0 ; i<4;i++){
_root.whatnew.a2.news[i].text =nodeList[i];
_root.whatnew.a2.news2[i].htmlText ="<a href=\""+nodeList3[i]+"\">"+nodeList2[i]+"</a>";
}
}
myXML.load("news.xml");
//XMLファイルを読み込み
xmlは、こんな感じの設計です。
<?xml version="1.0" encoding="UTF-8"?>
<item>
<title>テストタイトル</title>
<link>http://www.bulanco.net/</link>
<pubDate>2007.03.10</pubDate>
</item>
<item>
<title>テストタイトル</title>
<link>http://www.bulanco.net/</link>
<pubDate>2007.03.10</pubDate>
</item>
<item>
<title>テストタイトル</title>
<link>http://www.bulanco.net/</link>
<pubDate>2007.03.10</pubDate>
</item>
cssメモ
March 7, 2007
span と li はインライン要素。
cssメモ
March 7, 2007
span と li はインライン要素。
WP:2.0.7≫2.1.2バージョンアップ＆投稿画面バグフィック
March 4, 2007
2.0.7から2.1.2にバージョンアップしてみました。
文字化けするも、前回と同じミスと気がつき、wp_db.phpの修整で回避。
その後、投稿画面がおかしいことに気がつく。今回のバージョンの1つの売りである投稿画面のビジュアルとコードのタグが存在しない・・・。
WP:2.0.7≫2.1.2バージョンアップ＆投稿画面バグフィック
WP:2.0.7≫2.1.2バージョンアップ＆投稿画面バグフィック
March 4, 2007
2.0.7から2.1.2にバージョンアップしてみました。
文字化けするも、前回と同じミスと気がつき、wp_db.phpの修整で回避。
その後、投稿画面がおかしいことに気がつく。今回のバージョンの1つの売りである投稿画面のビジュアルとコードのタグが存在しない・・・。
中川翔子の描き方
March 4, 2007
YouTubeでこんなものを見つけました。 この際題材は置いといて、人がPhotoshopを使っている動画で見るのってすごく勉強になりますね。
そういえば、先日ソラリアプラザ1Fゼファーで「Game For Future 2007」という、「福岡ゲーム産業振興機構」が進行する展覧会が行われてい、ました。福岡にゲーム制作会社が多くありその紹介と振興を図るイベントだったようです。 ・・・が会場の多くを占めていたのは、Wacomの液晶タブレットでした。私は、イラストなどを描くときは、液晶ではない普通のタブレットを使います。液晶タブレットは是非欲しいのですが、16インチぐらいのもので10万弱。この会場にあったのはおそらく30万を超える物でしょう・・・。とてもじゃないけど手が出ません。ちょこちょこ触らせてもらいましたが、やはり液晶タブレットはいいですね。
イベントの趣旨とは違った所で得る物がありました。
Ajax：atomとAjaxライブラリを使った概要抜粋メモ
February 25, 2007
[ajax] JKL.ParseXML／ajax通信処理ライブラリ
非常に便利なajaxライブラリです。xmlを読み込みjavascriptオブジェクトに変換してくれます。クロスブラウザに対応してくれています。
今回は、とあるサイトで静的なページにブログ概要を抜粋したものをいてて欲しいと言う要望に答えるべく、また利用させて頂きました。
アニメーションバナー
February 22, 2007
あるクライアントから、アニメーションバナーの作成を依頼されて作っていました。 １０ｋ以内でgifという、結構タイトなファイルサイズです。
初めは、flashで制作してそれをgifに変換して作っていましたが、どうしても要領オーバーしてしまうので、結局１コマごとに手作りで作りました。flashに慣れすぎていて、割とローテクな作業で大変でした。
作って分かったのですが、１０ｋ以内に収めるコツは、色数の制限みたいです。 どうしても色数を制限するため、綺麗なグラデーションやら、フェードアウトの表現がかなりきついです。 まぁ、出来ないことを嘆くより、出来ることの中で最大限のモノを作れる努力をしなくては・・・。
デザインって、ある枠があるほうが作りやすいものです。一番困るのが「自由に作ってください」ってのが色んな意味で一番困ります。