背景に写真画像を配置して、上から文字を重ねるデザインを使いたい場合があります。例えば、サイトロゴやページタイトル、見出しをデザインする際などです。しかし、写真の上に文字を重ねると、読みにくくなることもあります。そのようなときは、文字に影を付けたり縁取りしたりすると、読みやすくなります。 しかし、それらの文字を画像として作るのは望ましくありません。文字を画像化すると、「修正に手間がかかる、サイズが増える、検索にかからない、途中で折り返せない、範囲選択ができない、文字サイズが変えられない」など、デメリットが多くなるからです。 そこで便利なのが、CSS3で追加された「text-shadow」プロパティです。これを使うと、文字に影を付けられます。画像化するわけではないため、先に挙げたデメリットはありません。影には、位置・色・ぼかし具合を指定でき、右図のように様々な効果が実現できます。 1つの文字に

3DSがDSの立ち上げ時よりも売れていない理由ニンテンドーDSの後継機として満を持して発売された、ニンテンドー3DS（以下3DS）。ところが、どうも期待通りに売れている、というようにうまくはいっていない様子です。3DSの現状はどうなっているのか。何故、期待通りに売れていないのか、その理由について考えてみたいと思います。 記録的な大ヒットゲームハードとなったニンテンドーDS（以下DS）の後継機として、満を持して発売されたニンテンドー3DS（以下3DS）。ところが、どうやら期待通りの売れ行きという具合にはいっていないようです。 誤解のないように申し上げておくと、3DSは立ち上がりに失敗した、売れなかった、というほど売れていないわけではありません。実は、むしろ堅調な立ち上がりと言えます。発売4週分、つまり約１ヶ月のデータでみると、3DSは約75万台。DSは約110万台だったので、単純に前ハードと

グァバ茶は効きますか？グァバ茶、バナバ茶など食後の糖質吸収をおだやかにする健康茶が関心を集めています。しかし糖尿病の予防や治療になるわけではありません。 最今このような質問が多く寄せられます。私（糖尿病ガイド）は、血糖コントロールの『意欲』を高めるためならご愛用ください。『治療』のつもりならおよしなさいと答えます。 健康茶に限らず、食品の機能性表示競争は過熱気味です。たとえばサラダオイルに植物ステロールやスタノールを少量添加して、まるで高脂血症の予防や治療になるような表示がされます。それに厚生労働省が『特定保健用食品』マークを許可するので、まるで『お上』のお墨付きの騒ぎです。 コレステロールに類似している植物ステロールやスタノールは、体のコレステロール・リサイクルを妨げるので結果としてコレステロール値を下げてくれます。しかし、コレステロールが正常な人にとって高脂血症の予防になるわけではあり

年末商戦におけるWiiのキラータイトル、NewスーパーマリオブラザーズWii（以下NewマリオWii）が2009年12月3日に発売されました。初週の売上は約90万本という好スタート。クリスマスなどでも相当の需要が見込まれるタイトルですから、最終的な売上はかなり期待できそうです。 ガイドも購入してプレイしてみましたが、基本部分はニンテンドーDS（以下DS）で発売されたNewスーパーマリオブラザーズ（以下Newマリオ）です。しかし、Newマリオとは比べ物にならないくらい面白い。何しろ、このNewマリオWiiは操作をミスして、マリオがやられてしまっても、それでも面白いアクションゲームなんです。 1人で遊ぶと、普通のNewマリオ まず、NewマリオWiiがどんなゲームであるかを簡単にご紹介したいと思いますが、先程お話した通り、1人でプレイした場合は、DSで発売されたNewマリオから、それほど大きな

HTMLで作成したテーブルの列幅が均等になるよう指定するには、CSSのtable-layoutプロパティを使えば良いだけなのでとても簡単です。すべてを均等に配分できるだけでなく、特定の列幅だけを任意のサイズに固定した上で、残りの列幅を自動で均等に割り振ることもできて便利です。 そこで今回は、HTMLのtable要素で作成した表の列幅を、CSSを使って自在に指定する方法をご紹介いたします。 【目次】 幅を計算しなくても自動で均等にできるtable-layoutプロパティ 均等配分例1：テーブル全体で均等な列幅を指定 均等配分例2：特定の列は横幅を固定し、残りに均等な幅を指定 table-layoutプロパティの値は、自動(auto)か固定(fixed)か テーブルの列幅を均等にするtable-layoutプロパティの書き方 備考：特定の列だけ横幅を固定したい場合の注意 列の均等表示例と具体的

円グラフを作成してくれるサービスを使う ウェブ上で円グラフを表示させたいと思ったことはありませんか？ 今回は、以下のような円グラフを簡単に作成・表示させる方法をご紹介いたします。 ■面倒な方法： ウェブ上に円グラフを表示させたい場合、Excelなどのソフトウェアを使って円グラフを作成し、それをキャプチャして画像化し、画像ファイルとして保存したものをアップロード……とすると、かなり面倒です。 円グラフの値を修正したくなった場合には、また1から作り直さなければならないため、メンテナンスにも手間がかかります。 ■簡単な方法： 円グラフを作成・表示してくれる「Google Chart API」というサービスを利用すると、HTMLソース内に1行記述するだけで簡単に円グラフが作成できます。 数値はHTML内にテキストで記述しますから、値の修正も容易です。 また、円グラフはPNG形式の画像として得られる

ハイボールのベース・ウイスキーにこだわる角ハイボールが人気だ。ウイスキー入門者、そして食中酒として最適だが、ウイスキー飲みなら一歩踏み込んでベースのウイスキーにこだわり、自分のスタイルを確立すると面白い。 角ハイボールが人気を呼んでいる。とりあえずの一杯のビールに変えてノドの渇きを癒すため。またおいしい食事ともに愉しむ食中酒として、角ハイボールの甘辛のバランスは最高だ。自宅で居酒屋で、気軽に味わうウイスキーの定番といえる。 わたしはこれまで、ハイボールをウイスキー入門者のために、また食中酒としてすすめてきた。とくにウイスキー入門者にはハイボールで馴染んでいただき、それからウイスキー本来の個性ある香味を試してもらえるようになれば、ありがたいと思っている。その中で、角ハイボールはもっとも馴染みやすいものだと思う。 ただウイスキーはブレンデッド、シングルモルトとそれぞれに幅広い香味がある。またバ

Wiiスポとモンハンに共通の売れる理由誰かと遊ぶ、誰かと結果を共有する、そんなゲームがヒットを飛ばしています。それどころか、もしかするとその誰かとゲーム体験を共有することこそが、ゲームの中身よりも大事になっているかもしれません。 女の子へのクリスマスプレゼントというと、家族で安心して遊べる街へいこうよどうぶつの森あたりがオススメですクリスマスのちょっと前ですが、ガイドの仕事仲間で40歳過ぎの男性がWiiを買おうかと迷っていました。11歳の愛娘のクリスマスプレゼントにしようというわけです。その男性が言うには、ゲームを買い与えて1人でこもりっきりになっちゃったら親としては不安だけど、Wiiでみんなで遊ぶならいいかな、とのこと。 ちょっと面白いのは、彼が肝心のゲームソフトについてはほとんど何も知らないこと。どんな内容で、何が面白いのか、そういうことはよく分かっていないんです。しかし、みんなで遊ぶ

PS3に互換機能は必要か？現在発売されているPS3では、PS2のゲームはプレイできない。今後互換機能は復活しないの？ソフトエミュって何？ 筆者は今でもPS2のゲームを遊ぶ。 その際、初代PS3を使用している。 そう、PS2との互換機能が存在していた頃のPS3である。 しかし現在発売されているPS3に互換機能は搭載されていない。 2007年11月の型から、互換機能は削除されているのである。 削除後に言っても仕方のないことだが、この互換機能は本当に必要なかったのだろうか？ 最初に筆者の考えを書いておくと、互換機能は必要だ。 無いよりはあったほうがいいとかそういうレベルではない。 今回はアンケートを用意したので、是非皆様のご意見をお聞かせ願いたい。 選択肢は下の四つを用意した。 ○ソフトウェアで可能であれば対応して欲しい ○互換機能よりも新作の開発に力を注いで欲しい ○今からでも互換対応版PS3

直リンクを防ぐには？…禁止と言っても無駄画像ファイルなどへの直リンク(外部サイトからの直接参照)や、特定ページへのディープリンクを防ぎたい場合に、「禁止します」と宣言しても意味がありません。どうしてもリンクを阻止したい場合は、技術的にアクセス制限を施すしかありません。リンクを技術的に防ぐ(リンクされてもForbiddenエラーを表示する)方法をご紹介。 直リンク禁止、ディープリンク禁止、無断リンク禁止、と言っても無駄 「直リンクは禁止します」・「ディープリンクはしないで」・「無断リンク厳禁」などと表記しているウェブサイトを見かけることがあります。禁止しようと思うことは自由ですが、「禁止します」と宣言しただけでは効果はありません。誰でも自由にリンクできるのがウェブの仕様ですから、「リンクは禁止します」と言ったところで強制力はないからです。どうしてもリンクを禁止したい場合には、技術的な手段でア

指定ファイルへのアクセスを拒否する方法ウェブサーバの設定ファイル「.htaccess」を活用すると、特定ディレクトリへのアクセスを問答無用で拒否したり、指定ファイルへのアクセスだけを拒否したり、自分以外のユーザによるアクセスを拒否したりできます。 過去の記事で、IDとパスワードによって認証を施すアクセス制限方法をご紹介いたしました。 これによって、望まない人物の閲覧を防ぐことができます。 しかし、あらゆるアクセス者からのアクセスを防ぎたい場合は、認証などを設けずに、問答無用でアクセスを拒否する（＝403 Forbiddenエラーを出す）のが楽です。 ウェブサーバの設定ファイルである「.htaccess」ファイルを使えば、以下のようなアクセス拒否ができます。 (1) 指定ディレクトリへのアクセスを完全に拒否 (2) あるファイルだけに限定してアクセスを拒否 (3) 自分自身からのアクセスは無

妻のセクシー度を診断する方法時に貞淑に、時にワイルドに、だんな様はもちろん、周囲の男性を魅了し、イキイキとした魅力的な人生を謳歌できる、無敵のセクシー妻になりたい！そんなあなたはまず自己診断を。 ～　最後のページは強烈にセクシーです。最後までじっくりお読み下さい　～ 今年のセクシー世界一は誰？みなさんは、今年、世界一セクシーな女性と呼ばれているのは誰だかご存知ですか？ アメリカの男性誌FHM（FOR HIM MAGAZINE）は毎年「世界一セクシーな女性」を読者アンケートを元に発表しております。 今年のセクシー世界一に選ばれたのは女優のミーガン・フォックス。2007年に公開された映画「トランスフォーマー」でブレイクした、ただいま売り出し中の若手女優です。 「世界一」といっても、選ばれるのは大体欧米のタレントやセレブ、ハリウッド女優なので、本当に「世界一」といえるかどうかはさておき、旬の女性

idとclassの違いと使い分け！スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか？ この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回