タグ

2011年11月14日のブックマーク (23件)

  • サバクラ両方で動く JavaScript の大規模開発を行うために

    サバクラ両方で動く JavaScript の大規模開発を行うために 原文:Scaling Isomorphic Javascript Code (This is just for study, please contact me at tily05 atmark gmail.com if any problem.) 考えてみれば Model-View-Controller とか MVC ってよく聞くよね。実際どんなものか知ってる? 抽象的に言うなら「オブジェクト情報の保持されるグラフィック・システム (つまり、ラスターではないグラフィック。ゲームとか) 上に構築された、表示系を中心としたアプリケーションにおいて、主要な機能どうしの関わりをうまく分離すること」とでも言おうか。もう少し深く考えを押し進めてみれば、これは当然、他のさまざまなアプリケーションにもあてはまる言葉 (bucket te

    サバクラ両方で動く JavaScript の大規模開発を行うために
  • 【デジタル一眼カメラを初めて買う人必見】少し割高でもレンズキットよりボディ単品を買うべし! | ロケットニュース24

    【デジタル一眼カメラを初めて買う人必見】少し割高でもレンズキットよりボディ単品を買うべし! 2011年11月14日 Tweet 秋も紅葉が深まり、これから冬になって夜の街にイルミネーションが輝く季節になる。 そうなると自然を色鮮やかに、イルミネーションをより美しく撮影できる一眼カメラが欲しくなってくると思うのだが、初心者の方にぜひ知っておいて欲しいことがある。 価格コムなどで値段の比較をしていると、レンズが無いボディ単品よりもオプションで標準レンズがセットになった『レンズキット』や、標準レンズと中距離~遠距離撮影の望遠レンズがセットになった『ダブルレンズキット』などがお得だと思うだろう。 だがちょっとだけ待って欲しい。実はレンズキットを買うよりもボディとレンズを別々に買った方が、後々のカメラに対する満足度が全く違ってくることがあるのだ。その理由は以下の通り。 ■意外と写りがショボい場合も

    【デジタル一眼カメラを初めて買う人必見】少し割高でもレンズキットよりボディ単品を買うべし! | ロケットニュース24
  • Buy Domains - 1000psd.com is for sale!

    1000psd.comis for sale! Need a price instantly? Just give us a call. (781) 373-6871 We can give you the price over the phone, help you with the purchase process, and answer any questions. Get a price in less than 24 hours To save time, use Facebook or Google to pre-fill your contact information. Use Facebook Use Google One of our domain experts will have a price to you within 24 business hours. Pl

    sakudro
    sakudro 2011/11/14
  • ブラウザにドラッグ&ドロップしたフォントでWebフォントの表示をテストできるブックマークレット・font dragr

    結構前に知ったサービスですが、やっと 使う機会が出来たので使用レビュー。 ローカル上のフォントファイルをドラッ グ&ドロップして、そのフォントでWeb フォントの表示テストを行えるブック マークレットです。なんだかピンと来ない 説明ですがw CSSninjaというブログを書いている方の作ったWebサービスで、フォントファイルをドラッグ&ドロップして、そのフォントをWebフォントとして使ったときにどう表示されるかを確認出来ます。 ようやく使う機会が出来たのでテスト。ちょっと面白かったです。 グランジの定番、Urban-Sketchでテスト。 たのしいw 使い方は簡単で、ブックマークレットを使うと上部にキャプチャのようにバーが出現しますのでそこにフォントをドロップすればいいだけ。複数可能です。 ブックマークレットは以下で。Webフォントの確認は確かに楽かも。 font dragr

    ブラウザにドラッグ&ドロップしたフォントでWebフォントの表示をテストできるブックマークレット・font dragr
  • たのしいGit - Nalsh's Notes

    序 言うまでもないことだが、タイトルはジョークである。 そもそもバージョン管理は来我々がしたい事ではない(一部の人を除く)。別に作りたいものがあり、そこでの作業を円滑に進めるためにバージョン管理するのだから、所詮はヤクの毛刈りである。さらに、Gitクライアントのへっぽこさも相まってなかなかに時間をわれる。この文書はそのような人々が、より円滑にGitを使えることを祈って書かれた。 なお、バージョン管理というのはとても複雑なシステムであるため、バージョン管理自体が目的な人には楽しい世界である。そのような人々はぜひGitやその他のバージョン管理システムのマニュアルやソースコードを読んでいただきたい。きっとその奥深い世界を堪能できることだろう。 Git概説 Gitはこれまでの旧来のバージョン管理システムとは一風違った設計で作られている。また、Git特有の概念も多い。なので、まずGitの概観を説

  • rails3 + html5 canvasでお絵かき投稿サイトを作ろう!

    はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って? ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見はこちら完成見の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ

    rails3 + html5 canvasでお絵かき投稿サイトを作ろう!
  • 美麗&強力なプレゼンテーション用スライドを集めたサイト | バシャログ。

    sakaiとishidaが講演をしたCSS Nite in MIYAZAKI、盛況で終わったようです。ありがとうございます。 プレゼン用のスライドってむずかしいですよね。僕はそれほど使う機会がありませんが、伝わるように作るには細かなテクニックや展開の妙が必要とされると思います。 そんなプレゼン用のスライド、見るだけで刺激を受けるようなスライドばかりを集めたサイトをご紹介します。 SlideShare SlideShare まずは定番SlideShareです。プレゼン共有サイトの代名詞にもなっている感もありますが、膨大な量のスライドを見ることができます。twitterやfacebookでのHOTコンテンツを見られるのもいいですね。 note & point note & point 美麗スライドと言えばここです。KeynotePDFpowerpointなどで対象を絞り込めるのもいいですね

    美麗&強力なプレゼンテーション用スライドを集めたサイト | バシャログ。
  • 小さな改善を積み重ねる。CSSを短縮化するコンソール向けソフトウェア·clean-css MOONGIFT

    clean-cssはnode.jsを使ったCSS短縮化ソフトウェアです。コンソールで動作します。 一日数十万、数百万とアクセスのあるWebサイトではほんの少しの改善が積み重なって大きな速度改善につながることもあります。CSSも作成したそのままではなくちょっと工夫すれば大きな負荷軽減につながるかも知れません。そのための短縮化ライブラリがclean-cssです。 インストールはnpmを使って一発で完了。コマンドとして使うので-gをつけておきます。 ヘルプです。-oでアウトプットするファイル名、後は入力ファイルを指定するだけです。 catで標準出力としてCSSの記述を渡すことで、複数のファイルをまとめてマージして短縮化もできます。 元ファイルです。 こんな感じで短縮化されます。 またnode.jsのライブラリとしてテキストでCSSを渡して短縮化もできます。 -oをつけないと標準出力に渡るので、さ

  • Compare camera dimensions side by side

    "It's like holding a camera without holding a camera!"- Gizmodo Camera size is a web app which allows you to compare two different digital cameras side by side and comprehend the relative physical size differences between them. Furthermore, you can view the life-size physical dimensions of the camera on your LCD screen, as if you were looking at it at the camera store. The camera's list is being u

  • setEnvを使って開発環境と運用環境の設定をわける | webox blog

    WordPressやCakePHPでなにかを作るときはWindows+XAMPPの環境で開発してるんですが、実運用時にDBやDEBUGの設定をいじりなおすのが面倒なので。 Apacheのmod_envモジュールが有効であればsetEnvを使って環境変数を設定できます。これを使って開発時の設定と運用時の設定を自動で切り替えします。 バーチャルホストの設定 以下XAMPPの場合です。XAMPPでなくともだいたい同じだと思いますが。 <VirtualHost *:80> DocumentRoot D:/develop/test/ ServerName localhost <Directory "D:/develop/test/"> Options Indexes FollowSymLinks MultiViews Includes ExecCGI AddType text/html .shtm

  • 死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)

    どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・?汚らわしいっ! [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB

    死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)
  • 一度だけアクセス可能なURLを生成するネットサービス「One Time Secret」

    by Chenoa Tao スパイ大作戦で主人公たちはどこからともなく送られてくるテープで任務を受けますが、そのテープは再生が終了すると自動的に消滅します。また、時代劇で密書を受け取った黒幕は、その手紙をそばにあったろうそくで火をつけて燃やし、証拠を消したりします。これと同じように、一度アクセスするともう二度と使えなくなるURLを生成してくれるネットサービスがあります。 Share a secret - One Time https://onetimesecret.com/ チェックを入れて伝えたいテキストを入力し、「Create a secret URI*」をクリック。 入力した内容と、そのテキストへアクセス可能なURLが出力されます。 このURLを相手に送ればOK。 最初にアクセスしたときだけ秘密のテキストが表示されます。 リロードするとこの通り、もう二度と秘密のテキストを見ることはで

    一度だけアクセス可能なURLを生成するネットサービス「One Time Secret」
  • 秀逸なFacebookファンページデザイン集40:phpspot開発日誌

    40 Great Examples of Facebook Fan Pages 秀逸なFacebookファンページデザイン集40 予めレイアウトが決まっていますが、各社違和感なくかつ美しくデザインしているところが素晴らしいです。 最近自分のまわりでも殆がFacebookをやっているような状態で、今後もユーザ数が増えていきそうなFacebook。 ファンページ作成に関するデザイン力なんかも求められる時代になってきそうな気がします。 大手企業のきれいにデザインされたページがまとまっていましたので参考にできそうです。 各社デザインがいいのも去ることながら、Facebookファンページという仕組み自体も、Facebook自体の世界観を壊すことなくサードパーティのコンテンツを載せられているという意味でうまく出来ているなぁと感心してしまいますね。 関連エントリ facebookのファンページ用ウィジェ

  • テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」:phpspot開発日誌

    テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 2011年11月14日- jQuery Autosize for textarea elements テキストの量に応じてtextareaが自動でリサイズするようにできるjQueryプラグイン「Autosize for textarea」 次のようにテキストを入力するとちょうどテキストにフィットするようにtextareaのサイズが変わります。最初からあまり大きくしたくないけどスクロールさせたり利便性を損なうのは嫌、という場合に使えます。 この手のプラグインは過去にも紹介しましたが、jqueryプラグインなので、必要プラグインを読み込んだら、$('textarea').autosize(); のように初期化しちゃえば使えちゃうというのもいいですね jQue

  • CSS3アニメーションを「:hover」だけではなく、他にも仕込んでみるチュートリアル

    CSS3アニメーションはたいていの場合、ホバー時(:hover)に仕込まれるものが多いと思います。 ここでは他の疑似クラス「:active」や「:focus」などやMedia Queriesに仕込んでみるチュートリアルを紹介します。 CSS3 Transitions Without Using :hover [ad#ad-2] 下記は各ポイントを意訳したものです。 「:active」を使ってCSS3アニメーション 「:focus」を使ってCSS3アニメーション 「:checked」を使ってCSS3アニメーション 「:disabled」を使ってCSS3アニメーション 「Media Queries」を使ってCSS3アニメーション 各スタイルシートについてのメモ 「:active」を使ってCSS3アニメーション 疑似クラス「:active」をトリガーにするCSS3アニメーションは、あらゆるエレメ

  • Understanding Media Queries in WordPress Responsive Themes

    With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates One of the simplest forms of media query is to have different styles for screen and for print. <link href="printstyle.css" type="text/css" media="print" rel

    Understanding Media Queries in WordPress Responsive Themes
    sakudro
    sakudro 2011/11/14
    メディアクエリ
  • はてなブログ | 無料ブログを作成しよう

    オーベルジーヌ実レポ べ物の鼻塩塩(未だに通じるのかな) オーベルジーヌというカレーをご存知だろうか 都内にあるデリバリー専門のカレー屋で、 ロケ弁などで大人気の格欧風カレーが楽しめるらしい いいな〜 いいな〜オブザイヤー 都内の奴らはこんな良いモンってんのか 許せねえよ………

    はてなブログ | 無料ブログを作成しよう
  • 「Time Machine」で急減するLionのHDD--その理由と解決策 - builder by ZDNet Japan

    前回触れた、Lionの「Time Machine」で作成されるローカルスナップショット。内蔵ストレージの空き領域を使い、変更が生じたファイルを自動バックアップしてくれるので、つい外付けHDDの接続を怠ってしまう多忙な(横着な?)ユーザーにとってありがたい機能となっている。 しかし、次第に内蔵ストレージの空き領域が減ってしまうため、特に容量の乏しいSSDを使用している場合は、放っておけばすぐに使用率が90%台に達してしまう。このあたりの事情は、お伝えしたとおりだ。 ローカルスナップショットは、Time Machineを無効化すれば作成されなくなるが、そのあとも内蔵ストレージに残る。ルート直下の「.MobileBackups」ディレクトリをlsコマンドで(パーミッションの設定により管理者権限が必要)見れば、「Computer」というサブディレクトリに、/Volume/Users以下の領域を確認

    「Time Machine」で急減するLionのHDD--その理由と解決策 - builder by ZDNet Japan
    sakudro
    sakudro 2011/11/14
  • WebSocket + Node.js + MongoDBでプレゼンアプリ + リアルタイム付箋共有アプリを作ってみた。 - from scratch

    せっかく東京Node学園祭2011に出たり、 Google Developer Day 2011 に出たりしているので、 何かアプリを作ろうと思って作ってみました。 http://yosuketest.node-ninja.com/ nodefestでアカウントをもらったNodeNinja上で動いています。 WebSocketが動くのはいい感じだね。 よくGoogle Developer Days でも NodeFestでもHTMLでプレゼンをしていたので、自分もやってみようと思い 実施してみました。 プレゼンするときに聴衆の方々がその場で疑問に思ったことやコメントを付箋にして直接資料に反映する事ができます。 ダブルクリックで付箋を貼り、コメントを書けば反映されます。 当はクローズドな場所でプレゼンしながらツッコミを入れるとみんなにも見えていいかなと。 それにしてもNodeNinjaに配

    WebSocket + Node.js + MongoDBでプレゼンアプリ + リアルタイム付箋共有アプリを作ってみた。 - from scratch
  • iOSライクなスクロールバーを表現できるJavaScript「NICESCROLL」

    twitter facebook hatena google pocket iOSみたいなスクロールバー表示があるとユーザビリティが向上されそうです。 NICESCROLLは、初期にスクロールバーを見せたのち、いったんフェードアウトさせられます。 またスマートフォンのタッチイベントにも対応しています。 sponsors 使用方法 NICESCROLLからファイル一式をダウンロードします。 <style> #id名 { height: 220px; overflow: auto; } </style> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.nicescroll.js"></script> <script> $(f

    iOSライクなスクロールバーを表現できるJavaScript「NICESCROLL」
  • ウェブ制作にすぐに使えるPSD素材がダウンロードできるサイト -1000PSD.COM

    アイコン、UIエレメント、テクスチャ、イラストなど、ウェブページの制作にすぐに使えるPSD素材がダウンロードできるサイトを紹介します。 1000PSD.COM [ad#ad-2] 公開されてからまだ間もないためか、数は少ないですが使える素材がダウンロードできます。 素材はカテゴリごとに分かれており、現在は5つあります。

    sakudro
    sakudro 2011/11/14
  • 医療系のデザインが素敵なWebサイトまとめ10個 - W3Q

    鎌倉近視老視クリニック / 医療法人ゆりかご / ALFA DENTAL OFFICE | 群馬県...他...全10件

    医療系のデザインが素敵なWebサイトまとめ10個 - W3Q
  • ネットワーク管理者必見!無線LANの強度を図面にマッピング·Netspot MOONGIFT

    NetspotはMac OSX用のWifiネットワーク探索ツールです。測定を行って図面の上に強度をマッピングします。 オフィスに勤めていた頃、無線LANアクセスポイントを設置して、どこまで有効かチェックして効率的な配置をチェックしたりしました。無線は目に見えないため、可視化することで現状の問題が見えてくるかもしれません。その補助としてNetspotを使ってみましょう。 インストールはMac OSXらしくアイコンをドロップするだけです。 図面を画像にしておけば取り込めます。今回はサンプルの図面を使います。 距離の設定をします。この設定によって強度の計算が変わってくるものと思われます。 測定範囲を設定します。今回はこの赤枠の部分です。 測定中です。一カ所の測定は数秒で完了します。 四隅+中央で計測した結果です。 強度でグラフ化されました。Jerryというアクセスポイントの強度グラフです。 結果

    ネットワーク管理者必見!無線LANの強度を図面にマッピング·Netspot MOONGIFT