1つのテンプレートで 12度おいしい XHTML + CSS テンプレートを公開してみたいと思います。といっても、ごく普通のテンプレートに CSS 切り替え機能を付けただけなんですが、Blog や Webサイトを作られる際のベースとして役立てて頂けたらうれしいです。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 50KB） 8/10 追記 初期に配布したテンプレート内に、結構な量の誤字等がありましたので、現在の最新版を下記からダウンロードしてください。 では使い方などの説明を。 ファイルをダウンロードして解凍すると下記のようなフォルダ構成になっています。 index.html （XHTML テンプレート） css （CSS ファイル格納フォルダ） img （画像ファイル格納フォルダ） js （JavaScript ファイル格納フォルダ） 基本的に

一定期間更新がないため広告を表示しています

スクリーンリーダー利用者とのやりとりから理解できること 「ウェブコンテンツ・テキストバージョン・ジェネレーター(Naked Beta)」なるものを作っているのだが、先日某SNSの「視覚障害者のパソコンサポート」コミュニティにて「PDFの扱い方」スレが立っていたので初めて書き込ませていただいた(Naked(Beta)ではPDFをテキスト化することができる)。 その後メンバーの方が参加しているメーリングリストで紹介いただいた関係で何通かメールをもらった (感想や要望など)。早速いくつかは反映させていただいたが、そのメールでのやりとりから改めて「音声ブラウザやスクリーンリーダーといってもその使い方は様々」ということを実感したので、ちょっと紹介させていただこうと思う(これまでにお会いして話を聞いた他の方の例もあわせて紹介したい)。 以下、利用環境の一例。 OSはWindows。 VDMW300 (

ウェブコンテンツ・テキストバージョン・ジェネレーター(Naked Beta)。 公開日 : 2007-07-19 19:56:30 Naked (Beta)について 「音声ブラウザと相性の良いHTMLをつくる」というコンセプトで開発を始めた「ウェブコンテンツ・テキストバージョン・ジェネレーター(ゲートウェイ)」です。 Naked (ウェブコンテンツ・テキストバージョン・ジェネレーター) 以前にも紹介しましたが、その後色々と調整を行い実用レベルになったと思うので、このブログの各ページに各モード(スキン)変換のためのリンクを設置したついでにブックマークレットを作りました。宜しければご利用ください。 これは何? HTMLからCSSや装飾部分, JavaScript等を削除します。 一定サイズ以下の画像はALT属性の文字列に置き換え、一定サイズ以上の画像は外部リンクに変換します。* 音声読み上げの

Nintendo DSは秀逸なゲーム機だが、このデバイスの能力はそれだけに限定されるものではない。ハッカー達の手にかかれば、Nintendo DSをオープンソース系ソフトウェアの実行プラットフォームとして利用するだけでなく、スリムダウン版でよければLinuxさえも動かすことが可能なのだ。ここでは、Nintendo DSをオールラウンドな携帯式コンピューティングデバイスに変貌させるために必要な、いくつかのオープンソース系アプリケーションを紹介することにしよう。 Nintendo DSといえども所詮はゲーム用コンソールに過ぎないので、ゲーム機用自作ソフトその他のアプリケーションを実行させるにはストレージ機能の追加が必要であり、そのための拡張カードを事前に購入しておかなければならない。この種の製品は多数存在しているが、有名どころとしては下記の選択肢を挙げることができる。 R4 Revolutio

すこし前にはてなスターのリリースがされたのですが、サービス開始直後にありがちなことに、時々負荷で遅くなったり、アクセスしにくくなったりしてしまいました*1。これではいけない、ということで、すぐ次の日に、バックエンドのサーバを一気に10台近くまで増やして、おおむね快適に使える状態になっていると思います。この時に、新しいサーバをまっさらな状態から、だいたい30分程度で本番投入することができていました。これを、どのように実現したのかを軽く紹介したいと思います。 ちなみに、サービスの重さは、サーバ増強だけで済むものではなく、それ以降も、Javascriptが重い!とか、アプリケーションロジックで重いSQL を走らせてしまって遅いという問題は何回かありました。が、そこはインフラではなく、アプリケーションの問題で、アプリケーションの改善は、継続的に進んでいると思います。ので、今回は、インフラの話に限定

「作家にとって創作のインセンティブになるのは、作品が本として残ること。50年、100年後も作品を出版してくれる版元の期待に応えたい」――作家で著作権保護期間延長論者の三田誠広氏は、7月24日に開かれた情報通信政策フォーラムのセミナーでこう述べ、著作権保護期間の延長すれば創作意欲が高まるとの考えを示した。 三田氏は「著作権問題を考える創作者団体協議会」代表で、著作権保護期間を作家の死後50年から70年に延長するよう訴えてきた（関連記事参照）。 講演の冒頭で「きょうの参加者は、著作者側の権利をあまり拡大しない方がいいと考えている人も多いと思うので、講演するのは気が重い」と語り始めた三田さんは、「創作のインセンティブはお金ではない」と繰り返しながらも、「保護期間が切れると版元がもうからない」などとと訴えた。 三田さんは「出版元は、売れると見込んで作品を本にする。わたしは作家として版元の期待に応え

著作権保護期間を作者の死後50年のままにすべきか、70年に延ばすべきか――こんな議論が昨年から盛り上がっている。著作権管理団体など権利者側は「保護期間が長い方が創作意欲が高まる」「世界標準に合わせるべき」と延長を主張。これに対し、著作物の利用者側を中心に「延長すると2次利用時の手間が増えるだけで、文化の発展にもマイナス」などと反対の声が上がっている。 この問題について専門に考えるフォーラムも設立され、昨年からシンポジウムを開いて活発に議論している。ただこの議論には、最も重要なプレイヤーがあまり参加していない。現役の若い世代のクリエイターたちだ。 クリエイター側としては、漫画家の松本零士氏（関連記事参照）や、作家の三田誠広氏（関連記事参照）が延長賛成派として参加しているが、若い世代の漫画家やアニメクリエイター、小説家などは見当たらない。保護期間延長で創作意欲が向上するかどうかは、クリエイター

「ディレクトリ階層の深さとランキングは関係ない」 - Google Matt Cutts氏 URLのフォルダ階層の深さとランキングには関係ない。 公開日時：2007年07月26日 09:36 米GoogleウェブスパムチームのMatt Cutts氏はWordCamp 2007において、URLの階層の深さ（つまり / スラッシュの数）とランキングは関係がないことを明らかにした。 Web制作者やSEO担当者の中には検索エンジンランキングをできるだけ高くするためにURL階層を浅くしたほうが良いと思い込んでいる人もいるが、階層は関係ないというのが専門家の一般的な見解。Cutts氏の発言はそれを改めて裏付けたもの。 cf. ［質問］index.htmlを省略してURLを短くした方がSEOは有利ですか？ [Web担当者Forum 正しいSEO相談室] ［質問］サイトを構築する場合、階層（フォルダ）はな

「動的URLも静的URLと同様に扱う」 - Google Matt Cutts氏 動的URLもパラメータの数を少なく抑えておけばSEO上問題はない。 公開日時：2007年07月25日 09:32 米GoogleウェブスパムチームのMatt CuttsはWordCamp 2007において、Googleは引数を持つ動的URLを基本的に静的URLと同様に扱っていることを明らかにした。 動的URLと静的URLの問題はSEOでよく取り上げられる話題で、一般的にパラメータを持つURLはランキングが上がりにくい、PageRankが低くなるなどSEO的に不利であると考えられているが、実際にはそれら全て誤った知識であり誤解に過ぎない。今回のMatt Cutts氏はそれを改めて否定したもの。パラメータが2～3程度のものである限り、動的URLも静的URLも変わらないとした。 # パラメータの数が少ない、という条

ニューイングランドの検索エンジンマーケティング組織SEMNEは先週、Googleのウェブクローラ担当製品マネージャであるDan Crow氏のゲスト講演というすばらしい機会を得た。Danの講演は数年前に一度だけ参加したことがあるけど、そのときはあまりに秘密主義なのがショックだった。ありがたいことにGoogleは、そしてどうやらDan自身も、それからずいぶん変わったみたいだ。Danはすばらしい情報をSEMNEのグループに披露していて、Jill Whalen氏のブログ記事（Googleに迫る）のおかげで、僕らもそれを共有できる。 またDanは、多くの人が知らないようなヒントを教えてくれた。「nosnippet」タグを使うと、Googleの検索結果で自分のページのスニペットを非表示にできる。それに、「noarchive」タグを使えば、Googleに自分のページのキャッシュを表示させないようにできる

AWSアドバンスドコンサルティングパートナーの一員として活動する株式会社スタイルズが、AWS導入、移行、開発、セキュリティ、運用保守など、すべてのご相談に乗らせていただきます。 AWSを導入したいが何から始めたらいいかわからない 既存のベンダーが新技術に弱く、良い提案がもらえない クラウドの導入にセキュリティの不安がある AWSをとりあえず導入したが、さらに活用していきたい 社内にAWSの知見を持っている人がいない AWSならではのシステム開発を詳しく知りたい

日本経済新聞社の報道によると、Yahoo!が4月に運営を始めた動画共有サイト「Yahoo!ビデオキャスト」で、投稿された動画の中にある楽曲の著作権料を、日本音楽著作権協会（JASRAC）に支払うことで合意したそうです。 日本人が利用している動画共有サイトの中で、93.3％という圧倒的な割合を占めたYouTubeや、ユーザー1人あたりの利用時間がYouTubeの倍以上のニコニコ動画といった、その他の動画共有サイトは追従するのでしょうか。 詳細は以下の通り。 ヤフー、著作権料支払い・動画共有サイト個人演奏の楽曲 この記事によると、Yahoo!ビデオキャストで投稿された動画の中に、日本音楽著作権協会（JASRAC）が著作権を管理している楽曲があった場合、Yahoo!が著作権料の支払いを肩代わりするそうです。これによって利用者は個人の楽曲演奏シーンがある動画を合法的に投稿できるようになるとのこと。

ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja

2007年08月05日17:30 カテゴリLLの夏 さよなら絶望言語 絶望した!LL魂が終わってからネタを思いついたことに絶望した! Karetta|もしLLがサザエさん一家だったら それぞれの言語の特徴を考えて、LLサザエさん一家を作ってみてください。というわけで、LLを絶望少女たちにたとえてみた。 さよなら絶望先生(現在第9集まで) 久米田康治 風浦可符香 = Perl6 超ポジティブ言語 「リリースを伸ばそうとしていたんですよね」 「私のお父さんもよくリリースを伸ばそうとしていました」 小森霧 = PHP Apacheにひきこもり言語 「開けないでよ＞変なファイル」 常月まとい = M$言語 ストーカー言語 jscript, C#.... 木津千里 = python 几帳面・粘着質言語 「きちんとインデント入れてください!」 関内・マリア・太郎 = sh 不法処理・難民言語 「アノ人

プレスリリース：ソシオメディアの「SimpleWeb」、相模鉄道株式会社様のコーポレートウェブサイトに採用 ソシオメディア株式会社（所在地：東京都新宿区、代表取締役：篠原 稔和、以下ソシオメディア）の提供するウェブアクセシビリティ対応 ASP サービス「SimpleWeb（シンプルウェブ）」が、相模鉄道株式会社様のコーポレートサイト（http://www.sotetsu.co.jp/）に採用されました。公共交通機関では、初の SimpleWeb 導入となります。 SimpleWeb は、既存のウェブページをシンプルでアクセシブルなテキストページに自動変換するソフトウェアです。人手をまったく介さず自動変換するため、膨大なページ数の企業ウェブサイトや自治体ウェブサイトでも、時間とコストをかけることなくウェブアクセシビリティに対応できる点が大きな特徴です。 導入は非常に容易で、短期間の準備で高齢

cssText って知ってますか？ cssText っていいうのは CSSRule オブジェクトとか CSSStyleDeclaration が持っている情報を css ファイルに書く形式の文字列にしてくれる機能です。 乱暴に言ってしまえば、 css 系のオブジェクトが持っている innerHTML みたいなものです。 具体例を見てみましょう。 こんな感じの body があるときに <body style="margin: 1em; padding: 1em; border: 1em">....</body> こんな感じで使えます。 alert(document.body.style.cssText); // 'margin: 1em; padding: 1em; border: 1em' 簡単でしょう？(ボブ略 設定も出来ますよ こんな感じ // さっきの続き document.body

AWSアドバンスドコンサルティングパートナーの一員として活動する株式会社スタイルズが、AWS導入、移行、開発、セキュリティ、運用保守など、すべてのご相談に乗らせていただきます。 AWSを導入したいが何から始めたらいいかわからない 既存のベンダーが新技術に弱く、良い提案がもらえない クラウドの導入にセキュリティの不安がある AWSをとりあえず導入したが、さらに活用していきたい 社内にAWSの知見を持っている人がいない AWSならではのシステム開発を詳しく知りたい

コピー用紙の裏は使うな！ 2007-07-29-4 [BookReview] ■村井哲之 / コピー用紙の裏は使うな! - コスト削減の真実 コスト削減の専門家による、会社ぐるみの節約の本。 タイトルの「コピー用紙の裏は使うな」は間違ったコスト削減の象徴的な例として取り上げられています。 使うべきではない理由は、(1)セキュリティ、(2)コピー機故障、(3)混乱を招く、などなど他にもいろいろ。 1のセキュリティについては、タイムリーなことに最近こんなニュースがありました： 「東京新聞:個人情報書かれたリスト、メモ用紙に利用　杉並の図書館」 http://www.tokyo-np.co.jp/article/tokyo/20070720/CK2007072002034016.html 杉並区は十九日、区立南荻窪図書館（南荻窪一）で、利用者四人分の名前と年齢、電話番号が書かれていた予約本リスト

「玄箱」（くろばこ）は，周辺機器ベンダーであるバッファローのアウトレットブランド「玄人指向」が販売しているLinuxを組み込んだNAS自作キットだ。 従来からこの玄箱に各種ディストリビューションを組み込んで低消費電力のサーバーとして活用することが行われていたが，「玄箱PRO」は「上級者向けARM9コンパクトLinuxBOX」とうたわれているとおり，従来の玄箱よりもLinux活用を意識した作りとなっている。 今回は，この玄箱PROを自宅サーバーとして活用するためのセットアップ方法を紹介する。なお，今回はびぎねっとに4月に入社した期待の新人・大内明が玄箱PROのGNU/Debian Linux化とのそのレポート，コネクタのハンダ付けおよびシリアルケーブルの自作を行った。 シリアル接続を可能にしておこう 玄箱PROはLinuxBOX自作キットのため，買ってきただけでは使えない。まずNASとしての

サーバのチューニングをする上でかなりやっかいなのがデータベース系。特にログファイルの量が膨大になると後から中身を見て問題を分析するのも一苦労という場合が。そんなときにこのMySQL用topコマンド「mytop」を使えば一体何が起きているのかがすぐにわかるので問題点の把握が容易になります。ベンチマークするときに併用すればかなり効率が良くなるのではないかと。 インストールと使い方は以下の通り。 まずは「mytop」から。以下が公式サイト。 mytop - a top clone for MySQL http://jeremy.zawodny.com/mysql/mytop/ マニュアルは以下にあります。 mytop - display MySQL server performance info like `top' インストールするにはSSHなどを使ってrootでログイン後、wgetでファイル

イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。 詳細は以下の通り。 ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない

指定されたURLは存在しません。 URLが正しく入力されていないか、このページが削除された可能性があります。

かずひこ氏のバレンタインをせっかくだから試してみたいということで、さくらでHyperEstraierはインストールできるのかやってみる。 さくら・スタンダードにHyperEstraier1.4.9をインストール。Rastと同じ感覚でとりあ...

【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見　晴美 (11/29) ブログやWEBを制作しているとちょっとした所でこんなボタンがあればと思う事があります。インターネット上では素材サイトが数多くありデザインも充実しているのですが、ピッタリと自分が欲しい物を探し出すのはかなり難しいです。また自身のサイト独自のコンテンツとなればなおさらです。そこで今回紹介するのは自分で色も文

The document is a technical report from kuwata-lab.com copyrighted in 2007. It contains multiple graphs and tables comparing the performance of different template engines like Tenjin, ERB and Smarty. It also includes copyright notices on each page.Read less

先日公開した「はて☆すたアンケート」にて、アンケートの説明文をはてな記法で書けるよう、機能追加を行った。その際、Template::Plugin::Hatenaを用いた。これは、はてな記法パーサであるText::Hatena（正確には、そのヴァージョン0.16以下）を、Template::Toolkitのプラグインとして使えるようにしたものである。 はてな記法は、それ自体で全ての文書構造を表現できる、あるいは、はてなダイアリのシステム自体は、はてな記法のみしか許容しないというものではなく、たとえば画像を貼る際には、普通にimg要素を書く必要があるし、また、その他の要素についても、記法が用意されていないものについては、「はてなダイアリーのヘルプ - はてなダイアリー利用可能タグ」に掲載されているものに限り、自分でタグを書くことができる。これは自由度を高める反面で、XSSを誘発し得る潜在的なリ

はてなブログのヘルプです