Dave Winer氏「Twitterとは生態系である」（日本語訳） - Trans
Twitterはミニブログ、SNSなど色んな文脈で語られますが、イマイチ「これ！」といった定義が難しく思います。そして、何より「Twitterって稼ぐ気あるの？」とも思ってました。そんな時に、What Twitter is (Scripting News)が面白かったので訳しておきました。 What Twitter is 投資家（Union Square Ventures）やエンジェル、起業家の皆さん、おめでとう！ 私は数多くの記事やコメントを読んできて、そこにあるスレッドも見てきた。人々は疑っている、「Twitterでお金を稼ぎ出す方法はあるのか」と。彼らが今までこのブログを読んでいないのだと私は思う。 そろそろ立ち止まって、Twitterとは何なのかをレビューするにはちょうどよい頃合になったと思う。 1. Twitterとはユーザのネットワークである。 それは関係性の1つの型においたも
僕が購読している英語ブログ（主にWebデザインやユーザビリティ）を簡単な説明入りで全部公開します。 - Trans
id:elastic965kさんから疑問を投げ掛けられたので、その質問に答えるためのエントリーです。僕が購読している英語ブログの一覧とその概要を簡単に書いておきます。 追記（2007年8月28日21時）：はてなのアンテナにもいくつかエントリーを入れているのを忘れていましたので、文末に追加しておきました。 このエントリーの動機と英語ブログに対する考え方 id:elastic965kさんから先のエントリーの英語ブログを訳すための5つの私的なコツに対するはてブのコメントで、 id:aratako0さんはよく英語の記事を訳されているようだけれど、どんなブログを読んでいるのか知りたい。 とのご質問を受けたので、僕が読んでいる英語ブログを全部公開しておきます。主に僕の好きな分野であるWebデザインやユーザビリティなどが中心です。 そもそも僕はNPO法人で働いていて、例えば朝礼なんかで「昨日公開されたあ
英語ブログを訳すための5つの私的なコツ - Trans
このブログではちょくちょく英語ブログを日本語訳して紹介していますが、その方法論にもちょっとしたコツや基準みたいなものがあります。それを備忘録も兼ねてメモしておきます。 日本語訳するために2回訳す。 変なことを言っているようですが、僕はこの方法を取っています。どういうことかというと、 英語の文法に忠実に日本語で直訳する。 その日本語をもう少し日本語として読みやすくする。 という2段階で訳するということです。英語を日本語に直訳した文章や本を読んで「読みにくい、こなれていない日本語だ」と感じることは多いと思いますが、これは2段階目のステップがちゃんとできないことに起因するかと思います（僕も全然できていませんけど）。 分からなくてもどんどん訳す。 ある程度の長文になってしまうと、僕のようなノンネイティブな人たちにとっては必ずどこかで「うん？何言ってるの、この人」と言ったように、全然訳せない、意味が
IEハックなんて全部捨てちまえ！ - Trans
件名の通り。といっても、英語ブログの訳文です。原文は「Trash All IE Hacks」より。間違いもあるかもしれませんが、訳文の許可をもらったので日本語訳しておきます。以下から訳文。 みんながIE6を嫌っていることをそろそろ認めようよ。僕たちのCSSのデバッグの約80％の時間がIE6のために費やされている。みんな知っていると思うけど、IE6は時代遅れだし、ひどいCSSのレンダリングエンジンを持っている。けれど、ほとんどの平均的なインターネットユーザはそのことをいまだに理解していない。だから、僕たちはそれに時間をかけないといけないし、様々なIEハックを使って、バグを埋めないといけない。そう、何かをやる時間を使ってね。 共通のIEハック 1.CSSコンディショナルコメント 特定のIEのバージョン（不適切なCSSレンダリングをする）で僕たちのサイトを動かすためには、CSSコンディショナルコ
TRANS [hatena] - RSSリーダー Firefoxを使って、英語の記事をサクサク読む9つの方法
このブログではちょくちょく英語の記事を元ネタに書いたりしているので、「英語できるんだ」なんてことを思われているみたいです。けれど、僕は留学経験もないし、両親がハーフなんていうオチもありません。でも、RSSリーダーやFirefoxをうまく使いこなせば、そんな僕でも「それなりには」英語の記事を早く読めるようになります。 livedoor Reader + Greasemonkeyで情報の取捨選択を行う ノンネイティブである僕が英語の記事を読むには、日本語の記事を読むよりも時間がかかります。そのため、読むべき記事は厳密に取捨選択する必要があります。1日中RSSリーダーを読んでいるだけではマズイのです（そもそも本職ではないし）。 そのために、LDR + グリモンを使います。グリモンは最速インターフェース研究会 :: livedoor Readerにdel.icio.usのブックマーク数を表示するG
![TRANS [hatena] - RSSリーダー Firefoxを使って、英語の記事をサクサク読む9つの方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae5f6834be9c8c44575fefdd0a8f407f55a40419/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523209%2F1460995420)
TRANS - WordPressで企業サイトを作る際に押さえておくべき10個のこと
少し前に、WordPressで企業サイトを作る際によく使うプラグインという記事を書きましたが、プラグインを入れたらそれで完成、という訳にはいきません。そこで、プラグインとは別に、企業サイトを構築する際に押さえておくべき10個のことを書き出しておきますので、参考にして下さい。 そのコンテンツにはページなのか、記事なのか、それともHTMLなのか。 WPには、「ページ」というブログの時系列には影響されない個別のコンテンツを作るための機能があります。まず、はじめに考えておくべきことはWP自体をどの階層にインストールしておくのか、ということです。 同時に、あるコンテンツを作る際にそれを「ページ」で作るのか、それともブログベースの「記事」で作るのか、それともWPとは別に単なるHTMLファイルとして作るのか、そのあたりを考えておく必要があります。僕がよく使う方法は、「お知らせ」や「新着ニュース」などは「
TRANS - alt=""を越えて。
集中的にアクセシビリティやユーザビリティを最近になってやっと学び始めました。JIS X 8341やWCAG1.0を読み進める中で、もっと自分自身勉強したいと思うようになってきました。そこで、JISやWCAGを学ぶ中で、自分がシニアや障害を持つ人との現場で、またそういった現場で働いている人たちの意見を踏まえた上で、疑問に思うことを列挙しておこうと思います。いずれは、こういうことをちゃんと実装レベルで解決できるようになりたいなと思いを込めて。 alt=""は空文字なのか、半角スペースなのか、それとも全角スペースなのか？ 少し前に「ブロガーのためのアクセシビリティガイドライン」を書きました。この際に、はじめはalt=""と空文字を打つと書いていたのですが、よくよく調べてみると、空文字だと音声ブラウザによっては「画像」と読み上げてしまうことがあるようです。また、全角スペースの場合は、日本語環境以外
ブロガーのためのアクセシビリティガイドライン - Trans
唐突ですが、ブログやWebサイトを更新する際に、よりアクセシビリティが高いコンテンツをどうすれば書くことができるのか、そういったガイドラインを公開します。 といっても、元々は他団体向けにWebサイトを制作している際に、「結構、Webには詳しい」方にコンテンツを書いてもらっていたのですが、時折「概 要」とか、「2007年1月11日（水）」といった記述が見られ、「あー、このままでいくと、更新作業を今後やってもらうのってすごく不安だな」と思いました。そこで、どうすれば音声ブラウザなどがうまく対応できるようにコンテンツを書けばよいのかをガイドラインにまとめてみたのですが、せっかくですので、ウェブ上で公開することにしました。 前提として、 アクセシビリティに詳しい方にとっては、「何を今更」という内容。 デザインやマークアップよりも、コンテンツを書く＝ウェブライティングに特化したガイドライン。 ブロ
TRANS - ドラッカーに学ぶlifehack
実は、僕はドラッカーが大好きです。ドラッカーをご存知ない方は、Wikipediaをどうぞ。ものすごく単純に言ってしまうと、近代マネジメントの原型を作った人という感じです。 けれど、その多くの著作は小難しい経営手法ではなく、個人というものに焦点が合わせられています。その中で、現在にも通じるはずのlifehack的な手法がありますので、紹介します。ちなみに、僕は3年くらい前から半年に一度ほど実行しています。 さて、その手法は「フィードバック分析」というものです。やり方はいたって単純です。 今年、もしくは半年に一度、「現在、自分がやっている仕事」、もしくは「新しく始めた仕事」を書き出します。 その各々の仕事に、「その期待する成果、目標、結果」を書き出しておきます。 その書き出したデータや書類をどこかに保存しておきます。 半年後、もしくは一年後にそのデータや書類を取り出し、「その期待する成果、目標
2xupで実装されているエラスティックレイアウトを調べてみた。 - Trans
2xupさんのところで実装されているエラステックレイアウト（Elastic Layout）、もしくはエラステックデザイン、はたまたエラスティックレイアウトというのが気になってしょうがない。今年、アックゼロヨンでグランプリを受賞したみずほ証券でも、似たようなレイアウトが施されている。というわけで、またもや調べてみた。 と、調べてみたはいいものの、うまい具合に実装方法について解説されているサイトが見つからなかった。要は、widthやpadding、marginなどにem指定をして、フォントサイズを変更しても、それに応じてレイアウト幅が変更されるレイアウトのことを言うらしい。A List Apart: Articles: Elastic Designで発表されたのがどうも初めてのようだ。ちなみに、作者が作ったサンプルサイトもある。 でも、456 Berea Streetでよい感じに、自分のサイト
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
