タグ

2011年11月4日のブックマーク (16件)

  • jquery-mockjax 使えよ色々と捗るぞ - present

    jQuery や Backbone.js で UI を開発していて面倒なのが、サーバー側の API を呼び出す部分の実装です。呼び出したい API が既に実装されていないと、細かいところまで作り込めません。 あと、上手く動かなかったときも面倒です。原因がクライアント側ならすぐ直せますが、サーバー側だった場合、サーバー側のコードを修正して、テストまでしないといけません。効率悪いですよね。 できれば、クライアント側の開発はクライアント側だけで完結したい。さらに欲を言えば、最終的にサーバー側の API を呼び出すように修正するとき、出来るだけ少ない修正で済むようにしたい。 API 呼び出しを抽象化してダミーの処理と差し替えたり、jQuery.ajax を上書きしたり、色々工夫して最後に行き着いたのが『jquery-mockjax』。 appendto/jquery-mockjax · GitHu

    jquery-mockjax 使えよ色々と捗るぞ - present
  • 豚のしょうが焼きにカレー、うまい!タモリ流レシピ全25種類のまとめ。:Blogで本を紹介しちゃいます。

    2011年11月02日22:03 by tkfire85 豚のしょうが焼きにカレー、うまい!タモリレシピ全25種類のまとめ。 カテゴリ管理人 雑談 tkfire85 タモリのTOKYO坂道美学入門posted with amazlet at 11.11.02タモリ 講談社 売り上げランキング: 3748 Amazon.co.jp で詳細を見る 最新の記事はこちらからご覧いただけます。↓ Blogでを紹介しちゃいます。 タモリさんと言えば「笑っていいとも!」で有名ですが、ネット上ではそれ以上に料理の名人として浸透しています。タモリレシピの人気の秘密は特別な材を使う事なく、家庭にあるような材から絶品料理を作る点にあると思います。「豚のしょうが焼き」に「カレー」。もしはネット上では伝説的なレシピとなっていますよね。今回は、そんなタモリレシピをまとめてみょうと思います。 是非、今晩の献

    豚のしょうが焼きにカレー、うまい!タモリ流レシピ全25種類のまとめ。:Blogで本を紹介しちゃいます。
    starneon3517
    starneon3517 2011/11/04
    タモリ流カレーはまじでうまかったから、他のも作ってみる!!
  • [CSS]サイズが分からない要素を真ん中に配置するテクニック

    width, heightのサイズが分からない要素を天地左右の真ん中に配置するスタイルシートのテクニックを紹介します。 Centering in the Unknown [ad#ad-2] 下記は各ポイントを意訳したものです。 要素のサイズが分かっている場合 要素のサイズが分からない場合 まとめと対応ブラウザ 要素のサイズが分かっている場合 「真ん中に配置するエレメント」と「その親エレメント」両方の高さと幅のサイズが分かっているのであれば、エレメントを真ん中に置くのは簡単です。 「真ん中に配置するエレメント」を「position: fixed;」にし、topとleftを50%、marginのtopとleftをエレメントの半分のサイズでネガティブマージンで配置します。 CSS .centered { position: fixed; top: 50%; left: 50%; margin-t

  • 今までにないサイトを作る:HTML5 による最新ウェブアプリ - 強火で進め

    Google Developer Day 2011に参加しました。 参加したセッションのメモを書いときます。 今までにないサイトを作る:HTML5 による最新ウェブアプリ(Eric Bidelman) @petele 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1003.html スライド ※ここで解説しているものChromeのみ対応しているものが多数、有ります。上手く動作しなかった場合はChromeで試してみて下さい。 フレームワーク紹介 MVC frameworks SproutCore Backbone.js Ext JS 4 CSS frameworks LESS Sass 様々な解像度のデバイスに対応する為にCS

    今までにないサイトを作る:HTML5 による最新ウェブアプリ - 強火で進め
  • [CSS]見出しの両端に水平ラインを天地中央に配置するテクニック

    紙媒体でよく見かける、見出しの両端に水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 Centered Heading Overlaying a Horizontal Line with CSS [ad#ad-2] 下記は各ポイントを意訳したものです。 実装のポイント Method 1: 疑似要素 Method 2: 隣接兄弟セレクタ Method 3: 線形グラデーション Method 4: 最後にjQueryを使ったメソッド 全部のデモ 実装のポイント 実装するにあたり、下記の点に留意します。 画像は使用しない。 余分なHTMLは使用しない。 Scalable: フォントのサイズを大きくしても調整される。 Fluid: 可変。 JavaScriptは使用しない。 Method 1: 疑似要素 見出しの疑似要素で水平線を配置し、spanタグを内側に配置し水平線が中央

  • iPhone iPod touch iPadをケーブルレスで充電するPower Tube 4000 | iPhone 研究室(iPadもね)

    Apple Dockに最適化したモバイル予備バッテリー「Power Tube 4000」販売開始のお知らせ。 モバイルCROYは人気のMiPow(ミポウ)社製モバイルバッテリーPower Tubeシリーズ第三弾!「Power Tube 4000」を日最速で販売開始します。 特徴はなんと言ってもApple Dockに最適化したUSBケーブルレス仕様。 モバイルバッテリーを持ち歩く際に面倒なケーブル・コネクター類を使わずに、オールインワンで充電環境を実現したPower Tube 4000は、上部「キャップ」裏側にApple Dockに対応した出力ポートを標準装備します。 また、キャップ反対部分には汎用USB出力ポートを備えているので、Apple以外のモバイル端末もUSBケーブルを接続することにより充電が可能となります。 ※ Power Tube 4000体を充電する時はPC等のUSBに

  • とりあえず入れておくと使えそうな20フォント:phpspot開発日誌

    20 High Quality Free Fonts Every Design Should Own とりあえず入れておくと使えそうな20フォントが紹介されています。 汎用的にデザインされており色々な局面で使えそうなのが特徴です。 Photoshopでフォントを切り替えてる時になかなかイメージが合わない時があったりしますが、そうした時に選択肢が多いほうがいいですね。 個性的すぎると、違うなっていうことが多いんですが、こうした汎用フォントは取り合えず入れておくと便利ですね というわけで自分もあとでインストールしたいと思います 関連エントリ WEBページに使えそうなアイコンっぽい図形フォント 手作り風フォントが入手できる「Handmadefont」

  • 写経で身につけるプログラミングの基本 | Social Change!

    とある学生さんがプログラミングの勉強をしたいということで、良い自習の方法はないか?という相談をしていました。初心者が「自習」でプログラミングを学ぶことは、どうすれば効率的なのかを、改めて考えて回答しました。 私のおすすめ学習法は「写経」という方法です。プログラマの間では今となっては割とポピュラーな学習法ですが、初心者にとってもすごく効果的だと思うので紹介しておきます。 プログラミングは知識と身体の両方が必要 まず、プログラミングをしたことのある人ならわかると思いますが、プログラミングは知識だけを身につければ出来るようになるものではありません。学校教育における歴史や地理のように猛勉強で覚えれば出来るようになる訳ではないです。 もちろん、学ぶプログラミング言語の文法や基的なAPIについては覚えているにこしたことはありませんが、それらを覚えることはそこまで重要ではありません。 プログラミングは

    写経で身につけるプログラミングの基本 | Social Change!
  • jQuery 1.7の更新内容をまとめたよ。 | Ginpen.com

    jQuery 1.7が公開されたので、早速1.6.xからの更新内容をまとめてみました。 jQuery: » jQuery 1.7 Released (リリース記事) Version 1.7 – jQuery API (公式ドキュメント、1.7で変更があったもののみ) 1.7 all tickets – jQuery Core – Bug Tracker (1.7の全チケット) リリース記事の翻訳じゃないです。 主な変更点 個人的に気になったものをピックアップしてみますよ。 既存の .bind()や .live()等に置き換わる .on(), .off()を追加 .bind(), .delegate(), .live()が統合されました。(これらも引き続き使用できます。) →詳細後述します。 toggleと.stop()の連携を改善 toggle系と組み合わせた際におかしくなってしまうのが改

  • 溺愛してやまない激オススメなシンプルフリーフォント、そして有料フォント | バンクーバーのうぇぶ屋

    円高ですよ円高。この前、知り合いの日在住WEB屋が「いい機会だから」と、日円で大量にフォントを購入していてました。 僕がカナダに初めて留学生として来た4年前は1カナダドルが120円くらいだったので。今の70円くらいなのが目の錯覚に見えてしょうが無い今日この頃です。(ちなみに、カナダドルって日人に馴染み無いかもですが、日からみりゃ米ドルと大体一緒くらいですかね。) さてさて、先月有名フォントのことをまとめましたが、そんな円高に合わせてフォント大量購入な知り合いのこともあり、今回はその知人へのあてつけ(?)に「最近はフリーフォントもこんなにレベル高いんだぞ!」ということを伝えたいと思いましたので、そのまとめを書かせてもらいます。 ……と、思ったのですが、有料フォントでも最近だと結構低価格で買える物もいっぱいあるので、僕の好きなシンプルめで強調しすぎない有料フォントも有名所を中心に一緒に

  • Twitterを極めたいならコレを使え!最強のツール・Webサービス68選

    今回はXを便利にするツール34選をまとめてみました! 僕もXツールは色々使っていて、 TweetDeckでリプライ交流をする Social Dogで1ヶ月分「予約投稿」をする など、Xツールのおかげもあって、1年ちょっとで50,000フォロワーを超えることができました。 ブログのアクセス数も爆増し、アフィリエイト収益も月100万円ほどアップしています。 正直、上記の2つさえあればXは伸ばせます。 これらのツールを使った「Xの伸ばし方」については以下の記事でもまとめているのでこちらもぜひー! 目的別ツールの選び方 Xのツールは、目的に合わせて選ぶことがおすすめです! ここでは、次の7つの目的に合わせて便利ツールをまとめてみました! 総合的に管理したい 複数アカウントを一括管理したい 複数人でアカウントを管理したい フォロー・フォロワーを管理したい ツイートを予約したい マーケティング分析をし

    Twitterを極めたいならコレを使え!最強のツール・Webサービス68選
  • SE・プログラマが知ってると便利な脆弱性チェックツール 5 つ | バシャログ。

    東京ラーメンショー2011 いきてーーー!みなさんこんにちは、nakamura です。 今日はプログラマだったりサーバ管理者だったり(もしくはその両方だったり)する方にお勧めしたいサイトとツールをいくつかご紹介します。細かい脆弱性のチェック等どうしても手間が掛かるものが多いですが、今回ご紹介するツールをうまく使うとその辺りだいぶ効率よくできると思いますよ! WEB アプリケーション関連 XSS Me XSS Me :: Add-ons for Firefox XSS のテストをある程度自動化してくれる Firefox のアドオンです。残念ながら Firefox3.0.* 系の頃に開発が止まってしまっているようですが、僕の環境では install.rdf の書き換えで問題なく動作しています。(Windows7 64bit + Firefox7.0.1) SQL Inject Me SQL I

    SE・プログラマが知ってると便利な脆弱性チェックツール 5 つ | バシャログ。
  • 知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト

    このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。 このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、 今回の制作にあたり役に立ったサイトをまとめました。 jQuery Mobile | jQuery Mobile 元。 敢えて紹介するまでもないのですが一応。 現在のバージョンは1.0RC2(2011.11.01現在)です。そろそろ正式版がでる予定です。 jQuery Mobile 1.0b1 日語リファレンス jQuery Mobile 1.0b1 日語リファレンス バージョン1までの内容ですがjQuery

    知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト
  • HTML5 のオフライン機能 - 強火で進め

    Google Developer Day 2011に参加しました。 参加したセッションのメモを書いときます。 (追記 2012/01/14) Googleから動画が公開されました。 http://www.youtube.com/watch?v=MY06xnSZyaw:moive ※このセッションで解説された内容に一部変更点があるとのことなので、こちらも合わせて参照下さい。 (追記ここまで) HTML5 のオフライン機能(Eiji Kitamura) @agektmr 東京 - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1001.html スライド 動的なデータの保存 Web Storage (localStorage / sess

    HTML5 のオフライン機能 - 強火で進め
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • Luc Viatour

    Photographer / Photographe Pictures in licence (CC BY-SA 3.0) All pictures available in high resolution and exif format Toutes les images disponibles en haute résolution avec les données exifs. Certaines photographies pour différentes raisons ne peuvent être sous licences CC BY-SA 3.0 (photographies de personnes, d'oeuvres, créations d'artistes, etc) Renseignez vous avant toute publication.