4月30日の記事一覧

ガッテン流ハンバーグは失敗だった とか (2009/04/30の雑記)

ガッテン流プレミアムハンバーグの製作は、苦労も空しく残念な結果に終わりました…不味くはなかったけど、テレビで言ってた「肉汁が!!」みたいなことにはならなかった。何が悪かったのか分からないので、再チャレンジする気も起きないな…

Amazonアソシエイト、あと1個売れると次の料率になる。今日中に注文or商品発送があるかな~、微妙だな。

アメブロのPVが界王拳並みな件 – カイ士伝
アメブロはbotもPVとしてカウントしてるらしい。それならウチも2万PV/dayだぜ!

マイクロソフト「E3の発表で人々の家庭用娯楽に対する考え方が完全に変わる」 – Game*Spark
MSのDon Mattrick氏は、「我々が準備している大掛かりなE3での発表によって、人々のホームエンターテインメントに対する考え方は完全に変わるだろう」とコメントしたそうです。なんだろう?6月2日を期待して待っていよう。

大人買いは素敵さ、ただ金があるのなら:アキバ店員のなすがままに、自腹でPCを組んでみた(前編) (1/2) – ITmedia +D PC USER
こういう企画を見ると、自分もPCを組みたくなってくる。REGZAに繋ぐためのHDMI出力が欲しいから、グラフィックカードだけでも買い換えようかな?

全世界シリーズ累計 900 万本の販売を記録した大ヒット作 Xbox 360® 専用『Gears of War® 2』 7 月 30 日発売決定[Xbox.com | COMPANY – プレスリリース]
シリーズ累計で900万本を売り上げたビッグタイトル「ギアーズ オブ ウォー」。その最新作『ギアーズ オブ ウォー 2』の販売日が2009年7月30日に決まったそうです。同日に1&2をセットにした『Gears of War ツインパック』も発売されるそうなので、前作を未プレイならこれを機会にGoWの魅力に触れると良いと思うよ。

Wired Joins the Family — Matt Mullenweg
有名ニュースサイトのWiredがWordPressに移行したそうです。LDR Full Feedで取れなくなったと思ったら、そう言うことだったのか。xpathを修正したときに気付くべきだったよ。

ハードディスクにおける容量の概念をひっくり返すDrobo:[mi]みたいもん!
HotSwap対応NAS。独自管理によりRAID構成を自動化しているらしい。まぁ便利そうだけど本体側が壊れることを考えるとなぁ。

真面目に使うなら、こいつのバックアップも用意しなくちゃ行けない。そのバックアップの管理は人間がやらないとダメだから、あんまり手間は減らないような。結局RAID構成に悩まなくて済むってだけ?

スペインかぜ – Wikipedia
恐怖を煽るわけではないんだが、1918年に全世界的に流行したスペインかぜは、全人類の約3割が感染し、死者は4000万-1億人に及んだそうです。国内でも当時の人口5500万人に対し48万人が死亡。これらの数値は感染症のみならず戦争や災害などすべてのヒトの死因の中でも、もっとも多くのヒトを短期間で死に至らしめた記録的なものだとか。

ゴールデンウィークは引きこもって様子を見た方が良さそうだな…

Amazonギフト券の販売も紹介料の対象です

最近知ったんだけど、Amazonギフト券の購入にも紹介料が支払われるんだね。

これは良い電子送金!と言うことで、先日の飲み会では幹事アカウントのアソシエイトリンクを踏んでギフト券を購入し、そのギフト券を幹事宛に送信することになりました。ギフト券は1円単位で送信可能だし、購入・送信手数料も掛からない。しかも幹事は紹介料名目のお小遣いがもらえるわけで、これは良い作戦かも?

アソシエイトを適用したギフト券リンクの作成は、『Amazon アソシエイト(アフィリエイト) – リンク & バナー』の「Amazon のお好きなページへのリンク」にAmazonギフト券のURL (http://www.amazon.co.jp/gp/gc)を入力してください。そのアドレス経由でギフト券を購入して貰うと、紹介者に4%の紹介料が支払われるはずです。

投げ銭としても使えるかも?

ついでに思いついたんだけど、シェアウェア代金の支払いや投げ銭に並ぶ手段として、アソシエイトリンク経由でギフト券を買ってもらうってのはどうだろう?

購入したギフト券は購入者自身に送信し、購入者のアカウントに追加してもらう。だから送る側の金銭的負担はゼロ。

だけどアソシエイトオーナーはギフト券代の4%が貰える。たかが4%だけど無いよりはマシだし、チリも積もればバカにならん気がするよ?

ギフト券購入にクレジットカードが必要なこと、ギフト券には1年の有効期限があること、購入したギフト券はAmazonでしか使えないこと、など問題点もあるけど、使い方によっては有効な「マイクロペイメント」になるんじゃないかな。

実際に検証していないので、もしかするとAmazonから「それはダメー!」って言われるかも知れないけど、試してみる価値はあると思うよ!

Josh Sommersの加工写真がスゴイ!

Flickrで写真を公開しているJosh Sommersさんの作品がスゴイ!写真家として、またデジタルアーティストとしても有名な方らしく、その写真修正技術はハンパねぇ。

パラパラと眺めて気に入った何枚かを張っておくけど、彼の作品数が膨大でまだ全部を見ていません。他にも面白い写真があったらぜひ教えてね :-)

Ivy 3
Ivy 3

Positive Comments Gave Me a Big Head
Positive Comments Gave Me a Big Head

Eyeground 2
Eyeground 2

Codename: Longhorn (take 2)
Codename: Longhorn (take 2)

Weave
Weave

Desperation
Desperation

Coiled
Coiled

Drawn Together
Drawn Together

もっとJosh Sommersさんの写真を見たかったら、Flickr: Josh Sommers’ Photostreamをご覧ください。ビックリするぐらいたくさんの作品が公開されているよ!

XBLA版オラタン購入

電脳戦機バーチャロン MBV-04-G テムジン Ver.1P (1/100スケールプラスチックキット)

Xbox 360のXbox Live Arcadeで発売された 『電脳戦機バーチャロン オラトリオ・タングラム ver.5.66』を購入したよ。

最初はコントローラータイプの操作を試したけど、脳みそはツインスティックで考えちゃうので動きに無理がでる。すぐにツインスティック操作に切り替えるも、今度は本物ツインスティックとコントローラーツインスティックが脳内一致しなくて四苦八苦…遊んでるウチにボチボチ慣れてきたけど、やっぱり本物のツインスティックが欲しくなるね。

とは言えオラタンは下手の横好き、たしなむ程度でCPUにも殺されまくり。Arcadeモードをコンティニューしまくりでラスボスのタングラムまで行ったけど、攻略方法が分からず即死すること数回。なんとか生き残れるようになったけど、気付くとタイムアップでゲームオーバーに。制限時間内に倒さないとゲームオーバーなのか…

その後はネットワーク対戦も遊んでみたけど、1勝5敗と散々な戦績。みんなコントローラーでの操作に適応していてビックリしたよ。おいらも頑張らないとな~。GW中にみっちり練習してみるか。

ブラブラしていたら公式の小技集を発見。ランダムカラーとか面白そうだし、今晩にでも試してみよう!


参考リンク:2ちゃんねるXBLAオラタン初心者向けウィキ(仮称) – トップページ
参考動画:YouTube – オラタン5.66全国決勝 1回戦 シャドウ・ゼロ大佐〔フェイ〕 vs とんぬら〔BT〕R
YouTube – オラタン5.66全国決勝 1回戦 シャドウ・ゼロ大佐〔フェイ〕 vs とんぬら〔BT〕R

美しいスタイルシートを作るためのテクニック

The Art of Crafting Beautiful Stylesheets ≪ Azadcreative.comで紹介されていた「芸術的に美しいスタイルシートを作るためのテクニック」が興味深かったので、簡単にご紹介。

ファイルの命名規則

“main.css”や”style.css”などの安易なファイル名を使用することを避け、ファイルの命名規則は以下のルールに従ってください。

style_all.css
すべてのブラウザとプラットホームに適用されるスタイルシートファイル
style_screen.css
全体レイアウトを定義するメインのスタイルシートファイル
style_screen_IE7.css
インターネット・エクスプローラー7専用のレイアウトスタイルシート。実際にIE7専用のスタイルシートが必須であると言うわけではなく、ファイル命名規則の例であることに注意してください。
style_screen_lt-IE7.css
IE7以前のIE用レイアウトスタイルシート。
style_print.css
印刷用のスタイルシート

上記は一例に過ぎず、必要なら該当するブラウザ、該当する環境用のファイルを作成します。例えばIE6用ならstyle_screen_IE6.cssを作成し、モバイルブラウザ用にはstyle_handheld.cssを作成してください。

章を分ける

メインデザインを受け持つ style_screen.css は機能によって章を分けてください。例えば「表示位置定義」、「文字装飾定義」、「レイアウト定義」、「フォーム」などに分けます。

加えてスタイルシートファイルの先頭に目次を作成します。目次を見て修正位置の目処が付けば、検索(Ctr+F、もしくはMac+F)機能を使って目的の章に移動できるはずです。

/* The stylesheet is divided into sections :
 * 1. Positioning
 * 2. Typography
 * 3. Layout Styles
 * 4. Forms
 *
*/

/**  = POSITIONING  **/
body {
	font-family: Arial, Helverica, Verdana, sans-self;
	font-size:62.5% ;
	}

章立ての一例を以下に示します。

表示位置定義

ヘッダー、メインコンテンツ、サイドバー、およびフッターの基本的なレイアウトを決定します。最初は大まかな定義で構いません。

文字装飾定義

ヘッダー(h1/h2など)、Pタグ(パラグラフ)のスタイル、リスト構造、引用(blockquotes)、および文章の装飾を定義します。

レイアウト定義

表示位置や文字装飾は定義済みなので、ここではサイトレイアウトの詳細を定義します。

長くなりやすいセクションなので、必要によって定義を小分けしてください。適切な階層構造を保てば、レイアウト定義を行いやすくなるはずです。

その他のセクション

例えばCMS特定のコードなど、必要ならどんどんセクションを増やします。これにより、後日CSSのデバッグが必要になったときにラクができます。

インデントと階層構造

最上位のエレメントはインデントせずに記述し、そのエレメントの子要素はインデントして記述します。

#sideber .subscribe {
	margin: 20px 0 0 0;
	display: block;
	overflow: hidden;
	height: 1%; }

	#sideber .subscribe ul { }

		#sideber .subscribe ul li {
			float: left;
			padding: 0 0 0 10px ; }

			#sideber .subscribe ul li a {
				padding: 4px 0 4px 30px
				display: block;
				width: 120px; }

#sideber .search {
	overflow: hidden;
	margin: 10px 0 35px 0;
	display: block;
	height: 1%; }

インデントにより見た目が美しくなるだけでなく、問題がある場合に修正箇所を発見するのが容易になります。例えば検索ボックスに問題がある場合、関連するコードは「レイアウト定義」の「サイドバー階層」にあります。適切な階層構造を保てば、あなたが探したい場所を見つけ出すの簡単になります。

空白やタブによりファイルサイズが肥大化しますが、実際に使用するCSSファイルを圧縮してしまえば問題になりません。

アルファベット順にせずカテゴリで分ける

メンテナンスを容易にするために、CSSプロパティをアルファベット順にすることを提唱する人もいますが、私はお勧めできません。

例えばこれを見てください。

selector {
font-size: 12px;
line-height: 15px;
text-transform: uppercase;

padding: 10px;
margin: 5px;

background: #000;
border: 1px solid #222;
}

上記では文字装飾定義、マージン定義、カラーリングがブロック分けして定義されています。

でもこれがアルファベット順だとどうなるでしょう?

selector {
background: #000;
border: 1px solid #222;
font-size: 12px;
line-height: 15px;
margin: 5px;
padding: 10px;
text-transform: uppercase;
}

お分かりのように、CSSの読みやすさが格段に低下します。私は普段、最初にポジションプロパティを定義し、次に文字列装飾を定義し、最後にスペーシングやその他の定義を行っています。

まとめ

ここまでを読んでお分かりになると思いますが、そんなに複雑なことは行っていません。こんな簡単なことでも、最前線に立つ開発者達にとっては大きな助けになることでしょう。美しいスタイルシートを保つことが、コード最適化への第一歩です。

今日の人気記事