どうも Trello のデザインが変わったせいか動作しなくなっていたので Colored Hashtag for Trello を更新しました。 chrome.google.com Chrome プラグインだと公開するだけで勝手にユーザの環境も更新されるから開発者的には有難いですね。気軽にバグ修正が…

自前のドラッグアンドドロップを実装していて、Chrome や Safari では発火している mousemove イベントが Firefox では定常的に上がってこないという事象に悩まされました。 色々調べてみたところ下記の stackoverflow で同じような質問をしている人が。 You…

↑ を作ってみたシリーズ、前回の記事 の続きです。 Yeoman の generator-chrome-extension でプロジェクトを作成すると /app/scripts/ 配下に background.js と chromereload.js という二つのスクリプトが生成されます。今回はこの二つのファイルについて調…

こちらの Chrome 拡張ですが、 jQuery のセレクタで無駄に引き直しているところがあったのでそこを修正しました。また、Plus for Trello 拡張を意識して、複数のハッシュタグがある場合に先頭のものを使用するようにしました。 詳しくはこちらの GitHub で。…

↑ を作ってみたシリーズ、前回の記事 の続きです。 タイトルにもありますが、今回初めて Chrome 拡張機能を作るに当たって、以前 勉強会 に参加してから気になっていた Yeoman の Chrome Extension Generator を使ってみました。 node.js のサイト から node…

あけましておめでとうございます、今年もよろしくお願いいたします。 年末はインフルエンザで寝込んでいたのですが、休暇中に作りたいものも一杯あったのでちょこちょここんなのを作ったりしていました。何気に元旦リリースです。 Colored Hashtag for Trell…

今日は今年で二回目というこちらのイベント、July Tech Festa 2014 に参加してきました。たまたま FB で教えてもらって、日曜開催という日取りにも屈することなく行ってきたわけですが、かなり実りの多い勉強の機会となりました。 今回参加したセッションに…

Swift のセッションに並んでこちらもフロント寄りのお話ということで、最近 Grunt あんまり活かせていないもやもやが解消するかなと思って こちらのセッション に参加してきました。そしたら時代は今や Gulp ですよという話に… 個人的に響いたこと Grunt か…

突然の雷雨で靴も靴下もパンツもびしょ濡れになりながら 【ヒカ☆ラボ】業務アプリケーション開発の「いま」を語る～最新トレンド技術YEOMANとは！？～ に参加してきました。 前々から薄々気になっていたヒカラボ初参加。ヒカリエ近いし帰りやすいし嬉しいで…

バージョン : D3.js 3.4.5 たとえば Multi-Series Line Chart - bl.ocks.org のような時系列のチャートを描画するとき、元データの期間を見て勝手にラベル（X軸の "April" など）を振ってくれるのは良いんですが場合によっては『1月』、『2月』とか、あるい…

完全にメモエントリーですが http://doc.jsfiddle.net/use/embedding.html In example if to show the result as the first tab add result,js,html,css/ to the URL: src="http://jsfiddle.net/zalun/NmudS/embedded/result,js,html,css/" のように result,…

バージョン : jQuery 1.11.0 下の fiddle は SVG rect (赤い正方形の) クラス操作の例です。 addClass() を使う $("#rect").addClass("selected"); と（クラスを上書くので addClass () と等価ではないですが） attr() を使う $("#rect").attr("class", "sel…

バージョン : D3.js 3.0.4 追加検証用のメモエントリーです。こちら適当なサンプルを組んでみた*1のですが で左側の赤いのは mouseover/mouseout イベント、右側の青いのは mouseenter/mouseleave イベントを捉えるようにしてあるのですが左だと四角形の中を…

表題の通りなのですが rect を append して下記の svg タグが生成されたとき、 <rect x="0" y="0" width="190" height="200" stroke="#008080" fill="white" stroke-width="5" style="stroke-opacity: 0.5;"></rect> 表示が のようになってしまって明らかに右辺と下辺が太くておかしくなってしまいました。 どうしたものかと調べたところ rect borders are not sharp Try changing your origin…

エンジニアのための データ可視化[実践]入門 ~D3.jsによるWebの可視化 (Software Design plus)posted with amazlet at 14.03.03森藤 大地 あんちべ 技術評論社 売り上げランキング: 894Amazon.co.jpで詳細を見る 技術評論社のサイトには電子版の販売もありま…