デザインを担当させていただいた、ハートレイルズのソーシャル英語学習サービス 「breakr」が本日正式にリリースされました！
Fly fearlessly» Blog Archive » breakr の運営開始
breakr | break the language barrier
「breakr」を簡単に説明すると、英語に対する苦手意識を克服しよう！というもの。
みんなで協力しあって英語の記事を日本語に、また英語圏の人に日本語の記事を英語で紹介する…といった感じで、自然に英語の学習をすることができると思います。
まずは、興味のある記事をブックマークすることから始めてみませんか？
使ってみた感想やご要望がありましたら、ハートレイルズの willnet さんのブログに書けばいいと思うよ！
ソーシャルお勉強サービス「breakr」をベータリリースしました！ - おもしろWEBサービス開発日記
わたしも「breakr」で英語勉強します！
http://breakr.net/users/sweetlove
↓このように学習の達成度をブログに貼る事もできます。
【関連記事】
]]>
ソーシャルブックマークサービスは、ウェブ上にブックマークを保存して情報を整理したり、共通の興味を持つ人を発見したり、繋がることが（も？）できるウェブサービスです。
海外では、del.icio.us や Digg などが有名ですが、日本発のサービスは現在どれ位あるんだろうと国内のソーシャルブックマークサービスを調べてみました。
使ったことがあるものから今回初めて知ったものまで、サービスによって機能もさまざまで、いろいろな特徴を持っています。
（詳細は公式サイトでご確認ください）
ギークな人もそうでない人も、インターネット生活に欠かせないウェブサービスになりつつあるようですね。
参考サイト
【参考】好きなソーシャルブックマークサービスは？
お笑い系追加（2008/7/3）モノ系に MONO+List 追加（2008/7/5）
モノ系に clogger 追加（2008/7/6）
専門系に SociaLoopクリップ 追加（2008/7/30）
追記（2008/7/13）
「SBM研究会の検定」でにんてー証もらったお！
もうあなたなしでは生きていけないわっ！なんて大げさすぎますが、Firefox がなければブログも書けないほど「これがないと困る！」Firefox 3 のアドオンリストをトラックバックで募集してみます。
人のアドオンを見るのって楽しいですよね。
これだけ入れてもサクサクです。
【あわせて読みたい】
【関連エントリー】
ご一緒にテーマはいかがですか？（7/2追加）
]]>
Seesaa ブログには、MT（Movable Type）形式に対応した「エクスポート」機能があります。この機能を使えば、Seesaa から Wordpress にも簡単に引っ越しすることができます。
記事だけでなく、コメントとトラックバックもエクスポートできるので、丸ごと Wordpress に移しました。
以下、手順をメモっておきます。
これでエクスポートは完了。
新しいブログの URL は、準備が整い次第、またお知らせします。
しばらくはデザインをいろいろいじってみようと思います。
6月18日午前2時、Firefox3が正式にリリースされました。
今回はダウンロード数でギネス世界記録に挑戦！ということで、さっそく会社と自宅でもダウンロードぉおおお！
あなたもダウンロードしてギネスに挑戦しよう！
（ギネス世界記録への挑戦は日本時間 19 日 午前3:16 まで）
↓参加証明書（自慢できるのか疑問）
Spread Firefox | Download Day 2008
公式サイトでは、全世界のダウンロード状況をリアルタイムに見ることができます。
Firefox の灯 (ともしび)
こちらのサイトは、全国各地での Firefox 3 のダウンロード状況を可視化。
日本地図がキラキラ輝いています。
使用感は、サクサクしすぎて Firefox じゃないみたいです。
気になるのはアドオンの対応ですが、自宅の Firefox はまだ未対応のアドオンがあるので、インストールはとりあえず会社の Mac だけにしました。
以下は会社のアドオン覚え書き
Firefox3 対応済みアドオン
Firefox3 未対応のアドオン
追加したアドオン
【Firefox 関連エントリー】
リンク先の記事は、ロサンゼルスで働くウェブデザイナーでおなじみの河内さんが「最低限これだけは発注前にクライアントの方々に認識しておいてほしいウェブデザインの常識」をまとめています。こちらの記事のような、苦い思い出のある方もいらっしゃるのではないでしょうか。
Webサイトの仕上がりのよしあしは、Web制作者とクライアントとのコミュニケーション次第といっても過言ではないと思います。
そこで、制作現場で起こりそうなケースごとに「最低限これだけはWeb制作側がしておきたいこと」をリストアップしてみました。お互い「こんなはずじゃなかった」とならないために、生意気を言うようですが、Web制作の「プロ」として何ができるのか、今回はそんなこと考えてみたいと思います。
【デザイン編】写真の位置や余白、フォントサイズが違うとか……。
サイズの固定された“A4紙”と解像度の異なるディスプレイでは見え方が違うことを説明する
対処法 → カンプ（ラフデザイン）は実際の環境／ブラウザで確認してもらうこと
【Flash編】口で説明されてもイメージがわからない……。
WEBディレクターのための方法論 : Flashのデザインチェック
↑思わず笑ってしまいました。（コメント欄参照）
「ここはチャキ～ン！シュワ～！って感じでお願いします」
みたいな擬音での説明は、よほどの関係じゃない限り伝わりません。とは言うものの、「マスクかけて」とか、アクションスクリプトの「○○メソッド使って」なんて言うクライアントもいません。
対処法 → 絵コンテや動き方のサンプル、参考サイトを見せて具体的なイメージを伝える
「赤」という同じ言葉でも、イメージする色は人によってさまざまです。
当然のことながら、印刷物の色（CMYK）とディスプレイで見る色（RGB）とでは見え方が違います。インクの色を100％再現することは不可能です。
対処法→印刷ではなく、色もディスプレイで確認してもらうこと
色の面積や、ディスプレイ（Win／Mac）の設定によっても見え方が違うことを説明する
いつまでも修正が終わらない
ページ単価の場合、1ページに収めれば追加料金が発生しないと思われる
対処法 → 大がかりな修正、追加料金が必要なものは事前に説明する
サイトマップ・仕様書・画面設計書（ワイヤーフレーム）をしっかり作る
参考：第35回 画面設計書はどう作られるべきか：ITpro
お金も絡むことなので口頭の約束や指示はとにかく残すこと
対処法 → 必ずメールや書面で確認する
いわゆってないけど、長年連れ添った夫婦や超能力者じゃあるまいし、伝えないことにはわかりません。
対処法 → プロジェクトメンバーとの情報の共有
クライアントに「わかる言葉」で説明して納得してもらう努力が必要
もっと話そう。「なんだ、それだけかよ！」というツッコミはなしの方向で。
他にこんなケースもあるよというご意見もお待ちしています。
【あわせて読みたい】
]]>
もうあなたなしでは生きていけないわっ！なんて大げさすぎますが、毎日のインターネット生活の中で、わたしにとって「これがないと困る！」と思うWebサービスを10コ選んでみました。
Amazon.co.jpよろしければ、あなたの「これがないと困る！」と思う Webサービスもコメントやトラックバックなどでぜひ教えてくださいね。
追記：2008/06/11
【番外編】（要インストール）
おっと、これもないと生きていけない！ってことで追加
遠くの親戚より、オンラインの友達！
わたしの肩書きは「Web デザイナー」です。（べにぢょみたいに“無駄にエロい”仕事はじめました！て言いたいけど）職業を聞かれてそう答えると、世間の人たちからは「Web デザイナーって何？」みたいな顔をされたり「パソコンに詳しい人」なんて言われたりします。Web デザイナーに対する一般的なイメージってどんなものなんでしょうか。たしかにパソコンも使いますが修理はできませんっ＞＜
この業界に片足突っ込んだばかりでえらそうなことは言えませんが、わからない「今」だからこそ、わたしが目指すWebデザイナー像を書き留めておこうと思います。
Web デザイナーの役目をひとことで言うとするならば「人をハッピーにする仕事」だと考えています。まだまだ手探り状態ですが、もっとデザインの技と心を磨いて多くの人がハッピーになれる Web サイトを作っていきたいと思います。
もしかして関連？
]]>
今、Webサイト制作ツール Adobe® Dreamweaver® CS3（以下、ドリウィ）の勉強をしています。
これまで mi （テキストエディタ）で十分じゃんと思っていたけど、ドリウィの本を買ってサンプルサイトを作ってみたらめっちゃ便利やんっ！！
なんとなくソフトの使い方を覚えるほうが面倒だなーと敬遠していましたが、ドリウィのほうが格段に楽になってミスも少なくスピードもアップするなら使わないと損！
以前、経理をしていた頃、Excelで複雑な関数を使って計算に苦労していたら、税理士さんに弥生（給与／会計）を勧められて「なぜもっと早く使わなかったのだろう」と思ったことがありました。
Web制作も同じように便利なツールはたくさんあるし、何が使いやすいかも人それぞれ違うと思います。間違えてはいけないことは「ツールを使うことが目的ではなく、目的のための手段でメリットがある」ということ。
ドリウィを使う目的とメリット
使いこなすにはまだまだですが「習うより慣れよ」という言葉どおり、実際に自分の手を動かすことが一番の近道だと思います。…というわけで、日々精進します。
【参考にした本】
できるクリエイター Dreamweaver 独習ナビ CS3/8対応 (できるクリエイターシリーズ)
鷹野 雅弘 できるシリーズ編集部 益子 貴寛
Dreamweaver をとことん使いこなしたい人向け
Web標準、SEO やアクセシビリティもしっかり学べます。
【参考になる記事】
タイトル変更：2008/05/17
]]>
今日から5月ですね。気分を変えてリンクの色を変えてみました。ちょっと色を変えるだけで、印象も気分も変わります。
CSS：下線なしのピンク
a:link {
color: #ff1a81;
text-decoration: none;
}
a:visited {
color: #ab1498;
text-decoration: none;
}
a:hover {
color: #ff0084;
text-decoration:underline;
}
a:active {
color: #663399;
text-decoration: none;
}
CSS：黒に下線付き
a:link {
color: #000;
text-decoration: underline;
}
a:visited {
color: #555;
text-decoration: underline;
}
a:hover {
color: #fff;
background: #000;
text-decoration: none;
}
a:active {
color: #555;
text-decoration: underline;
}目にうるさいのでサイドバーのリンクは下線なしのままにしています。
追記：またピンクに戻した（5/9）
]]>
creamuさんが4月15日にリリースした、あとで調べるためのGTDツール「ATODESHIRABERU」（あとで調べる）は超グッドだぜ！
タイトルは、ネタフルさんをパクリました。ごめんなさいごめんなさい＞＜[N] 30日間限定のオンラインアルバム「30days Album」は超グッドだぜ！
ATODESHIRABERUについて から引用ATODESHIRABERUは、以下の2つの機能を持ったサービスです
・あとで調べたい言葉を登録して、その言葉を検索エンジンのリンク（Google、Yahoo、MSN）をクリックすることで検索できる。
・その日考えたことをマインドログとして記録することができる
「ATODESHIRABERU」の何がグッドかというと、まずそのシンプルさ！デザインもグー！
何かとWebで調べる機会が多い人、エゴサーチ（自分の名前を検索すること）やSEO対策など、同じキーワードで横断検索するとき、とっても便利なサービスですね。
毎回入力する手間が省けるので、分からないことや知りたいことがあったときは「ATODESHIRABERU」にポンポン登録しています。
検索ワードサンプル
このサービスを作った経緯などは、creamuさんの記事を参照
あとで調べるためのライフハックツール『ATODESHIRABERU』 | CREAMU
コメントにもありましたが、「一度登録した検索ワードの削除機能がほしい」とリクエストしたところ、さっそく削除機能を追加してくれました。
→「ATODESHIRABERU」にdelete機能とfaviconをつけました。 | CREAMU
みなさんもどうぞご利用ください。
GTDとは米国のコンサルタント、デビッド・アレンさんの著書、「Getting Things Done」の頭文字をとったもので、本に紹介されているストレスフリーの仕事術のことです。
]]>
エイプリルフールに1日限定で公開された、ペパボ（株式会社paperboy&co.）の無料ライフログサービス「ログピ」が、4月24日12時頃に正式スタートしたみたいです。先日 Twitter の日本語版もスタートし、これで一気にミニブログブームが来るんでしょうか。
基本は Twitter と同じように「いまなにしてる？」という質問に短い文章で答えるだけですが、「ログピ」は記録系・予定系・プロフィール系などの「タイトルリスト」があるので、ミニブログ初心者の方でも気軽に始められそうですね。もちろんケータイからもOK！
すでに Twitter のアカウントをお持ちの方も、Twitter Pi ボタン 
を押すと、Twitter にも同時に投稿できるので使い分けてみてはいかがでしょう。
わたしが気に入っている点は、ペパボの社長イエイリさんも絶賛してますが、「ログピ」に投稿するときの「ピッ！」って音がいい！「ピッ！」が聞きたくて無駄に投稿してしまいそうです。
ブログのサイドバーに「最新ログ」や「プロフィール」を表示できる複数の貼り付けバッジや、ブログ紹介用素材も用意されています。
↓というわけで、無駄に全部貼ってみたよ！！
【関連エントリー】
ログピを正式リリースしました - daiskip.com
ログピをメインで制作したデザイナーのスーパーサイヤ人みたいなすげえ34歳！daiskip（34）♂をウルトラ応援するぴ！
Web サイトのレイアウトを考えたり写真や画像をトリミングする時、意識して縦横比を統一すると全体のバランスがよくなります。そんな時に、覚えておくとちょっと便利なバランスのよい「縦横比」と「国際標準バナーサイズ」を紹介します。
デザイン的に「見やすい」または「美しい」とされる縦横比。
Google Adsense やアマゾンアソシエイトなどのバナーをサイトに設置する場合は、こちらのサイズも参考にしてレイアウトを決めるといいと思います。
参考：バナーサイズの国際標準
参考：Yahoo! JAPAN - 広告商品と料金のご案内
広告仕様書 統合版 Vol.33（PDF）
【関連エントリー】
モバイルバナーサイズ追記：2008/05/21
]]>
ブログのコーナーに簡単に貼れるクールでポップな「リボンジェネレータ」を集めてみました。
どちらも日本語には対応していません。
Free Website Ribbon Generator - For Your Site Or Blog
どんなサイトにも合うシンプルでさりげないリボン
文字と色を指定して「Generate」ボタンを押すだけ。
出来上がったリボンはコードを貼り付けるだけで設置可能です。
WEB2.0風のリボンを作成できるジェネレータです。
4種類のリボンの中から選択して、色や文字色をお好みでカスタマイズできます。
blogsticker ― Stickers for your blogs!
お好きなステッカーを選んで、ブログに1行コードを加えるだけのお手軽なステッカー
カテゴリも変態から、音楽、スポーツ、映画、国旗、ソフトウェアと種類も豊富で、サインアップすればいつでも簡単に変更できます。
トップページの写真が無駄におもしろいw
ジェネレータではないけどオマケ
「冷やし中華やってます」みたいな「Twitter やってみてます」リボン
左右両方に貼れます。
というわけで、わたしも「冷やし中華はじめました」みたいな「Twitter はじめました」リボン作ってみました。
よかったらどうぞご利用ください。
関西バージョン／やめましたバージョン
現代人はとにかく忙しい。
ブログに mixi に Twitter にアウトプットアウトプット！
はてなブックマーク、livedoorリーダーでインプットインプット！
そりゃー、わたしのブログをじっくり読んでいるヒマなんてありませんよね。そういうワケで「あとで読む」ボタン 
をタイトルのすぐ右側に付けました。
「あとで読む」はボタンをクリックするだけで、メールにその記事を届けてくれるサービスです。RSS リーダーやソーシャルブックマークを利用していない方でも「今読んでる時間がない！」という時や「あとでじっくり読みたい」という場合に便利なサービスですね。
どうぞご利用ください。
ケータイ派のあなたには、1クリックでケータイにメールしてくれるモバイル版「 あとで読も」もあります。
[あとで読む][ってほんまかい]
]]>
