東京の鉄道路線図SVGをさっそくタイル化してみた - smellman's Broken Diary

2014/12/21 34 users smellman's Broken Diary タイル化

2014-12-21 東京の鉄道路線図SVGをさっそくタイル化してみた 東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します 東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します - Liner Noteこのような面白い記事がありましたので、さっそく鉄道路線図SVGを利用してタイル化してみました。 Tokyo Rail Map (Phantomjs 利用版) Tokyo... 続きを読む

東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します - Liner Note

2014/12/20 1220 users パブリックドメイン スクロール SVGファイル 東京 鉄道路線

illusratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 東京 鉄道路線図 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改... 続きを読む

Appleがハンバーガーメニューについて話したこと - Liner Note::Draft

2014/12/18 20 users WWDC draft 見解 WWDC2014 ビデオ

Appleがハンバーガーメニューについて話したこと ちょっと前の話ですが、Appleの中の人がWWDCにてハンバーガーメニューに否定的な見解を述べていました。 Designing Intuitive User Experiences - WWDC2014（一覧からビデオを選択。32分辺りから） Apple and Hamburgers（上記ビデオの書き起こし） 以下、上記書き起こしからの抜粋・抄訳... 続きを読む

早稲田大学サイトのリニューアルにモヤっとした話 - Liner Note

2014/11/15 52 users もや リニューアル

早稲田大学のサイトが2014/11/5にリニューアルされたのですが、それについていろいろと議論が巻きおこっているようです。 まずは事実を整理 同大学曰く「国内大学のWebサイトの主流であった“文字中心”の情報伝達から、写真や動画、ピクトグラムなど、視覚に訴える要素を効果的に配した構成に一新」（プレスリリースから）した リニューアルしたのは主に一般・父母向けのサイト。受験生や在学生向けのサイトは別に... 続きを読む

勝手にリデザイン：新宿高層ビルの館内施設案内板 - Liner Note

2014/05/08 878 users リデザイン

Twitterで、あるサイン（案内板）のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので... 続きを読む

そこそこユーザビリティの高いフォームを作った - Liner Note

2014/01/19 942 users ユーザビリティ jQuery GitHub ユーザビリテ 練習

去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ご覧になれない方はこちらのフォームサンプルリンクからご確認ください ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリテ... 続きを読む

良いユーザ体験を目指すためにはアクセシビリティが大事だという話：アクセシブルなウェブに向けて - Liner Note

2013/03/10 23 users Google Glass アクセシブル ユーザ体験 勉強 小話

ユーザ中心デザインとか、ユーザ体験デザインとかの勉強をしてかれこれ3年くらいになるんですが、そのためには情報のアクセシビリティが良くなることが特に大切だと最近は思ってるんですね。 で、今日はその理由とか、じゃあどうアクションするよ、みたいなところを書いてみます。 Google glassとアクセシビリティ まずは、「アクセシビリティとユーザ体験ってどう関係あるのよ？？」と思った人向けに小話をひとつ... 続きを読む

勝手にリデザイン：新宿高層ビルの館内施設案内板 - Liner Note

2011/09/08 878 users リデザイン

Twitterで、あるサイン（案内板）のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 問題点・その原因 案内板Aの問題点 問題点１：矢印と案内標識との対... 続きを読む

PHPでのセキュリティ対策についてのメモ - Liner Note

2008/10/26 832 users 未知 事象 PHP 前々 体系

PHPでのセキュリティ施策については前々からいささかながら気を払っていました。ただ、本を読んで体系だって勉強したわけではないので、調べてまとめたことを晒しておいて、みなさんのご指摘をいただこうかと思います。 以下の内容が正しいとは限らないこと、かつ、対策を実行しても未知の事象で脆弱性が生じうる可能性があることをご了承の上、お読みください。より詳細な内容を得たい場合は参考リンク先の文書を辿ってみてく... 続きを読む

「あとで読む」アドオンを翻訳してみた - Liner Note

2008/06/20 195 users アドオン 要約 Read It Later 翻訳 保存

要約：完成度の高い「あとで読む」アドオン、Read It Laterを日本の環境にあわせて翻訳・改変してみました Read It Laterという「あとで読みたい」ページを保存して管理できるFirefox用のアドオンが公開されてました。公式サイトに書いてあった機能をざっと訳すとこんな感じ。 ページの保存 時間ができた時読めるように、「読むリスト」にページを保存することが出来ます オフラインモード ... 続きを読む

ためしてガッテンに学ぶ定番料理17品の美味しい作り方 - Liner Note

2008/05/15 1834 users ガッテン 知見 NHK レシピ 科学

NHKのためしてガッテンは私の好きな番組の一つです。来年一人暮らしを始める身として、今回のような食特集はいつも興味深く見させていただいていました。 昨日も焼きそば特集がやっていて、相変わらず誰が見てもわかりやすい番組展開に感心してしまいました。ガッテンの良いところは、プロの知見にきっかけを得てそれを科学的調査に基づいて解決策＝家庭のレシピにまできちんと昇華している点（美味しさの科学！）、それとその... 続きを読む

東京ー大阪間を安く快適に移動したい人のための高速バスガイド - Liner Note

2008/04/28 343 users

年明けからずーっとやってきた就職活動もそろそろ終わりです。大阪在住で東京中心にやっていたために上京する機会が結構あって、その移動には必ず高速バスを使っていました（何回も移動するとかなり値段が違ってきますからね）。だいたい10-15回くらいでしょうか。 高速バスにもいろいろグレードがあって、往復7000円で移動できる観光バス型から、その倍以上の値段がつけられた高級型まで様々です。また、昼行便のバリエ... 続きを読む

Liner Note - ウェブユーザビリティについて考え始めたい人にオススメのウェブページ集

2008/03/01 549 users おすすめ

ユーザビリティについて興味はあるけど、よくわからないという人向けのウェブページを紹介してみます先ほどのエントリでは本を中心に挙げましたが、もちろんウェブにも優秀なリソースはたくさんあります。全体的に入門的記事を多く入れましたので、興味のある方はぜひリンク先をご覧になってください（それぞれ内容がかぶっている箇所もたくさんありますが） 感性満足を開発する「ユーザビリティ・エンジニア」 / Tech総研... 続きを読む

Liner Note - PHP汎用スクレイピングライブラリを作ってみた

2008/02/10 274 users

ページから必要な部分だけをXPath式で抽出するPHP製汎用スクレイピングライブラリを作った要約：ページから必要な部分だけをXPath式で抽出するPHP製汎用スクレイピングライブラリを作ったいままでスクレイピングを使ったサービス（レシピ検索、書籍在庫一括検索）を作ってきましたが、そこで使ったものを簡単に再利用できるように、PHP5で使える汎用スクレイピングライブラリを作ってみました。 スクレイピン... 続きを読む

Liner Note - 無償で商用利用できて品質の高い日本語フォント一覧

2007/09/18 1149 users 要約 フォント 許諾 無償 クオリティ

追加の使用料や許諾を求められることなく使える日本語フォントのうち、そこそこ使えるクオリティのフォントを選んでまとめてみました要約：追加の使用料や許諾を求められることなく使える日本語フォントのうち、そこそこ使えるクオリティのフォントを選んでまとめてみました 日本語フォントに関する記事はいろいろあって、断片的・網羅的といろいろ出ているんですが、1. 無償で商用利用可能 2.そこそこ品質が高いという2点... 続きを読む

Liner Note - 10分くらいで作るインターネット用キオスクPC on Windows XP

2007/07/15 52 users 10分 要約 端末 操作 皆さん

簡単なインターネット閲覧用キオスク端末（不特定多数が利用するとき、いたずらされないように操作を制限した端末）の作り方10分くらいで作るインターネット用キオスクPC on Windows XP 書いた人： leva 投稿日： 2007年07月15日（最終更新：16日前） 読者の皆さんの反応 0 被ブックマーク数： 1 要約：簡単なインターネット閲覧用キオスク端末（不特定多数が利用するとき、いたずらさ... 続きを読む