peco、ghq、gh-openの組み合わせが捗る - Webtech Walker
それぞれのツールは以下を見ればどんなのかわかると思う。 peco（Simplistic interactive filtering tool）を作った話 : D-7 ghq: リモートリポジトリのローカルクローンをシンプルに管理する - 詩と創作・思索のひろば (Poetry, Writing and Contemplation) GitHubのレポジトリURLを開くgh-openコマンド - unknownplace.org pecoとghqを組み合わせる例はpecoのREADMEにあるようにかなり強力で、ghqで管理しているリポジトリのディレクトリにcdしたりするのに便利。 こんな感じ。 $ cd $(ghq list -p | peco) また、typester先生作のgh-openは指定したディレクトリのリポジトリをGitHubで開けるので、同じように使えばpecoでGitHubの
Re: Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ - Webtech Walker
Single Page Application ではない場合 JavaScript コードのエントリポイントはどこにあるべきか？ - @kyanny's blog Backbone.Routerは基本的にhistory APIやhashchangeを使ったSPAのためのルーティングをしてくれるものなので、SPAじゃない場合に使うのはあんまりオススメできない。 方法は色々だと思うけど、自分の場合はそういうケースでは次のような簡易的なURL Dispatcherを書いて対応することが多い。 dispatcher.js これをこんな感じで使う。 // main.js new Dispatcher() .route('.*', 'Common') .route('/', 'Top') .route('/user/([^/]+)', 'User') .dispatch({ path: locatio
Font AwesomeマジAwesome #LOVEFONT - Webtech Walker
#LOVEFONT Advent Calendar 2013 14日目です。 フォントについて語るAdvent Calendarなんだけど斜め上でFont Awesomeについて書こうと思います。 Font AwesomeというのはWebサイトで使える様々なアイコンをフォントファイルとして提供しているライブラリです。 Font Awesome これの何がいいかというと、まず色々なアイコンが簡単に使えるというのはもちろんのこと、それがフォントファイルで提供されているというところです。フォントファイルで提供されているということはつまり、CSSで見た目を制御できるわけです。 例えば、大きさを変えようと思ったらfont-sizeプロパティで変えられるし、色を変えようと思ったらcolorプロパティで変えられるわけ。つまりアイコンをちょっと変更するだけで画像切り出し直すみたいな手間から開放されるわけで
「ノンプログラマのための JavaScriptはじめの一歩」という本を書きました - Webtech Walker
Amazon.co.jp： ノンプログラマのための JavaScriptはじめの一歩 2012/11/7に発売予定です。ハッシュタグは#jsippoなのでみなさんどうぞふるってツイートしてください。 想定している対象 タイトルからもわかるように、デザイナやマークアップエンジニアなどをやっていてプログラムはほとんどわからないというくらいの読者を想定しています。 なので普段JavaScriptを書いている人や、他の言語をやっていて、JavaScriptを学んでみようと思っているような方にはもの足りない内容だと思います。そういう人はサイ本とかパーフェクトJavaScriptを読みましょう。 何を書いて何を書かないかというところの線引に苦労しました。たとえば変数のスコープやprototypeなどはJavaScriptを学ぶ上では避けて通れませんが、そこは敢えて説明を省いています。初めてプログラムを
jQueryでアニメーション終了時のcallback - Webtech Walker
jQueryでfadeOutとかのアニメーションして終わったらなんかするといったときにcallback関数を引数に指定するのとDeferred使う方法があるんだけどこの二つは挙動が違う。 こういうHTMLがあったとして <div>foo</div> <div>bar</div> <div>baz</div> まず以下のようなcallback関数の場合はそれぞれのfadeOutが終わるごとに呼ばれる。 $('div').fadeOut(function() { console.log('fin'); }); つまり'fin'が3回出力される。 一方Deferredを使った場合はこんな感じ。 $('div').fadeOut.promise().done(function() { console.log('fin'); }); .promise()がDeferredオブジェクトを返すので.do
symfonyでsvn:ignoreの設定 - Webtech Walker
別にsymfonyに限ったことじゃないですが、プロジェクトをsvnで管理するときcacheディレクトリとか環境設定ファイルをsvn管理下から外すときの設定。 まずはcacheとlogのディレクトリはディレクトリだけ残してディレクトリ以下はまるっとsvn:ignore。 $ svn propset svn:ignore "*" cache $ svn propset svn:ignore "*" log 設定ファイルは元のベースになるファイルを残しておきたいので。元ファイルを〜.baseとかにリネームして元ファイルはsvn:ignore。 $ cd config $ mv databases.yml databases.yml.base $ mv propel.ini.yml propel.ini.yml.base $ svn del databases.yml propel.ini $ s
jQueryでcheckboxがcheckされてるかの値をとる - Webtech Walker
checkboxがcheckされてるかどうかを判別するメソッドってjQuery側に用意されてないんですよね。 twitterでも色々教えてもらったけど方法としては3つくらいかなー。 https://twitter.com/kyo_ago/status/11685019866 https://twitter.com/songmu/status/11675950113 https://twitter.com/rea/status/11675545507 素のHTMLエレメントから取得 var checked = $('#elem').get(0).checked; せっかくjQuery使ってるのにという感じがいなめない。。これはないかな。 is()で取得 var checked = $('#elem').is(':checked'); これが一番直感的ではある。これでいいっちゃいい気もする。
PhantomJS入れてみた - Webtech Walker
昨日shibuya.jsいって、PhantomJSが熱そうだったので入れてみました。PhantomJSはQtWebkitを使ってコマンドラインからGUIが存在しないブラウザを動かすもので、これを使えばJavaScriptのテストを手軽にコマンドラインから動かすことができます。実際にWebkitで動くのでCanvasでもAjaxでもなんでもいけるという優れもの。 インストール インストールは以下にのってるのでこの通りにやってさくっと終了。とくにはまりどころなし。 http://code.google.com/p/phantomjs/wiki/BuildInstructions#MacOSX テストしてみる こういうファイルを用意して test.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>
irssiをインストールしてからやったことのまとめ - Webtech Walker
IRCのクライアントをLimeChatからirssiに乗り換えたのでやったことをまとめときます。最初はtiarraも導入しようと思ったんですけどSSLの設定がわからなくてできなかったので断念しました。 インストールと起動 インストールはyumで一撃でした（CentOS 5.4） $ yum install irssi 起動は $ irssi でOK。起動すると~/.irssi/configという設定ファイルができます。 サーバーとかチャンネルの追加 サーバーの追加は /server add -auto -network freenode irc.freenode.net 6667 でチャンネルの追加は /channel add -auto #チャンネル名 freenode こんな感じ。チャンネルに入るときはサーバーにconnectしてjoinします。 /connect freenode /
history.pushStateでページ遷移するjQueryプラグイン書いた - Webtech Walker
history.pushStateでのページ遷移をやりやすくするためにjQueryのプラグインとしてjquery.smarthistory.jsというのを書いてみました。 jquery.smarthistory.js history.pushStateをサポートしてるブラウザではhistory.pushStateを使って、サポートしてないブラウザでは何もしません（普通に遷移する）。今だとchrome、safari、iOS、Firefox4で動くと思います。 こんな感じで使います。 $('a').smarthistory({ defaultData: $('html').html(), target: function() { return $(this).attr('href') }, before: function() { // ajax前の処理 }, change: function
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
