CodeNote

SNS のシェア用 URL をカンタンに生成できる social-share-urls が便利だったのでご紹介します。

• bradvin/social-share-urls

シェア用の URL を生成する Web サイトがあるわけではなく、github 上に公開されている repository を clone して使います。

$ git clone git@github.com:bradvin/social-share-urls.git
Cloning into 'social-share-urls'...
remote: Counting objects: 59, done.
remote: Total 59 (delta 0), reused 0 (delta 0), pack-reused 59
Receiving objects: 100% (59/59), 19.70 KiB | 0 bytes/s, done.
Resolving deltas: 100% (23/23), done.
Checking connectivity... done
 
$ open social-share-urls/generator.htm

プロジェクト直下にある generator.htm を開くと下記のような画面が表示されます。

必要な情報を埋めて generate ボタンをクリックすると各 SNS のシェア用 URL が生成されます。

各サービス公式の情報ではないので動かなくなったりするかもしれませんが、一括生成してくれるのは便利なので使っていきたいと思います。

CSS3 のグラデーションを生成できるサイト Ultimate CSS Gradient Generator を一緒にお仕事させてもらっているデザイナーさんに教えてもらいました。

グラデーションのかかったボタンの作成をお願いしたついでに「後学のため、なにで作ってるんですか？」って聞いたらこのサービスが出てきたわけです。

ベースの色は決めないといけないですが、これだったら僕でも使えそうです。

参考情報

• linear-gradient()－CSS3リファレンス

Node.js 向けの PhantomJS wrapper である phantom の addCookie メソッドの引数がバージョン 0.7.1 から 0.7.2 で変更になりました。

そのため addCookie メソッドを使ってる箇所がエラーで動かなくなってしまいました。

phantom stdout: TypeError: incompatible type of argument(s) in call to addCookie(); candidates were
    addCookie(QVariantMap)
 
 
phantom stdout:   /u/apps/myapp/shared/node_modules/phantom/shim.js:5621
  /u/apps/com/shared/node_modules/phantom/shim.js:4526
  /u/apps/com/shared/node_modules/phantom/shim.js:4502
  /u/apps/com/shared/node_modules/phantom/shim.js:4382
  /u/apps/com/shared/node_modules/phantom/shim.js:4370

変更点は、

addCookie: (name, value, domain, cb=->) ->

から

addCookie: (cookie, cb=->) ->

に arguments が変更されているだけです。

なので name, value, domain と個別に引数に渡されていたのを cookie オブジェクトにまとめて渡すように、addCookie メソッドを呼び出しているコードを修正すれば OK です。

• ph.addCookie's signature doesn't match the API docs · Issue #233 · sgentle/phantomjs-node
• Make ph.addCookie's signature match the PhantomJS API docs by pscollins · Pull Request #234 · sgentle/phantomjs-node

詳しくは上記の issue と pull request を読むと分かりますが PhantomJS の API に合わせる方針で修正されたようです。

ローカル環境でローカルにある JSON ファイルを $.getJSON しようとすると Chrome では file スキーマは読み込んでくれなくてエラーが発生します。

続きを読む

以前、Mongoose (MongoDB) で銀行口座の情報を取り扱う Scheme の定義をしたときに悩んで付けた field 名を公開します。

続きを読む

当サイト codenote.net が 504 Gateway Time-out で接続しにくい状態になっていました。

まず、Nginx のエラーログを確認すると upstream timed out (110: Connection timed out) while reading response header from upstream というエラーが出てました。

続きを読む

WordPress の無料テーマ Hew がモバイルサイト向けに使いやすそうなのでご紹介します。

続きを読む

join.me というサクッと画面共有できるサービスがめっちゃ便利で、メルカリのエンジニアさんたちがペアプログラミングに使っているという話を聞いて 本日 MTG で使ってみました。

本日の MTG は Backlog と Github issue を眺めながら来週の開発タスクの工数算出するという内容でした。「この機能は開発工数 3 時間で、レビューや QA に 2 時間ぐらい掛かるかな？」というような内容を話しながら、手元で issue に comment したり Backlog に工数を入力していました。この手元の作業を大きめの外部ディスプレイに出力せずに、画面共有することができるのはとても便利でした。

使い方については、

• 手軽にスクリーンキャストが行える「join.me」がなかなか便利 ｜ ライフハッカー［日本版］
• デスクトップの動作風景を共有できるツール「join.me」を使ってみた | BLOG | シナジーマーケティング株式会社　SynergyMarketing

とかに詳しく書かれていますので、そちらを参考にしてください。

とても簡単にスクリーンキャストができてとても便利でした。動作も重たくなく、スムーズに使えるのでオススメです。

Mongoose で途中から field に default 定義を追加する場合の実装方針をご紹介します。

続きを読む

Javaのアップデートを促す偽サイトが頻繁に表示される問題を解決したときに、不要と判断して「プログラムの削除と変更」からプログラムをアンインストールしまくりました。

いくつかプログラムを削除して問題は解決したものの、一部のソフトウェアが動かなくなったり音が出なくなるなどの問題が発生しました。必要なプログラムまで削除してしまったみたいでした。

こういうときには、システムの復元という機能を使うとカンタンに元通りにすることができるので覚えておくといいかもしれません。

• システムの復元とは – Windows ヘルプ

僕はひさしく Windows を触ってなかったのでこの機能の存在をすっかり忘れていて、復旧に少し手間取ったことがありました。