12 のレイアウトを切替可能なテンプレート
1つのテンプレートで 12度おいしい XHTML + CSS テンプレートを公開してみたいと思います。といっても、ごく普通のテンプレートに CSS 切り替え機能を付けただけなんですが、Blog や Webサイトを作られる際のベースとして役立てて頂けたらうれしいです。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 50KB） 8/10 追記 初期に配布したテンプレート内に、結構な量の誤字等がありましたので、現在の最新版を下記からダウンロードしてください。 では使い方などの説明を。 ファイルをダウンロードして解凍すると下記のようなフォルダ構成になっています。 index.html （XHTML テンプレート） css （CSS ファイル格納フォルダ） img （画像ファイル格納フォルダ） js （JavaScript ファイル格納フォルダ） 基本的に
Passion For The Future: 普通の手書きメモがデジタルに エアペン アイデマアラソン スターターキット
普通の手書きメモがデジタルに エアペン アイデマアラソン スターターキット スポンサード リンク ・エアペン アイデマアラソン スターターキット http://www.airpen.jp/collabo/b.html 昨年から私の情報処理スタイルに大きな影響を与えているのがエアペン。私が使っているのは、アイデアマラソンの樋口さんがプロデュースしているスターターキット。 自宅に１台、会社に新型１台を置いている。 エアペンは専用ペンで紙に書いた文章や図を、メモリーユニットにデジタルデータとして保存することができる。PCとUSBケーブルで接続すれば、パソコンでメモの内容を扱える。付属ソフトを使えば、文字認識も可能なので、テキストデータとして保存しておけば、紙に書いたメモを検索できるようになる。 専用バインダーに取り付けて使うメモリーユニットは、実は取り外しが可能で、どんな紙の上においても使うこと
PDFファイルは同ウィンドウ表示？別ウィンドウ表示？ (ユーザビリティ実践メモ)
印刷用、カタログダウンロード用などの目的でPDFファイルを用意し、ウェブサイトからリンクを張るとき、同じウィンドウ内でPDFファイルに遷移する「同ウィンドウ表示」にしていますか？それとも新しくウィンドウが立ち上がる「別ウィンドウ表示」にしていますか？ ウェブサイトを利用しているユーザが最も多く使う機能の1つは、ブラウザの左上にある、既に閲覧したページに戻るボタン（以下「戻るボタン」）です。 ユーザは次々にページを閲覧しては、前に見ていたページに戻るために「戻るボタン」をクリックしていきます。 そこで弊社では、基本的に別ページ、別サイトへのリンクは、同ウィンドウ表示で設計をしています。別ウィンドウ表示では「戻るボタン」を使った操作で前のページに戻れず、ユーザが混乱する恐れがあるからです。 ところが、PDFファイルにおいては、閲覧し終えると、「戻るボタン」を利用せずに、右上の「×」マーク（以下
アクセシビリティはボランティアじゃないっ! | Junnama Online
スクリーンリーダー利用者とのやりとりから理解できること 「ウェブコンテンツ・テキストバージョン・ジェネレーター(Naked Beta)」なるものを作っているのだが、先日某SNSの「視覚障害者のパソコンサポート」コミュニティにて「PDFの扱い方」スレが立っていたので初めて書き込ませていただいた(Naked(Beta)ではPDFをテキスト化することができる)。 その後メンバーの方が参加しているメーリングリストで紹介いただいた関係で何通かメールをもらった (感想や要望など)。早速いくつかは反映させていただいたが、そのメールでのやりとりから改めて「音声ブラウザやスクリーンリーダーといってもその使い方は様々」ということを実感したので、ちょっと紹介させていただこうと思う(これまでにお会いして話を聞いた他の方の例もあわせて紹介したい)。 以下、利用環境の一例。 OSはWindows。 VDMW300 (
ウェブコンテンツ・テキストバージョン・ジェネレーター(Naked Beta)。 | Junnama Online
ウェブコンテンツ・テキストバージョン・ジェネレーター(Naked Beta)。 公開日 : 2007-07-19 19:56:30 Naked (Beta)について 「音声ブラウザと相性の良いHTMLをつくる」というコンセプトで開発を始めた「ウェブコンテンツ・テキストバージョン・ジェネレーター(ゲートウェイ)」です。 Naked (ウェブコンテンツ・テキストバージョン・ジェネレーター) 以前にも紹介しましたが、その後色々と調整を行い実用レベルになったと思うので、このブログの各ページに各モード(スキン)変換のためのリンクを設置したついでにブックマークレットを作りました。宜しければご利用ください。 これは何? HTMLからCSSや装飾部分, JavaScript等を削除します。 一定サイズ以下の画像はALT属性の文字列に置き換え、一定サイズ以上の画像は外部リンクに変換します。* 音声読み上げの
クールな404エラーページ集:phpspot開発日誌
Wanted: Your 404 Error Pages Every day you visit one of them. The pages, which don’t exist any longer, have moved to a new server or have never existed at all. クールな404エラーページ集。 Apacheデフォルトでは次のような味気ないNotFoundページになってしまいます。 エラーページを見たときに、ナイスなナビゲーション付きであれば、利用者に対して親切ですし、美しいデザインであれば利用者に対して失礼ではありませんね。 Wufoo - Page Not Found Twitter: 404 The Big Noob - Page not found Last.FM - 404 Devlounge Missing page ::
人間中心設計（Human Centered Design＝HCD）で使う主な手法: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 人間中心設計（Human Centered Design＝HCD）を実施する際に用いる主な手法をちょっと整理。 これまでもユーザビリティ評価法としてのユーザーテストや、ユーザー要求の把握段階でのコンテキスチュアル・インクワイアリーなどを紹介しきてきましたが、全体像が見えないかなと思いましたので、あらためてそのあたりを整理してみようか、と。 人間中心設計で使う主な手法前にもすでに紹介していますが、ISO13407："Human-centred design processes for interactive systems"（インタラクティブシステムの人間中心設計プロセス）で国際規格化されている5つのプロセスをあらためて。 人間中心設計の必要性の特定利用の状況の把握と明示ユー
ActivePerl 5.8.8+PARでPerlスクリプトをexe化。 - Vox
Perlスクリプトを実行形式（exeファイル）化できるPARですが、久しぶりに使おうとして手間取りました。以前はPARをインストールすればppコマンドが使えたのですが、現時点ではこれがPARとPAR::Packerに分かれ、ppコマンドはPAR::Packerに含まれているとのことです。また、PAR::Packerのインストールには、C環境が必要なようです。 The PAR distribution was split into two distributions with release 0.970: PAR and PAR-Packer. PAR-Packer contains all development tools such as pp, parl, etc. and requires a C compiler to install. Main Page - Perl Archi
Nintendo DS（Lite）でオープンソース系ソフトウェアを使用する | OSDN Magazine
Nintendo DSは秀逸なゲーム機だが、このデバイスの能力はそれだけに限定されるものではない。ハッカー達の手にかかれば、Nintendo DSをオープンソース系ソフトウェアの実行プラットフォームとして利用するだけでなく、スリムダウン版でよければLinuxさえも動かすことが可能なのだ。ここでは、Nintendo DSをオールラウンドな携帯式コンピューティングデバイスに変貌させるために必要な、いくつかのオープンソース系アプリケーションを紹介することにしよう。 Nintendo DSといえども所詮はゲーム用コンソールに過ぎないので、ゲーム機用自作ソフトその他のアプリケーションを実行させるにはストレージ機能の追加が必要であり、そのための拡張カードを事前に購入しておかなければならない。この種の製品は多数存在しているが、有名どころとしては下記の選択肢を挙げることができる。 R4 Revolutio
Win32::OLE で Excel を操る perl スクリプト
えーつい最近、Spreadsheet::WriteExcel について聞かれました。ちょっとしたサンプルプログラムを教えたついでに Win32::OLE のサンプルも教えたのでどうせならブログのネタにと記事にしてまとめておきます。よく考えたら、以前 Spreadsheet::WriteExcel が 2.10 から便利になっている件について を書いたときに まずは、Win32::OLE まわりで参考になるサイトまとめです。Win32::OLEモジュールだけでも目を通しておくと良いと思います。 Win32::OLEモジュール（日本語チョウ訳） Ver. 0.14 Win32::OLE - OLE Automation extensions - search.cpan.org Win32 の Perl を使用している Excel を自動化する方法 Perl講座 PerlからOLEを使用する 読
referer元の検索エンジンで、どういうキーワードで検索されたかわかるモジュール - Yappo::タワシ
@typesterが欲しがってたのでClass::Componentつかって書いてみた。 超荒削りのαバージョン。 http://tech.yappo.jp/download/URI-KeywordExtract-0.00.a.tar.gz 対応検索エンジンを追加したければモジュールを追加してくだけで対応する。 若干DSLっぽくなってる。 package URI::KeywordExtract::Detector::Plugin::Google; use strict; use warnings; use URI::KeywordExtract::Detector::Plugin; capture { host qr/^www\.google\./; query 'q'; input_encoding 'ie'; default_encoding 'utf-8'; }; 1; こんな感じで
テキストにツララが重なったようなロゴを作成するPhotoShopチュートリアル:phpspot開発日誌
Photoshop tutorials, tips and tricks | tutorialwiz.com | Adobe Photoshop In this tutorial, i'll show you how to make your text freezing cold. This tutorial will also show you how to use this ice text on any colored background.テキストにツララが重なったようなロゴを作成するPhotoShopチュートリアル 次のようなツララついたICYなロゴが作れます。作り方は複雑ですが、凄くインパクトのあるロゴが作れますね。 → 氷をイメージにしたようなサイトを作る際には是非とも押さえておきたいテクニックです。
とあるはてな社員の日記 - まっさらなサーバを30分で本番投入できるようにする
すこし前にはてなスターのリリースがされたのですが、サービス開始直後にありがちなことに、時々負荷で遅くなったり、アクセスしにくくなったりしてしまいました*1。これではいけない、ということで、すぐ次の日に、バックエンドのサーバを一気に10台近くまで増やして、おおむね快適に使える状態になっていると思います。この時に、新しいサーバをまっさらな状態から、だいたい30分程度で本番投入することができていました。これを、どのように実現したのかを軽く紹介したいと思います。 ちなみに、サービスの重さは、サーバ増強だけで済むものではなく、それ以降も、Javascriptが重い!とか、アプリケーションロジックで重いSQL を走らせてしまって遅いという問題は何回かありました。が、そこはインフラではなく、アプリケーションの問題で、アプリケーションの改善は、継続的に進んでいると思います。ので、今回は、インフラの話に限定
高機能な JavaScript 圧縮ツール「jsjuicer」 - WebOS Goodies
JavaScript を使った Web アプリケーションを公開する際にほぼ必須となるツールが JavaScript Obfuscator 、いわゆる JavaScript 圧縮（難読化）ツールです。とくに Ajax を活用したサイトでは JavScript ファイルも大きくなりがちなので、できるだけコンパクトにまとめてページのロード時間を短縮したいところです。そんなわけで、私も Infosketch を公開する際にいろいろ試しまして、本日ご紹介する jsjuicer を使うことにしました。 この jsjuicer は Web 関連のツールでは珍しく C++ で組まれたコマンドラインプログラムとなっています。そのため使い始めは少々面倒ですが、 make などによる自動化がやりやすいというのは大きな利点です。他のツールにはない便利な機能もいくつか実装されていますので、実用的な JavaScri
「100年後も作品を本で残すために」――三田誠広氏の著作権保護期間延長論
「作家にとって創作のインセンティブになるのは、作品が本として残ること。50年、100年後も作品を出版してくれる版元の期待に応えたい」――作家で著作権保護期間延長論者の三田誠広氏は、7月24日に開かれた情報通信政策フォーラムのセミナーでこう述べ、著作権保護期間の延長すれば創作意欲が高まるとの考えを示した。 三田氏は「著作権問題を考える創作者団体協議会」代表で、著作権保護期間を作家の死後50年から70年に延長するよう訴えてきた（関連記事参照）。 講演の冒頭で「きょうの参加者は、著作者側の権利をあまり拡大しない方がいいと考えている人も多いと思うので、講演するのは気が重い」と語り始めた三田さんは、「創作のインセンティブはお金ではない」と繰り返しながらも、「保護期間が切れると版元がもうからない」などとと訴えた。 三田さんは「出版元は、売れると見込んで作品を本にする。わたしは作家として版元の期待に応え
「Winnyでいいから読んでほしい」？ 現役世代の本音と著作権保護期間問題
著作権保護期間を作者の死後50年のままにすべきか、70年に延ばすべきか――こんな議論が昨年から盛り上がっている。著作権管理団体など権利者側は「保護期間が長い方が創作意欲が高まる」「世界標準に合わせるべき」と延長を主張。これに対し、著作物の利用者側を中心に「延長すると2次利用時の手間が増えるだけで、文化の発展にもマイナス」などと反対の声が上がっている。 この問題について専門に考えるフォーラムも設立され、昨年からシンポジウムを開いて活発に議論している。ただこの議論には、最も重要なプレイヤーがあまり参加していない。現役の若い世代のクリエイターたちだ。 クリエイター側としては、漫画家の松本零士氏（関連記事参照）や、作家の三田誠広氏（関連記事参照）が延長賛成派として参加しているが、若い世代の漫画家やアニメクリエイター、小説家などは見当たらない。保護期間延長で創作意欲が向上するかどうかは、クリエイター
「ディレクトリ階層の深さとランキングは関係ない」 - Google Matt Cutts氏 ::SEM R (#SEMR)
「ディレクトリ階層の深さとランキングは関係ない」 - 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氏 ::SEM R (#SEMR)
「動的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も変わらないとした。 # パラメータの数が少ない、という条
Googleのクロールシステム担当Dan Crow氏が講演で明かしたこと | Moz - SEOとインバウンドマーケティングの実践情報
ニューイングランドの検索エンジンマーケティング組織SEMNEは先週、Googleのウェブクローラ担当製品マネージャであるDan Crow氏のゲスト講演というすばらしい機会を得た。Danの講演は数年前に一度だけ参加したことがあるけど、そのときはあまりに秘密主義なのがショックだった。ありがたいことにGoogleは、そしてどうやらDan自身も、それからずいぶん変わったみたいだ。Danはすばらしい情報をSEMNEのグループに披露していて、Jill Whalen氏のブログ記事（Googleに迫る）のおかげで、僕らもそれを共有できる。 またDanは、多くの人が知らないようなヒントを教えてくれた。「nosnippet」タグを使うと、Googleの検索結果で自分のページのスニペットを非表示にできる。それに、「noarchive」タグを使えば、Googleに自分のページのキャッシュを表示させないようにできる
Yahoo!JAPAN、動画共有サイトの著作権料をJASRACに支払うことで合意
日本経済新聞社の報道によると、Yahoo!が4月に運営を始めた動画共有サイト「Yahoo!ビデオキャスト」で、投稿された動画の中にある楽曲の著作権料を、日本音楽著作権協会（JASRAC）に支払うことで合意したそうです。 日本人が利用している動画共有サイトの中で、93.3％という圧倒的な割合を占めたYouTubeや、ユーザー1人あたりの利用時間がYouTubeの倍以上のニコニコ動画といった、その他の動画共有サイトは追従するのでしょうか。 詳細は以下の通り。 ヤフー、著作権料支払い・動画共有サイト個人演奏の楽曲 この記事によると、Yahoo!ビデオキャストで投稿された動画の中に、日本音楽著作権協会（JASRAC）が著作権を管理している楽曲があった場合、Yahoo!が著作権料の支払いを肩代わりするそうです。これによって利用者は個人の楽曲演奏シーンがある動画を合法的に投稿できるようになるとのこと。
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
さよなら絶望言語 : 404 Blog Not Found
2007年08月05日17:30 カテゴリLLの夏 さよなら絶望言語 絶望した!LL魂が終わってからネタを思いついたことに絶望した! Karetta|もしLLがサザエさん一家だったら それぞれの言語の特徴を考えて、LLサザエさん一家を作ってみてください。というわけで、LLを絶望少女たちにたとえてみた。 さよなら絶望先生(現在第9集まで) 久米田康治 風浦可符香 = Perl6 超ポジティブ言語 「リリースを伸ばそうとしていたんですよね」 「私のお父さんもよくリリースを伸ばそうとしていました」 小森霧 = PHP Apacheにひきこもり言語 「開けないでよ＞変なファイル」 常月まとい = M$言語 ストーカー言語 jscript, C#.... 木津千里 = python 几帳面・粘着質言語 「きちんとインデント入れてください!」 関内・マリア・太郎 = sh 不法処理・難民言語 「アノ人
［WSJ］ 「ボタンを消せ」――Appleのジョブズ氏が追求する命題 - ITmedia News
Expired：掲載期限切れです この記事は，ダウ・ジョーンズ・ジャパンとの契約の掲載期限（90日間）を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
Yahoo! JAPAN、2008年にトップページを3ペイン構造へとリニューアル
Yahoo! JAPANを運営するヤフーは5日、2008年に予定するYahoo! JAPANのトップページリニューアルに関する説明会を開催した。現在、ユーザーを限定したアルファ版テストを実施中で、2007年秋頃にはベータ版テストの開始を予定している。 ■ 検索窓の大型化やトピックスの中央配置などを実施 今回のトップページリニューアルでは、「作り手本意なページから、お客様目線のページへ」をコンセプトに作業を実施。現行トップページの2ペイン構造から、3ペイン構造へとデザインを変更。画面サイズも横幅700ドット強から900ドット強へと変更される。 検索窓はページ上部に配置され、現行サイズから約140％大型化するとともに、検索急上昇ワードを検索窓の下に表示する。また、検索ボタンも大型化され、ボタンを目立たせることで検索の存在感を高めたいとしている。 「買う」「知る」「楽しむ」といったカテゴリ単位で
Expired
Expired：掲載期限切れです この記事は，ロイター・ジャパンとの契約の掲載期限（30日間）を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
ソシオメディア | プレスリリース：ソシオメディアの「SimpleWeb」、相模鉄道株式会社様のコーポレートウェブサイトに採用
プレスリリース：ソシオメディアの「SimpleWeb」、相模鉄道株式会社様のコーポレートウェブサイトに採用 ソシオメディア株式会社（所在地：東京都新宿区、代表取締役：篠原 稔和、以下ソシオメディア）の提供するウェブアクセシビリティ対応 ASP サービス「SimpleWeb（シンプルウェブ）」が、相模鉄道株式会社様のコーポレートサイト（http://www.sotetsu.co.jp/）に採用されました。公共交通機関では、初の SimpleWeb 導入となります。 SimpleWeb は、既存のウェブページをシンプルでアクセシブルなテキストページに自動変換するソフトウェアです。人手をまったく介さず自動変換するため、膨大なページ数の企業ウェブサイトや自治体ウェブサイトでも、時間とコストをかけることなくウェブアクセシビリティに対応できる点が大きな特徴です。 導入は非常に容易で、短期間の準備で高齢
style.cssText の使い処に関する考察 - IT戦記
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
Error 404 - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
スクロールしても消えないドロップシャドウの作り方 July 30, 2007 4:40 PM written by Gen Taguchi メモ書きもかねてエントリー。ページをスクロールしていってもページの上や下にドロップシャドウを貼り付けておく方法。 ↑ このようなドロップシャドウですが・・・。 ↑ スクロールしても付いてきます。 サイトに立体的な効果をつけたいときに使えそうですね。いろいろ応用も利きそうです。 なお、PNGの透過部分を使っているのでInternet Explorerでは動きません。実際に動いているデモはこちらから。 詳しい作業ステップは以下のサイトからどうぞ。 » Scrolling Drop Shadows | Zooiblog Info: デザイン全般 | 固定リンク | コメント (0) | トラックバック (2) | ↑ この記事のトラックバックURL （
商品の並べ替え機能はユーザニーズに合わせよう (ユーザビリティ実践メモ)
商品点数が豊富なECサイトは、ラインナップの多さ自体をサイトの強みにすることができます。しかし、ユーザが目的の商品を探しづらい場合には逆に、商品点数の多さがマイナスのイメージを与えてしまうことにもなります。 トップページ→商品一覧(商品カテゴリトップページ） →個別商品ページ この流れの中で、商品一覧の中から目的の個別商品にたどり着くまでの絞込みプロセスがスムーズに進むかどうかが、ストレスの少ないECサイトを実現できるか否かの分かれ道の1つになります。 例えば、ソファーを買いたいと思って訪れたECサイトで、トップページから「ソファー」カテゴリーのトップページ（ソファー一覧）に辿りついたとします。 このとき、単にそのECサイトで扱っているソファを羅列するだけ、または価格で絞り込めるだけでは、おそらくユーザは目的のソファをどのようにして選べばよいのか迷ってしまうでしょう。 そこで、ユーザがその
リニューアル特集：人気記事ランキング (ユーザビリティ実践メモ)
いつもユーザビリティ実践メモをご愛読いただきありがとうございます。 2007年7月28日、ユーザビリティ実践メモをリニューアルしました。主にレイアウトと記事のカテゴライズを見直し、読みやすさと見やすさを高めるように改善いたしました。これからも価値の高い情報発信に努めて参りますので、変わらぬご愛顧の程、どうぞよろしくお願い致します。 ■人気記事 Best10 (算出根拠：毎週月曜日から日曜日までのトップページのページビュー数による。計測対象期間は2006年7月9日から2007年6月30日。Google Analytics、サイトカタリストで計測) 第1位 PDFファイルは同ウィンドウ表示？別ウィンドウ表示？(2006年11月27日) コメント：1番人気はPDFの扱いに関する記事でした。最近では、PDFファイルへのリンクはその旨を明記することが浸透してきましたが、同じウィンドウで開くべきか否か
コピー用紙の裏は使うな！
コピー用紙の裏は使うな！ 2007-07-29-4 [BookReview] ■村井哲之 / コピー用紙の裏は使うな! - コスト削減の真実 コスト削減の専門家による、会社ぐるみの節約の本。 タイトルの「コピー用紙の裏は使うな」は間違ったコスト削減の象徴的な例として取り上げられています。 使うべきではない理由は、(1)セキュリティ、(2)コピー機故障、(3)混乱を招く、などなど他にもいろいろ。 1のセキュリティについては、タイムリーなことに最近こんなニュースがありました： 「東京新聞:個人情報書かれたリスト、メモ用紙に利用 杉並の図書館」 http://www.tokyo-np.co.jp/article/tokyo/20070720/CK2007072002034016.html 杉並区は十九日、区立南荻窪図書館（南荻窪一）で、利用者四人分の名前と年齢、電話番号が書かれていた予約本リスト
【Linuxウォッチ】第35回 素人さんお断り!?の「玄箱PRO」をDebian化，自宅サーバーにする方法：ITpro
「玄箱」（くろばこ）は，周辺機器ベンダーであるバッファローのアウトレットブランド「玄人指向」が販売しているLinuxを組み込んだNAS自作キットだ。 従来からこの玄箱に各種ディストリビューションを組み込んで低消費電力のサーバーとして活用することが行われていたが，「玄箱PRO」は「上級者向けARM9コンパクトLinuxBOX」とうたわれているとおり，従来の玄箱よりもLinux活用を意識した作りとなっている。 今回は，この玄箱PROを自宅サーバーとして活用するためのセットアップ方法を紹介する。なお，今回はびぎねっとに4月に入社した期待の新人・大内明が玄箱PROのGNU/Debian Linux化とのそのレポート，コネクタのハンダ付けおよびシリアルケーブルの自作を行った。 シリアル接続を可能にしておこう 玄箱PROはLinuxBOX自作キットのため，買ってきただけでは使えない。まずNASとしての
MySQLの状態がリアルタイムでわかるMySQL用topコマンド「mytop」と「innotop」
サーバのチューニングをする上でかなりやっかいなのがデータベース系。特にログファイルの量が膨大になると後から中身を見て問題を分析するのも一苦労という場合が。そんなときにこの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ライブラリ「jsCropperUI」
イメージ切り抜きのためのインタフェースを提供する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 操作感覚が通常のアプリケーションとほとんど差異がない
Yahoo!検索(Web検索)の検索パラメータ仕様 - Yahoo!デベロッパーネットワーク
指定されたURLは存在しません。 URLが正しく入力されていないか、このページが削除された可能性があります。
ウノウラボ Unoh Labs: WEBアプリテストのチェック項目リスト
こんにちは！やまもと＠テスト番長です。 TestingGeekという耳障りの良い名前のサイトをご存知でしょうか？ 総合的にテストの話を取り扱っており、それでいて読みやすいサイトです。 そこのTemplatesのコーナーにWeb Application Testing Checklist という便利そうなものがありましたので、日本語にしてみました。 ちょっとそのままだと物足りない感がありますが、テストポリシー作成の叩き台に使ってみるのも良さそうですね。 この手のリストを他にもご存知の方がいらっしゃれば、是非ご一報ください。 1. 機能テスト 1.1 リンク 1.1.1 記載された通りの先に遷移するか 1.1.2 どこからもリンクされないページは存在しないか 1.1.3 全ての外部リンク 1.1.4 参照しているサイトおよびメールアドレスはハイパーリンクになっているか？ 1.1
Mozilla Links 日本語版: Mozilla が Firefox 継続利用の向上策を探る
原文:Mozilla looking for ways to increase Firefox retention by Percy Cabello -- July 30, 2007 Mozilla Wiki に投稿された記事において Firefox 継続利用率向上のための12個の案を紹介しています。 前書きによると、Fireofx をダウンロードした人の50%が実際に利用、そしてその50%が Firefox を積極的に利用しています。計画では、このダウンロードとユーザ割合を向上させることを目的としています。 計画には Firefox デスクトップアイコンのテキストをそれがウェブにアクセスするより明確な目印にするような変更、Firefox アイコンの（Windows の）クイックラウンチバーの目立つ位置への配置、より情報豊かなダウンロードページ（添付されたモックアップは Safari のダ
100種類を超えるデザインが用意されたボタンジェネレーター「ButtonBoost」: DesignWorks
【フリー壁紙】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を制作しているとちょっとした所でこんなボタンがあればと思う事があります。インターネット上では素材サイトが数多くありデザインも充実しているのですが、ピッタリと自分が欲しい物を探し出すのはかなり難しいです。また自身のサイト独自のコンテンツとなればなおさらです。そこで今回紹介するのは自分で色も文
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
rhaco
ハゲてもかっこいい芸能人を見ていると、たとえハゲてもいろいろと諦めなくてはならないわけじゃないんだなあ、と実感しますよね。 今回はそんなハゲてもかっこいい芸能人をまとめてみました。 まずは今大人気の芸人さんであるトレンディエンジェルのお二人です。 「斉藤さんだぞ」の斉藤さんと、相方の須藤さんです。 お二人ともハゲであることをネタにして、笑いをかっさらっています。 Hさん トレンディエンジェルとか、ハゲで笑いをとってる人だよね。でも、そんなに好感度とか考えたことないなぁ。 Tさん 私はトレンディエンジェルってあんまり知らない。志村けんとか、芸人さんの場合はハゲの印象より面白いかどうかだよね。 ――（トレンディエンジェルの2人の写真を並べて）どっちのハゲに好感が持てますか？ Tさん こっちの（斉藤司）ハゲのほうがいい。 Rさん うん。バーコードみたいな髪は受け付けない。 引用元：育毛研究室 ハ
Tenjin - the fastest template engine in the world - kuwata-lab.com
Tenjin News (2012-02-16) pyTenjin 1.1.0 released (2011-11-27) rbTenjin 0.7.1 released (2011-11-24) rbTenjin 0.7.0 released (2011-04-29) pyTenjin 1.0.2 released (2011-02-22) pyTenjin 1.0.1 released (2011-02-21) pyTenjin 1.0.0 released Introduction Tenjin is a very fast and full-featured template engine available in several script languages. How fast Tenjin is? The following is a result of benchmark
TAKESAKO @ Yet another Cybozu Labs: LL魂お疲れ様でした[LLSpirit]
LL魂、参加されたみなさんお疲れ様でした。みなさんのお陰で無事イベントを終了することができました。ありがとうございました。 前半の20枚だけですが、Flickrに写真をアップロードしました。 詳しい感想はのちほど。いろいろ新しい刺激を受けました。 とりいそぎ、Lightning Talksの発表資料（※画像はイメージでしたバージョン）を公開します。 イメージファイト！ - 画像に埋め込まれたPHP・XSS攻撃コードと戦う5つの方法 - 11 竹迫良範（Shibuya Perl Mongers） http://wafful.org/mod_imagefight/ImageFight-LL2007.ppt 先日、PHPの攻撃コードが隠された画像ファイルが、大手ホスティングサイトで発見されたとの報道がなされました。GIF,PNG,JPEG,BMP形式の画像ファイルには、PHPのRFI攻撃で使用さ
swimmie - Firefox拡張機能（オンラインブックマーク共有プラグイン）
私が勤めていたのは、地元でレジャー産業を手掛けるグループ会社のひとつ。新卒で入社以来、配属になった総務部で人事や労務に関する業務を担当しました。上司から指示を受けると前例にならい、無難にこなせば何も問題が起きない、のんびりした職場でした。社長は二代目でまだ若く、事業拡張を考えているようですが、先代には頭が上がりません。組織の見直しや新たな人員配置による効率化など、改革にも積極的な考えの持ち主なので、何とか力になりたいと思っていました。 そろそろ仕事にも慣れた頃、「社会保険労務士」の資格のことを知り、自分のステップアップとともに会社に貢献できるのでは、という意識を持ち始めたのです。これまでの経験を生かせるのも魅力で、思い切って受験を決意。働きながら合格を勝ち取りました。このサイトは、そんな私の体験談を参考にしていただければと願い開設したものです。少しでもお役に立てれば嬉しいです。 「社会保険
HTML::StripScriptsでXSS対策をする - Kentaro Kuribayashi's blog
先日公開した「はて☆すたアンケート」にて、アンケートの説明文をはてな記法で書けるよう、機能追加を行った。その際、Template::Plugin::Hatenaを用いた。これは、はてな記法パーサであるText::Hatena（正確には、そのヴァージョン0.16以下）を、Template::Toolkitのプラグインとして使えるようにしたものである。 はてな記法は、それ自体で全ての文書構造を表現できる、あるいは、はてなダイアリのシステム自体は、はてな記法のみしか許容しないというものではなく、たとえば画像を貼る際には、普通にimg要素を書く必要があるし、また、その他の要素についても、記法が用意されていないものについては、「はてなダイアリーのヘルプ - はてなダイアリー利用可能タグ」に掲載されているものに限り、自分でタグを書くことができる。これは自由度を高める反面で、XSSを誘発し得る潜在的なリ
LL::魂::2007 - An Ordinary Perl 5.10 Guide
前回までのあらすじ 2002 5.8.0 2003 5.8.1 5.8.2 2004 5.8.3 5.8.4 5.8.5 5.8.6 2005 5.8.7 2006 5.8.8 ←今ここ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトの調査・分析・評価の手法 | NO STAR
http://youmos.com/news/reflector
http://labs.alfasado.net/naked.cgi
http://e0166nt.com/blog-entry-236.html
lllcolor.com
PhotoShopで使える18の超便利ショートカットキー:phpspot開発日誌
テキストの上に雪がのっかったようなロゴを作るPhotoShopチュートリアル:phpspot開発日誌
PhotoShopでMacOSX風アクアな文字をデザインするチュートリアル:phpspot開発日誌
株式会社スタイルズ
ぼんやり上手 「あの名作が連載打ち切りマンガだったなら」
ハイパフォーマンス Web サイト フロントエンドのパフォーマンスの重要性
Amazon.co.jp： コピー用紙の裏は使うな!―コスト削減の真実: 本: 村井 哲之
http://youmos.com/news/lightbox_effect
http://www.machu.jp/posts/20070728/p01/
2007年2月15日 | じゃれすのろぐ
http://www.yasuhisa.com/could/entries/001173.php
http://kengo.preston-net.com/archives/003300.shtml
CSS Nite公式ブログ:CSS Nite in Osaka Vol4フォローアップ情報（1）鬼頭 健さん
http://ja.doukaku.org/
Javaより速いLL用テンプレートエンジン
はてなブログ ヘルプ
