ただのにっき

■ tDiary: socialbuttonプラグインにPinterestボタンを追加

Twitterで「Pinterestボタンが欲しい」というリクエストを受けたので調べてみたらPinterestにもソーシャルボタンがあるんだな。知らんかった。

単純なものなので、同梱しているjquery.socialbutton.jsを拡張して対応した*1。もっとも、画像のURLを指定しないといけないのだが、1個に限るので複数の写真を含むエントリの場合は困る。まぁ、そういう場合は普通にBookmarkletを使ってくださいと割りきって、最初の画像を指定することにしたのだった。

■ ナビスコ: 川崎 0-3 浦和＠等々力陸上競技場

ナビスコカップということでケンゴや矢島をベンチに置いたBチーム構成だからしかたのない面もあるとはいえ、やっぱりリーグ戦に比べると練度が低いというか。具体的には後ろ向きのパスが多すぎ! あとGK杉山いつからそんなに下手になった?

というわけで、得点の匂いのないまま前半終了、後半からけっきょくケンゴと矢島を投入するも立て直せず、2試合連続で無得点というありさまに。というか、おれまだ等々力で勝ち試合を1回しか見てないよ。まぁ、こっちはすでに今季の目標を「残留」に切り替え済みなので痛みは少ないが(笑)、チームができあがるまでしばらくかかりそうだぬー。

■ Adobe Shadowを使ってみた

ようやく、Adobe Shadowを入れてみた。PCのブラウザで表示しているのと同じURLを、スマートフォンやタブレット端末にも同時に表示してくれるツール。Responsive Web Designを狙ったサイトの確認作業に威力を発揮するというので、tDiaryのテーマ作成に役立ちそうだ。このサイトをスマホで表示するとわかるけど、ちょっと幅が大きくなっちゃってて、微妙にフィットしてないんだよね。そういうのを直すのに便利そう。

導入は以下のステップ。「Adobe Shadow」というソフトウェアだけで3種類入れないといけないので混乱する(笑):

1. Adobe ShadowのページからWindows用クライアントをダウンロード、インストール
2. Chrome拡張のAdobe Shadowを入れる
3. AndroidアプリのAdobe Shadowをスマホにインストール

PCとスマホを同じネットワークに置いて、まずPCアプリを起動(Chromeのツールバーにある「Sd」マークが青く変わる)。続いてAndroid側のアプリを起動すると、ネットワークをスキャンしてShadowが動いているPCを発見してくれるので、それを選択。すると6桁の数字が出るので、それをChrome拡張の方に入力することでペアリングが完了。PC側で表示しているURLがスマホに渡って、同じページが表示される。

面白いのがインスペクター機能で、Chromeのデベロッパーツールとそっくりな画面が立ち上がるんだけど、操作対象がスマホ側になるってところ。これでDOMやCSSをいろいろ調整しながら動作やデザインの確認ができる。さすがにレスポンスは悪いけど、これはいいな。

で、デザインの不具合は直ったのかというと、いやまぁなんだ……CSSって難しいよなぁ!