1月 2012
1件の投稿
4タグ
Tumblr Life 1.0 Pre 8
Tumblr Dashboardを拡張するユーザースクリプト、Tumblr Lifeの1.0 Pre 8を公開しました。
Tumblr Life
GitHub
Dashboardのフィルターリストを復活したのと、デザインの調整がメインになります。また、Tumblrが標準でLikeのキーボードショートカットを実装したので、Tumblr Lifeではサポートを止めました。ショートカットが以前のAからLに変更されています。
詳しい変更点。
Tumblrが標準でLikeのキーボードショートカットを実装したので、Tumblr Lifeではサポートを止めた
/tumblelog が /blog に改名されたので、それに合わせた修正
GreaseKitをサポートから外した
新しい(と言っても去年の中頃にアップデートされた)Dashboardに合わせて表示を調整
...
12月 2011
1件の投稿
4タグ
pixivポップボードのキャッシュの仕組みとFacebookのUIの話
こんにちは。JavaScript Advent Calendar 2011 オレ標準コース18日目の@ykskです。
先日pixivにポップボードという通知機能がリリースされました。自分がお気に入りユーザーに追加されたり、投稿したイラストがブックマークされたりした時にヘッダーに未読件数などのお知らせを表示します。僕は直接機能を実装していたわけではないのですが、リリース直後に起こった負荷の問題でJSを書きました。今日はその話をします。主にUIの話です! え!
リリース直後、定期的に未読数の更新をAjaxで行っていた部分の負荷が急激に上がりました。ページロード時にHTMLに未読数を埋め込んだあと、2分ごとに未読数取得APIへリクエストするという処理です。
...
10月 2011
1件の投稿
2タグ
jqyery.dataset.js
https://github.com/yoko/jquery.dataset.js
前回の$.fn.dataの問題を回避するためにしばらく $.fn.attrを使っていたのですが、面倒になってきた(特に$.fn.attrではオブジェクトで値を取得出来ない)ので$.fn.datasetを作りました。
使いながらもう少しチューニングするかも。
8月 2011
2件の投稿
3タグ
$.dataはHTML5 datasetのラッパーではない
HTML5では要素に任意の属性を追加出来るdata-*属性がサポートされました。仕様では
<div data-foo="bar">...</div>
data-fooの値にはdiv.dataset.fooからアクセスすることが出来ます。ただしdatasetは現在一部ブラウザでしかサポートされていない。。そこでjQueryに存在する$.dataメソッドを使いましょう、という流れなのですが、$.dataをラッパーとして見た場合結構罠がありおすすめ出来ません。中途半端に対応してしまったために誤解されがちですが、$.dataはdatasetのラッパーではありません。
属性値がJSONとして解釈出来る場合、パースして返す
<div id="test1"...
1タグ
IEメモ
localStorageで容量限界近くになると書き込み処理でout of memoryが起こる
IE 8で確認。9ではチェックしてないです。全く書き込みをしない
localStorage.foo = '';
でも起こる。が、必ず起こるわけではない。別の書き方で
localStorage.removeItem('foo');
とすれば再現しなくなった。直接代入するのは止めた方が良さそうな気配。ついでに気付いたのが、代入して容量オーバーになった時のエラーはメモリが不足しています。(とout of memoryのアラート)、setItemを使った時のエラーはこの操作を完了するのに十分な記憶域がありません。と内容が変わること。やはりメソッドを経由した方が良さそう。
確認してないけどsessionStorageも同様な気がする。
固定サイトの挙動
IE...
6月 2011
3件の投稿
3タグ
IEのアップデートリンクに使いたいURL
IEにおけるgetfirefox.comのようなURLには
http://windows.microsoft.com/ie
を利用するのがいいみたい。
このURLだと言語ごとのIEのページにリダイレクトしてくれます。さらにリダイレクト先のページではOSにインストール出来る最も新しいIEが紹介されるので(例えばWindows XPではIE 8)、アップデートを促す際には最適です。
getinternetexplorer.comやgetie.comもあるようですが、いずれも言語を判別せずに英語サイトに飛ぶようです。
@mayukiさんに教えてもらいました:)
3タグ
jQuery Templatesのテンプレート内にscript要素を書く
jQuery Templatesはscript要素の中にテンプレートを書く都合上、普通にテンプレート内にscript要素を登場させることが出来ません。
<script id="template-foo" type="text/x-jquery-tmpl">
<script src="foo.js"></script><!-- ここでテンプレートの終わりと見なされる -->
<p>この要素はHTMLに溢れる</p>
</script>
みんなどうしてるんだろうと思ってぐぐったら微妙な解決方法しか出てこなかったので、{{script}}テンプレートタグを作りました。usage.htmlみたいにして使います。標準で入れて欲しい!
https://gist.github.com/1022395
3タグ
TurntableでファンのDJが回し始めたらGrowlに通知する
Turntable面白い!
TurntableにはファンになったDJが演奏を始めるとメール通知してくれる機能がありますが、見逃してしまって気付いたころには終わっていることもよくあります。そこでMail.appのルール機能を使ってメールが来たらGrowlに通知するようにしてみました。
mail-turntable-notifier.scptを適当な場所に保存
Mail.appに画像のようなルールを追加。「AppleScript を実行」には1で保存したファイルを選択
スティッキーなどの設定はGrowlの設定にある「Mail.app Rules」から変更してください。
https://gist.github.com/1020727
5月 2011
3件の投稿
4タグ
Tumblr Life 1.0 Pre 7
Tumblr Dashboardを拡張するユーザースクリプト、Tumblr Lifeの1.0 Pre 7を公開しました。
Tumblr Life
GitHub
変更点。
Firefox 3.6でポスト出来ない問題修正
Endless scrolling無効時にページ高さが足りないと下部のエントリーにポジションを合わせられないTumblr側の問題を解決
パフォーマンス改善
動作は落ち着いてきたように思います。設定画面がいるかどうかを考え中。
1.0までに実装、修正予定の項目はGitHubのIssuesで管理しています。
4タグ
Tumblr Life 1.0 Pre 6
Tumblr Dashboardを拡張するユーザースクリプト、Tumblr Lifeの1.0 Pre 6を公開しました。
Tumblr Life
GitHub
ちまちま直してます。変更点はコミットログをどうぞ。
1.0までに実装、修正予定の項目はGitHubのIssuesで管理しています。
4タグ
Tumblr Life 1.0 Pre 5
Tumblr Dashboardを拡張するユーザースクリプト、Tumblr Lifeの1.0 Pre 5を公開しました。
Tumblr Life
GitHub
Pre 2からの変更点です。Firefox関連の修正についてはほとんど@unpushさんに提供して頂きました。ありがとうございます!
Opera対応(まだバグあるかも)
Firefox 3.6でも動くように(ただし基本的に最新版以外はサポートしないつもりです)
Twitterと連携させている場合、Firefoxで必ずツイートされる問題修正
input、textareaなどで文字入力している時にもショートカットが効いていた問題修正
フィルターページへのリンクがFirefoxで機能していなかった問題修正
AutoPagerize連携の問題をいくつか修正。TumblrにAutoPagerizeと同等のEndless...
4月 2011
3件の投稿
4タグ
Tumblr Life 1.0 Pre
Tumblr Dashboardを拡張するユーザースクリプト、Tumblr Lifeの1.0 Preを公開しました。これまでの0.5.7から1.0にバージョンアップするにあたって全ての機能を見直しました。ざっくりとしかテストしていないため、おそらくまだ問題点が残っていると思います。何か気付いたらお知らせください。
Tumblr Life 1.0 Pre
機能と以前からの変更点です。
フルスクラッチなコード
その場でリブログ出来るメニューのデザインを作り直した
キーボードショートカットを自前で実装。Minibuffer、LDRizeが不要になりTumblr Lifeだけで完結するようになりました(その代わり両者とは連携しなくなりました)。Tumblr標準のショートカットと上手く連携するように作っています
...
1タグ
gitでコミット間の変更ファイル一覧を出力する
\(^o^)/
% git diff --stat <commit> <commit>
あったので以下はどうでもいい。
探したけどgitだけでは出来ないのかな…。
% git log .. --name-only --oneline | grep -v ' ' | sort -u
パスにスペースが含まれているとバグる。
Bluelounge Refresh / MacBook Air
Bluelounge Refreshを少し前に買いました。
日本向けのモデルは元々のmicro USBケーブルなどをドコモ、auに変更しているガラケー仕様なので、micro USBのままの方がいい僕はBluelounge公式ページから国際版を注文しました。電圧やプラグ形状も問題なし。円高なので送料入れても海外から買った方が安かったです。micro USBはWiMAXのモバイルルーターが充電出来てべんり。
そういえばMacもMacBook Proが壊れたのでMacBook Air 11インチにしました。メモリー4GB、CPU 1.6GHzのモデルはUSキーボード版でもアップルストア店舗にありました(僕が買ったのは渋谷)。
...
3月 2011
9件の投稿
4タグ
Tumblr Life 0.5.7
Tumblr LifeはTumblr Dashboardを拡張するユーザースクリプトです。 0.5.7を公開しました。
Tumblr Life
更新履歴
GitHub
サポートブラウザ全部で動かなくなってた!\(^o^)/
Firefox 4、GreaseKit、Google Chrome 10以降?で動いていなかった問題修正
Firefoxはid:tondolさんの修正をマージしました。ありがとうございます。GreaseKitはTumblrで使われているprototype.jsのバージョンが上がったために動かなくなっていたのを修正(prototype.js 1.6系にあるネイティブのJSONオブジェクトを破壊するバグに対処するコードが悪さをしていた。1.7では修正されたので対策コードが不要に)。Google...
3タグ
新生銀行のログインを楽にするGreasemonkeyスクリプトを作り直した
以前書いた新生銀行ログイン時にセキュリティーカードの項目を埋めるGreasemonkeyスクリプトを書き直しました。
shinsei_power_direct_autofill.user.js
必ずaccount_idに口座番号、security_card_tableにセキュリティーカードの項目を設定して下さい(デフォルト値はダミーです。そのまま使うとアカウントブロックされる可能性があります)。以下の機能が使えるようになります。
口座番号自動入力
「セキュリティーキーボードを使用する」のチェック外し
暗証番号フォームへ自動フォーカス
セキュリティーカードの項目自動入力
以前はセキュリティーカードのフォームを埋めた後自動で送信していましたが、今回は行いません。Greasemonkey 0.9.1、GreaseKit 1.8とGoogle Chrome...
3タグ
Brickmaker-jsとjQuery-autoPagerEventプラグインとpicbrickアプ...
NAVER画像検索的なUI(横幅を統一した画像を縦に隙間なく足していく)を実現するライブラリを作りました。並ぶとレンガっぽいので名前はBrickmakerにしました。
Brickmaker-js
picbrick(サンプルアプリ)
AutoPagerize的なページを継ぎ足す挙動はjQueryプラグインに切り分けています。このjquery.autopagerevent.jsはdocumentに対してautoPagerイベントを発行するので
$(document).bind('autoPager', function() { ... });
のように待ち受けておいて、発行のタイミングでBrickmakerを動かします。
...
1タグ
OSXの標準設定リストとかないのかなぁ。初期設定の意図を見たい。
2タグ
TumblrのテーマでW3CDTF
デフォルトでは用意されていないので組み合わせて作る必要がある。
<time pubdate datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}:{Seconds}+09:00"></time>
タイムゾーンは変数がないので、Tumblelogのカスタマイズから設定したタイムゾーンに合わせて決めうちしないといけない。めんどくさかったら時刻を含めずに
<time pubdate datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}"></time>
とすればいいのかな…。
Creating a custom HTML theme |...
1タグ
つやつやのプラスチック素材が使われている場合、色は黒より白を選んだ方がいいと思った。
1タグ
$.tmplの関数の挙動をいくつか確認した。ローカルのキーと名前が被らなければwindow直下かどうかに関係なく呼べるみたい。第2引数で関数を渡して$itemから呼んだ方が安心だけど、$itemって表記も直感的じゃなくて混乱しがち…。
${variable}と被るから混乱するのかな。{{= variable}}フォーマットで書けば${$item.func(variable)}は{{= $item.func(variable)}}となって$が一意になる。Smarty辺りと$の位置を間違えることもなくなる。
文字列を引数に取る時、「'」が使えない部分も引っかかりそう(テストを見た感じ、配列のキー等では「'」が想定されているのでバグのような気もする)。
何かと気を付ける必要がある。
1タグ
pixiv SPRING BOOT CAMPでUIの話をしました
雪だー! 全然春っぽくない中、pixivでは春のインターンシップ「SPRING BOOT CAMP」をやっています。講義の時間も設けられていて、そこで僕もUIについて発表させてもらいました。何人かにいいね!と言ってもらえたのでその時のスライドを公開しておきます。
2011-03-04 pixiv × UI の話
UIについて思っていることと思考過程がメインになっています。きづかないくらいイージーなクオリティー!
1タグ
ブラウザ拡張版Tumblr Life作成で気を付けている所
Black Dashboardやイベント時にDashboardの色が変わっても表示がおかしくならないか
英語以外の言語設定でも動くか
各言語でレイアウトずれがないか
とりあえずSafari版をちまちま作っています。
2月 2011
2件の投稿
1タグ
URLの&を実体参照してない時の注意
HTMLの文字参照は<や<のように「&」で始めて「;」で終わらせるものだと思っていたら、どのブラウザも最後の「;」がなくても文字参照として扱うらしい。
問題になるのはURLのリンクに「&」がある場合。
<a href="foo?foo=1&bar=2">
本来&bar=とすべき所をサボると、&以降=までの文字が文字参照に該当する場合に変換される。例えば
<a href="http://example.com/foo?foo=1©=2">
は©として扱われ
http://example.com/foo?foo=1©=2
...
3タグ
GoogleのジオコーディングAPIメモ
APIドキュメントはThe Google Geocoding API - Google Maps API Web Services - Google Code(日本語ドキュメントは古いことがあるかも)。Tumblrのオフィスを探してみる:
http://maps.googleapis.com/maps/api/geocode/json?address=Tumblr,%20Inc.&sensor=false
昔のAPI(日本語。英語ドキュメントは削除?)はAPIキーが必要な代わりにJSONP用のコールバックを指定出来た。
http://maps.google.com/maps/geo?output=json&callback=foo&key=123456…&q=Tumblr,%20Inc.
...
1月 2011
6件の投稿
sshコネクション張りすぎって言われたので設定を調べた。トンネリングする為にproxyCommandを設定していた所が問題だったみたい。
Host hostname
proxyCommand ssh user@192.0.2.0 -p 12345 nc %h %p
ncにタイムアウトを指定していなかったのでずっとプロセスが残っていたみたい。タイムアウトオプションwを追加。
nc -w 5 %h %p
設定後、サーバに残っていたプロセスを殺した。
pkill -u user -f nc
すみません…。
2タグ
@aerithがFacebookを英語で使ってたので英語にしてみた。
英語は数字が揃ってかっこいい!
日本語版も「5 件の友達リクエスト」みたいにすべきな気がする。
2タグ
FacebookはOpen Graph Protocolの処理をする際、og:imageで指定されている画像URLをそのまま使わずに自前でサムネイルを作成します。サムネイルを作る時は元画像に対して
User-Agent: facebookexternalhit/1.0 (+http://www.facebook.com/externalhit_uatext.php)
でアクセスしてくる模様。
pixivのイラスト詳細をOGPに対応させてみたけど1枚マンガみたいな縦長い画像だとドキュメントにある
An image URL which should represent your object within the graph. The image must be at least 50px by 50px and have a maximum aspect ratio of...
3タグ
ついったんをGAEに移した
いつの間にか4年目のついったん(詳しい説明)はよく落ちます。みんな以前ほど関心がなくなったこともあり、最近は落ちても放置されることが多い状況になっていました。今もダウンなうです>< 今日さすがにいつまで落ちてるんだと突っ込まれたので、落ちないというか落ちても完全に死なないように仕組みを変えました。
ついったんには主に2通りの発言方法があります。
Twitterでついったんをフォロー、フォロー返し(@hageatamaの人力による)の後にDM「d twittan にゃー」
IRCチャンネル#twittan@ircnetでtwittanがいる時に「twittan: にゃー」
...
2タグ
jQuery Templatesプラグインが面白い
jQuery TemplatesプラグインはjQuery公式のテンプレートエンジンです。元々マイクロソフトのASP.NET Ajax Libraryで実装されていた機能を切り出したものらしい。
jQuery Templates, Data Link, globalization が公式 jQuery プラグインに加わりました - THE TRUTH IS OUT THERE - Site Home - MSDN Blogs
現在は1.0.0pre。そろそろ出るjQuery 1.5には標準で入る模様です。preですがマイクロソフトのCDNが利用出来ます。
配列を渡すと自動的にループして出力されるなど、JSONをそのまま渡して動くように意識されているところが面白いと思いました。
<ul...
2タグ
jstvにJSSpecテンプレートとSinon追加
jstv: JavaSctipt Test Viewer
QUnitに加えてJSSpecのテンプレートを利用出来るようにしました。あと、他のテストフレームワークと連携して使うSinon.jsというライブラリを見つけたので読み込めるようにしました。
http://jstv.codefairy.org/jsspec/sinon?script=%2Fexample%2Fjsspec.js
こんな感じ。[return]をクリックするとバグる…。
12月 2010
4件の投稿
2タグ
Tumblr標準のj、kキー移動はLDRizeと違ってカレントの要素が外から取得出来ない(document.onkeydownハンドラのクロージャになってる)。ブラウザ拡張からだとwindowのスコープが別なため、document.onkeydownを上書きして取れるようにしようとしても変数がundefinedになってしまい上手く行かない。
やり方を変えて、別にkeydownをリッスンしてページのスクロールの高さと一致する高さのエントリーを見つけたらその要素をカレントと見なすようにした。上手く行ってるように見える(追加するイベントはonkeydownより後に実行される前提。ブラウザによって挙動が変わるかも)。
var tumblrLife = {
current: 0
};
document.addEventListener('keydown', function(e)...
3タグ
jstv: JavaSctipt Test Viewer
テストを書いても確認ページを用意するのが面倒だったり、Gistなどにテスト付きでコードを上げても実行出来ないのが不便だったので、コードやテストスクリプトのURLを渡すとテストページが出来上がる簡単なサービスを作りました。
jstv
今のところQUnitのテンプレートのみです。パラメータに指定したパスでscript要素を挿入してテストが走ります。例:
http://jstv.codefairy.org/qunit?base=https%3A%2F%2Fgist.github.com%2Fraw%2F751419%2F;script=jquery.replaceClass.js;script=qunit.replaceClass.js
アプリはGAEで動いてます。ソースはGitHubに置きました。
便利なのかよく分からないですね。短縮URL噛ませたい。
2タグ
pixiv Tech MeetingでpixivのJSの話をしました
資料置いときますね。
pixiv.js -4年目のサービスをきれいにしよう-
まだ全然途中なんですが、やってることやりたいことを話しました。使っているURLディスパッチャーは名前空間以外gistにあるものとだいたい同じです。URLディスパッチャーとLABjsの組み合わせはお気に入り。
LABjsとか結構危うい感じもするので、一応将来的に構成が変わっても書き換えやすいようには作ってます。
刺身さんが書いて下さったことが言いたかったのかも>< ありがとうございます。パフォーマンスよりも管理しやすいように考えていて、整理が落ち着いたらまた変えていくと思います。
1タグ
非同期処理を挟むと発動するポップアップブロックへの対処方法
各ブラウザのポップアップブロック機能は普通ユーザーが起こしたイベントに対しては発動しないように作られていますが、例えば要素がクリックされると非同期でリンク先を取得してページを開くような場合、Operaを除く主要ブラウザでポップアップブロックが発動します。実際どうなるかクリックするとURLをbit.lyして別ウィンドウで開くサンプルを書いて試してみました。ちなみにわざわざ非同期でリクエストするのは負荷軽減のためです。
#0は最初からURLが分かっている場合です。非同期ではないので各ブラウザ、直接開いたと認識して問題なく動きます。参考用で今回のテストとは関係ないです。
#1はbit.lyへのJSONPリクエストを挟みました。結果を取得後にwindow.openしています。ブラウザでポップアップを許可していない場合、
IEとFirefoxはポップアップブロックが働き警告が出る
...
11月 2010
12件の投稿
3タグ
-*-transform: scale(n)した時のマウスイベントのカーソル座標
例えば
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
が適用された要素の座標x = 100、y = 100をクリックするとカーソル位置(layerX、layerY)の値は
Safari 5.0.3: layerX = 100, layerY = 100
Firefox 3.6.12 / 4.0b7: layerX = 200, layerY = 200
になるっぽい。Firefoxはscaleと座標が連動する。-ms-transformは環境がないので未調査。
4タグ
Tumblr Life 0.5.5
Tumblr LifeはTumblr Dashboardを拡張するユーザースクリプトです。
Tumblr Life
更新履歴
GitHub
Firefox以外の方は特に更新しなくてもいいと思います。
Firefoxで「reblog manually」ショートカットが効いていなかった問題修正
ポップアップブロックの警告が出る可能性がありますが仕方ないです。FirefoxではdispatchEventからa要素のリンククリックを発火出来ないみたい。。同じバグがSkip Redirectorにもあるなぁ…こちらもそのうち直します。
Thanks: @egelor
Tumblr <3
Tumblr Lifeの要望、バグ報告はUserscripts.org Discussions、GitHub Issues、@yksk辺りまでお願いします。
3タグ
QUnit TextMateバンドルアップデート
テストを.jsファイルに分離するとバンドルが使えないことに気付いたので「QUnit (JavaScript)」Languageを追加しました。ついでに関数の補完リストも追加してます。
JavaScript QUnit.tmbundle
Tumblr用のツールをTumblr上で発表するとリブログが回覧板っぽく見えて面白い。
4タグ
Tumblr Life 0.5.4
Tumblr LifeはTumblr Dashboardを拡張するユーザースクリプトです。
Tumblr Life
更新履歴
GitHub
0.5.4ではバグ修正を行いました。
DashboardのHTMLが変わった影響でLikeのショートカットが効かなくなっていた問題修正
フィルターページでブックマーク出来なくなっていたのを修正
設定ページにクレジットを追加
特に問題なければ次は0.6になる予定です。
Tumblr <3
Tumblr Lifeの要望、バグ報告はUserscripts.org Discussions、GitHub Issues、@yksk辺りまでお願いします。
ちなみにTumblr Life 0.5.3はバグってます。直す時間が取れてないです。すみません。
Tumblr上ではテキストとしての貼り付けになるのがよくないな…。
test
http://www.pixiv.net/member_illust.php?mode=medium&illust_id=14490384
2タグ
IE 7以下で動的に生成したiframeにnameを与える
IE 8以上(とIE以外の主なブラウザ)だと
var iframe = document.createElement('iframe');
iframe.name = 'foo';
で子のwindow.nameがfooになるけどIE 7以下ではうまく渡りません(undefinedになる)。iframeをappendした後に明示的に指定しないとだめみたい。
document.body.appendChild(iframe);
iframe.contentWindow.name = 'foo'; // IE 7
IE 8のドキュメントモードがIE 7になっている場合にもこの動作になるので、name値を使う場合は古いIEのサポートが不要でも一応書いとくといいと思います…。
テスト
...
4タグ
Tumblr Life 0.6 TODO
アイデアメモ。方向としてはこのスクリプト1つでTumblr内は完結出来るようにしたい。Greasemonkey以外のフォーマットがたくさん出てきてスクリプト間の連携が面倒になってきた。テストもめんどい。
書き直し。ごちゃごちゃしてきた
Tumblrネイティブのイベントを上書きして現在選択中のエントリを把握出来るようにする(クロージャェ…)
自前でキーボードショートカット
Endless Summer
バグ修正
Greasemonkey自体がめんどいのでFirefox以外ではブラウザ拡張にしてしまいたいんだけど、自分が使わないブラウザ向けにメンテするのが大変そう。。AutoPagerizeはその点でもすごい。
2タグ
IE9でもframeborder="0"が必要。
4タグ
Tumblr Life 0.5.2
Tumblr LifeはTumblr Dashboardを拡張するユーザースクリプトです。0.5.2をリリースしました。
Tumblr Life
更新履歴
GitHub
いくつかバグを修正しました。
タグを入力する際にj、kキーを押すと前後のエントリーへ移動してしまっていた問題修正: http://userscripts.org/topics/62627
ナビゲーションのあるページ全てでフィルターのリンクを表示するようにした
セッションを保存する際に正確なポストIDを取得出来ていなかった問題修正(Tumblr側のid規則変更に対応)
ショートカットを利用出来ないページではヘルプを出さないようにした
利用出来ないページでは無駄なコードを起動しないようにした
ついでに0Tumblr Fix Paginationも微修正を加えています。
...
10月 2010
3件の投稿
お金を払っているサービス:
Flickr
Instapaper
Simplenote
pixiv
Remember The Milk
Skype
忘れてるのあるかも。pixivはデバッグ用w
Gyazo Proどうしようかなー。
1タグ
URLディスパッチャー書いてみた
ファイルが散乱していて管理が難しいような状態のサイトだとJSを1つにまとめてページごとにディスパッチャーで読み込みを分けた方がいいのかも。1箇所にスクリプト要素を置けるとLABjsも使えそう。
と思って書いたけどいまいちしっくり来ないな…。うーん。
書き直した。
dispatcher.connect(/^\/foo\/(bar)/, function(params) {
console.log(params[1]); // bar
});
でディスパッチしていたのを、
dispatcher
.connect(/^\/foo\/(bar)/, function(params) {
console.log(params[1]); // bar
})
.dispatch();
...
2タグ
42/52
写真には技術とメンタルな面があるようなことが立ち読みした本に書いてあった。構成が良くてもメンタル面が浅い写真と、その逆の画の例が載っていてなるほどと思った。本は高かったので買わなかったのだけど、その姿勢がよくない気がする。