技術メモ カテゴリー

web系技術メモ

caramelvanilla » WordPress2.5でもBookmarkletから投稿するによると、
javascript:if(navigator.userAgent.indexOf('Safari')>= 0){Q=getSelection();}else{Q=document.selection?document.selection.createRange().text:document.getSelection();}location.href='http://denkasi.com/blog/wp-admin/post-new.php?text='+encodeURIComponent(Q)+'&popupurl='+encodeURIComponent(location.href)+'&popuptitle='+encodeURIComponent(document.title);
でブックマークレットが動くとの事。
すばらしい(*´Д`*)
wordpress2.5からブログを始めた私は知らなかったのですが、世の中、ブログにブックマークレット機能があるのは普通の事のようです。
なんか嬉しくて、早速使ってみました(*゚∀゚)=3

コメントは受け付けていません。

気になったページを無造作に「はてブ」に突っ込んでいる私ですが、そのブックマークから「本」のリストをつくりブログのサイドバーに載せることに。

  • 自分のはてブから、アマゾン商品へのブックマークを抽出したフィードを得る
  • そのフィードをyahoo!pipes で整形する
  • wordpress標準のウィジェットで読み込む

結果的に上記の手順となりました。

はてブからアマゾンに飛びたい

「はてブ」には、ブックマークの中から本などの商品リンクを上手く自動抽出しまとめる「コレクション」なる仕組みがあります。最初はそれのフィードを利用していました。
しかし、それではブログ上に表示された「近頃気になった本」クリックしてもアマゾンに飛びません。なにやらhatenaが用意したページ(・ω・)に繋がってしまいます。はてブを使わせてもらっている以上、甘んじてそのままにする事も考えましたが、やはり直接、アマゾンのページへ飛んでみたいところ。

はてブ抽出結果のフィードを取る

(more…)

コメントは受け付けていません。

私はブログを「構えて」書いてしまうタイプなので、構えていない部分は、ブックマークやtwitter(独り言用)で漏らそうと考えています。

ブックマークでは「はてブ」を利用

wordpressにもquickpostなる、ブックマーク機能を実現するプラグインがありました。しかし、今ひとつ思っているように動かなかった事もあり、早々に断念。

オンラインのブックマークは公開するためのものとも言え、折角公開するのであれば、それなりの付加機能を持った、いわゆる「ソーシャルブックマーク」を使わねば、勿体無い気がしてなりません。
と言う訳で、はてなブックマークの利用続行に決定。

本のリストでも抽出してみる

どうやら私は、本もサイトも何も考えずブックマークに加えていくようで、リストを改めてみてみると、他人様にとってはとても使える情報ではありません。
「構えていない部分」の表現であっても、ノイズはやはりノイズ。ナントカ意味を持たせたいと思い、本のリンクを抽出する事にしました。

実装に関しては、別記事としました。

コメントは受け付けていません。

safari3が相対サイズ指定時のフォントが大きい事に対応するため、先ず、Macにのみ専用cssが追加されるようにしました。

Mac用cssはオーバーライドで実装

私のコーディングの癖でもあるのですが、Mac用cssはオーバーライドで実装するのが好きです。
windows用と完全に分けてしまうのではなく、windows用(共通用)を読み込んだ後に、Mac用を追加で読み込み、上書する方法です。

テーマレベルで実装

他のテーマ(スキン)に影響を及ぼさないためにもテーマレベルで実装する事にしました。
header.phpの</head>直前に以下を追加
 <?php $agent = $_SERVER['HTTP_USER_AGENT']; ?>
 <?php if (ereg("Mac",$agent)) : ?>
 <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style-mac.css" />
 <?php endif; ?>

ガサツな気もしますが、とりあえずよし。
これで、Macの場合のみstyle-mac.cssが追加で読み込まれます。

safari3指定はcssレベルで

(more…)

Comments (1)

フォント絶対サイズ指定の時代か

IE7やオペラでは標準の「拡大」操作が、フォントの拡大ではなくズームになりました。
IE6では、文字を楽に読みたい時などにフォントを拡大しやすいよう、フォントサイズをガッチリ固定せずに作る方法が、ユニバーサルとされてきましたが、近頃はIE7のデフォルト化もあり、フォントの絶対サイズ指定での制作もユニバーサル的な不利は減りつつあります。

このブログは相対サイズ指定

仕事で作るサイトは、何故かIE7以前から絶対サイズ指定が圧倒的に多いです。打ち合わせの齟齬が減るからでしょうか?(仮説)IE7のお陰で、固定しないメリットも大分減ったのですが、ノウハウを拾っておくためにも、このブログは基本的に相対サイズ指定にしています。(一部絶対指定です。)

safari3はなんかちょっとフォントが大きい?

相対指定では、ブラウザ間の差異が大きくなる傾向にあるようです。
特に気になったのは、Macのsafari3。
Macとwindowsでは基本的にフォントが違う為、字間や文字列の長さも変わってきます。
その為、webでは「大体」合わせるのが精々なのですが、safari3での相対指定はなんか、一回り大きい(ノ∀`)
cssハックで対応するにも限界や危険がありますので、せめてMac用cssは用意したい所です。

コメントは受け付けていません。

技術記録も日記も読みたい人は少数派

我ながら「技術系記録+日々の雑感」なブログは、本来なら別のブログに分けるべきなのかなとも感じます。
分別(ノД`)するほどの価値もない…のでまとめているのですが、仮にRSSを購読するにしても、この手の技術系と日記を合わせて読みたい人はかなり奇特な方に違いなく…(ノД`)

ざっくりカテゴライズ

blogには「カテゴリ」と「タグ付け」なる記事の整理分類方法があるのですが、このブログでは

  • カテゴリをできるだけ少なく
  • 細かなところはタグで

をポリシーにしてみたいと考えています。とは言え、タグ付けは自分でも驚くほど下手糞です(ノД`)ほとんど付けていない
とりあえず、カテゴリはメニューに入る程度の数に絞るつもり。

カテゴリごとにRSSを

(more…)

コメントは受け付けていません。

ページトップへ

BOMにハマる

[技術メモ] 2008年4月14日(月曜日) 23:02

BOMは鬼門

 突然レイアウトの一部が崩れ、何を吟味しても原因がつかめず。 
1時間ほどのた打ち回った所、消したはずのBOMがいつの間にか復活していました。どうやら、近頃愛用している置換ソフトの仕様なようです。 

ぴったりのテキスト置換ソフトはいずこ

コーダーに限らず、複数行一括置換ソフトはよく使われると思います。
昨年までお気に入りだったソフトは年始にUTF8の置換でバグる事が判明し撤去。

その後、TExchange Ver.2.0.0を愛用しているのですが、いやはや、BOMなしUTF-8を置換すると、いつの間にかBOMが付けられちゃうのですね。BOMはweb系では鬼門。まさしくBOMです。

TExhangeは、BOMの問題以外は今のところ快適で、バグらない置換ツールを改めて探す気力はなかなか沸いてきません(ノ∀`)そこで導入したのが、KanjiTranslator 1.5 。BOMをまとめて取る作業をこれで行おうかな。おまじないとしても。

Comments (1)

気になってはいけない


調整前
wp-pagenavi 導入に際し、HTMLコーダの悪い癖が。
このページャに限らず、例えばこのようなニュースサイトでも、ページング部分では、クリックできる部分と、押したときに出る「破線のフォーカス」がずれているのです。
おそらくIEだけですし、実用上は全く問題がないので、こだわるだけ損なことの一つです。

調整

調整後
調整後
(more…)

コメントは受け付けていません。