Posted at Tue, 08 May 2007 in computer RSS をものすごい簡単にくっつけたり抽出したり変換したりできるサービス、Yahoo! Pipes を使ってみました。 最初はただ単純にに個人日記の方に Pandora というインターネットラジオで最近ブックマークした曲一覧を表示するようにしたかっただけなのです。これは RSS フィードさえあれば簡単にできるし Pandora が提供してくれている RSS フィードをそのまま表示するつもりでした。 なんですが英語ばっかりだし(Pandora は洋楽しかないから)件数多いしでいまいちだったので前から試してみたかった「Yahoo! Pipes」を使って最新7件だけの RSS を作成して表示することにしました。エントリにするのが申し訳ないぐらい簡単でした。すごい。でも日本語で提供して!って感じです。最新n件を取得したい
d:id:ZIGOROu:20070118:1169089995 で提唱したPattern Driven CSS(以下PDCで略す)ですけど、昨日ふと思いついた事です。 あとちょっと追記しました。 「display: none」によるパターンのフォーカス 例えば下記のようなHTMLがあるとする。 <body> <div id="content-root" class="section"> <h1>Yet Another Hackadelic</h1> <ul id="global-navigation"> <li><a href="" title="">最新の日記</a></li> <li><a href="" title="">日記一覧</a></li> <li><a href="" title="">日記を書く</a></li> <li><a href="" title="">管理</
来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
[範囲]は,[開始行],[終了行] の形で指定します.開始行および終了行には,行番号,ドット(.),およびドル記号($)が利用できます.ドットは現在の行を意味し,ドル記号はファイルの最終行を意味します. <before>および<after>の部分には,正規表現を利用してパターンを指定します. ↑
vi のコマンドモードの各コマンドに対して、筆者の独断と偏見に基づいた注釈 を加えながら機能を記述したクイックリファレンスである。 おまけとして nvi のヘルプをもとに Emacs 風のコマンド名もつけてみた。 a (append-after-cursor) カーソルの後ろから挿入を開始する。もし a と A がなかったら、行末に文字を挿入することはできない。 b (move-back-word) 前の単語へ移動。h, l では行の終端を越えられないのに、w, b は越えてしまう。この1点を見てもすでに vi の設計が一貫していないことがわかる。 c (change-to-motion) 変更。もっとも有用なコマンドの1つ。しかし実は挙動に例外の多い問題児。なぜ連続する空白の上で cw すると1文字しか削除されないのか? d (delete-to-motion) 削除。vi は削除に関
ウェブサイト設計は、ページ単体で捉えるのではなく、それまでに閲覧したページで得た情報や心理状態を踏まえ、「線」で捉えることが重要です。今回はその一例をご紹介します。 ユーザが投稿した記事を掲載するサイトAは、各記事のタイトルまでは公開されており、全文を読むにはログインが必要でした。 タイトル一覧をスクロールしていき、ある記事に関心をもったユーザは、全文を読むため、次に表示されたログイン画面でユーザIDとパスワードを入力しました。 いざ内容を読もうと思った矢先に表示された画面は、タイトルの一覧が並んでいる画面で、お目当ての記事がどこにあるのか、また探さなければなりませんでした。 【ケース2】 あるメーカーサイトの場合 メーカーサイトBでは、扱う商品が多岐に渡るため、各商品を大カテゴリ、中カテゴリといった階層に整理して掲載していました。 ユーザがある商品ページから、「商品に関するお問い
言霊 - 科学と非科学の迷宮 上記は大昔に書いた記事です。 ブログの記事などを平気で削除してしまう(それもきれいさっぱり全て)人がいるのですが、 私はそういう人を見ているとなぜかいらついてしまいます。 なぜかはわかりません。 そして、そんなことでいらついている自分を嫌悪します。 その人は、「文章なんて排泄物」と言うのですが、私はブログの記事を、 ある時間に存在した自分の射影だと思っています。 だから、自分の記事は例えどんなに拙い文章だろうが残しています。 排泄物だと思うんだったらトイレに流せよ、とでも思うのでしょうかね。 しかしだからといって、いらついてもいい理由なんかありません。 なぜなのでしょうね。 最近の悩みです。
タモリさんの作ったカレーが食べられる。 …そんなイベントが開催されると聞いて、平常心でいられる人って果たしているのだろうか。だってタモさんのカレーですよ。芸能人として大成し、自宅に招かれない限り食べられない、夢のカレーですよ。 とにかく私は舞い上がり「ほぼ日」のカレー部例会@電力館というイベントに記者枠として申し込んだ。いつもいい加減な料理記事しか書いていない為、たぶん当選は無理だろうな、と思いながらの応募であった。 が、数日後「ぜひ来てください」のメールが。「うわ! 大変だ!」と喜びすぎてますます狼狽し、落ち着きをなくしながらタモさんのカレーを食べてきた。 それだけでは飽きたらず作りもした、その記録です。 (高瀬 克子) 電力館はスゴイことになっていた イベント当日。一般のお客さんが入場する前に約20名ほどの記者が集められた。記事にする際の注意事項など、いろいろと説明を受けながら8Fのス
自然言語処理研究の第一人者として、そして年季の入ったブロガーとして知られる山下達雄さん。ウクレレを弾く姿をブログで発見して取材を依頼したのですが、まさかここまでウクレレを愛していたとは……。軽くて覚えやすくてかわいくて、おまけに安いウクレレに……ハマりそう!
vimは使いこなしている人は超人のように使いこなしているのですが、「たまにconfファイルいじる時だけ使うよ。まあ、普段はemacsだけどね」という人は、vi時代の機能のみ使っているのをたまに見かけます。 そこで、通ぶって恐縮なのですが、僕が普段vimを使っていてとっても便利で効率が上がると思う操作を紹介したいと思います。また、僕自身が Mac OS X な環境なので、「外部コマンドとの連携」などでWindowsだと再現できないものがあるかもしれません。ごめんなさい。 用語の使い方や理解が間違っている部分があるかもしれませんがその場合はご指摘いただければと思います。あと、「これ抜かしちゃ駄目でしょ!」みたいなのがあればアドバイスお願いします〜。 それでは、 [あとで読む] vimの基本操作 (知っていると思うので省略) 超概略 挿入モードと編集モード キー操作 内容 i 挿入モード突入(文
昨日こんな感じのネタを Twitter に投稿し続けたところ、思いの他 好評だったのでちょっと調子に乗って、加筆・再編集したものをまとめてみました。 ※白いヘアバンドをしてた頃の、ふかわりょうさんを思い出しながら読んでください。 お前、飲み会で喋らないくせに、Twitter には逐一書き込むんだな 「from web」だけじゃなくて、たまにはモバイルで Twitter しろよ 今日の夕食、Twitter の書き込みに影響されてない? お前、Twitter なら簡単に友達作りできてるんだな…… 「どうせ皆わんわんワールドみたいにすぐ飽きるよ」って、お前 はわわわのことはもういいだろ! 徹夜でニコニコ動画見てたくせに、わざとらしく「今起きましたー」なんて書くなよ え?Twitter のために携帯換えたの? お前の話はダラダラと長いから、Twitter に投稿できるくらいにまとめろよ 女の子の「
Zoom Zoom Zoom Consectetuer adipiscing elit. Curabitur viverra ultrices ante. Aliquam nec lectus. ボタンでサイトの文字サイズを自由に変更するサンプル。 右上のボタンを押すことで文字サイズを変更できます。ニュースサイトでは標準実装されている機能ですが、自分のサイトにも埋め込みたい場合、このサンプルが応用できそう。 switcher.js というファイルを読み込んで表示しているようで、ボタンを押した際にスタイルシートをJavaScriptで書き換えているようです。 もっと良いサンプルは作れそうですが、手早く改造して利用する分にはこれでもよいかもしれませんね。
CSS Nite in Nagoya 2007、CSS Nite in Osaka、CSS Nite Vol.18でアンケートにご協力いただいた中で「参照しているサイト、コミュニティ、ブログ、メルマガなどありましたら教えてください」という設問に対する回答をシェアします。 順不同ですが、mixiのコミュニティへの回答が多いようでした。また、「その度に検索している」「RSSで購読している」なども多かったです。 「小粋空間」(MovableTypeに関して) http://www.koikikukan.com/ DreamweaverでWeb標準(XHTMLとCSSでサイト構築) http://blog.mag2.com/m/log/0000169311/ 3ping.org http://3ping.org/ webデザイナーのナナメガキ http://loconet.web2.jp/
Jeff Atwood / 青木靖 訳 2007年2月26日 レジナルド・ブレイスウェイトが書いていることを読んだとき、私はそんなわけないだろうと思っていた。 私と同様、この著者は、プログラミングの仕事への応募者200人中199人はコードがまったく書けないということで苦労している。繰り返すが、彼らはどんなコードも書けないのだ。 彼が引用している著者というのはイムランのことで、彼は単純なプログラムも書けないプログラマをたくさん追い払っているということだ。 かなりの試行錯誤の末に、コードを書こうともがいている人たちというのは、単に大きな問題に対して苦労しているのではないことがわかった。やや小さな問題(連結リストを実装するというような)に対して苦労するということでさえない。彼らはまったくちっぽけな問題に苦労しているのだ。 それで、そういった類の開発者を見分けるための質問を作り始め、私が「Fizz
多様化・高度化するWebデザイナーのお仕事 近年、Webデザイナーへ求められるスキルは多様化、そして高度化しています。 スキルを細かく分類しても、多岐にわたってしまうことがわかります。 Webデザイナーに求められるスキルを細分化する グラフィック(ビジュアル)デザインスキル (X)HTMLマークアップスキル 文書構造を適切に意味付けする CSS技術スキル HTML/CSSオーサリングソフト操作スキル 代表的なツール:Dreamweaver 目的にそって情報を配置(レイアウトやマッピング) インターフェースデザインを行うスキル 配色スキル JavaScript技術スキル Flashオーサリングスキル グラフィックソフト操作スキル 代表的なツール:Photoshop/Illustrator/Fireworks アクセシビリティ配慮のスキル ユーザビリティ配慮のスキル インフォメーションアーキテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く