最近メモリも安いので，ついつい大容量なものを買って付けてしまう今日この頃． 今Macbookのはメモリ8Gあるけど，VMwareを使ってガリガリやらない限りは使いきれるわけもない． でも，せっかく買ったメモリなので，有効活用すべくRamDiskにして/tmpなんかに使おうという魂胆でございます． SSDな人なんかは，SSDへの書込み回数が減って幸せかと思います．体感速度はそんなに変わらないかも… HDDな人は単純に早くなって幸せかと思われます． MacのRamDiskの作成方法は調べればいくらでも出てくるけど，毎回調べるのもめんどくさいのでここにメモ． GUIで設定したい人は，RamdiskOnMenubarというアプリがある． が，別途アプリをインストールしなくてもターミナルでできるし，RamDiskなんてOSが上がってからコロコロ設定しなおすものでもないので，1回だけ設定すればいい．

目的 フロントがHTTPリクエストを受けて、バックエンドのアプリケーションサーバにreverse proxyするような構成において、指定秒数以内に何かしらのレスポンスを返したい。 200が返せない場合は、処理を打ち切って500を返したい。 背景 フロントでApacheやNginxをreverse proxyとして使っている場合、バックエンドが無応答になってしまうと、クライアントにレスポンスが返るのはデフォルトで数十〜数百秒後(ApacheのTimeoutのデフォルトは300秒、Nginxのproxy_read_timeoutのデフォルトは60秒)になってしまいます。 通常のWebサービスではこのオーダーのタイムアウトでもいいのかもしれませんが、数秒以内に(エラーでもいいので)レスポンスを返すことが求められる環境も存在します。(最近、特に多いのではないでしょうか:P) もちろんバックエンドが

How to refresh the src of an image with jQuery? $(imageobj).attr(‘src’, $(imageobj) .attr(‘src’) + ‘?’ + Math.random() ); How to see if an image is loaded or not with jquery […] How to refresh the src of an image with jQuery? $(imageobj).attr('src', $(imageobj) .attr('src') + '?' + Math.random() ); How to see if an image is loaded or not with jquery var imgsrc = 'img/image1.png'; $('<img/>').load(

去る 2 月 13 日に Developers Summit 2009 会場内にて OpenSocial をテーマとした Hackathon を開催しました。 昨年 12 月に続いての開催となったこの Hackathon には、前回参加された方も数名参加してくださり、とてもレベルの高いものとなりました。限られた時間の中で開発されたアプリケーションはいずれも素晴らしいものでした。 下の写真は今回の Hackathon で開発され、参加者の投票の結果、もっとも素晴らしいアプリケーションと評価されたゲーム「ソーシャルクエスト」です。このゲームは、いろいろな職業の友達とパーティーを組み、「社会の敵」と戦うソーシャルRPG です。敵によっては特定の職業の友達がパーティーに必要となるため、ゲームを通じて新たに友達を探す必要がある、ソーシャル性の高さが特徴です。もちろん、Hackathon の短い時間の

Webデザイナー、（X）HTML／CSSコーダー、マークアップエンジニアが扱いやすいJavaScriptライブラリー「jQuery」を基礎から解説。プログラムの基本的な書き方から、実務で使えるサンプルまで。jQueryをマスターして仕事の幅をぐっと広げよう。<cj:inc template="792" element_id="499288" />

光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに

Auto Copyが移植されたらchromeへの移行を検討します。agoです。 jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを使っていてもはまる可能性の高いクロスブラウザのtipsをご紹介したいと思います。 1 Objectリテラル内の末尾カンマ { 'key' : 'val', } 上記のコードはIE6でエラーが出ます。 o = { ‘key’ : ‘val’, }; この動作はjavascriptの仕様からするとIE6の動作が正しく、本来であれば末尾のカンマは記述できません。 これは他言語でJSONを扱う場合でもエラーになるので注意してください。 また、Arrayの場合、Fxは上記と同じく要素が存在しないものと認識しますが、IE6は未定義値が定義されていると解釈

新米と秋刀魚のわた焼き お刺身用の秋刀魚を買いました。1尾250円です 3枚におろして、秋刀魚のわたに酒、味醂、醤油で調味して1時間ほど漬け込み、グリルで焼きました 秋刀魚のわた焼き わたの、苦味が程よくマイルドに調味され、クセになる味わいです 艶やかな新米と一緒に 自家製お漬物 土…

チケット駆動開発についてのFAQをまとめてみた。 他に聞きたい質問があれば、コメントして下さい。 チケット駆動開発のFAQを集めれば、チケット駆動開発を普及させるのに役立つと思うから。 【元ネタ】 チケット駆動開発 … ITpro Challenge のライトニングトーク (4) - まちゅダイアリー(2007-09-07) TiDD：チケット駆動開発: ソフトウェアさかば RedmineとTracの機能比較: プログラマの思索 脱Excel！ Redmineでアジャイル開発を楽々管理 － ＠IT自分戦略研究所 Tracのワークフロー: プログラマの思索 ワークフロー機能のカスタマイズ方法 - かおるんダイアリー そろそろTracのワークフローについて語っておくか - almost nearly dead チケット駆動開発は進捗報告作りをどのように解決しようとするか？: プログラマの思索

7月に入って、日増しに暑くなってきましたね。 いよいよ夏が本格化してきて、寝苦しい熱帯夜のことを思うと少しうんざり。 最近、その対策として、ひえひえマット(Hie Hie mat)を購入したのですが、これが気持ち良過ぎて快適すぐるので、ご紹介。 これは、ジェル状タイプのものではなく、中に塩の結晶が入ったもので、常温のままで冷感が持続するという優れものです。特に冷蔵庫なんかで冷やす必要もありません。 私も実際に使っているのですが、体に直接あてたまま横になると、、、冷たいです。正直寒いです。 なので、使うときは、厚手のタオルを冷え冷えマットの上にかけて、その上に寝そべるとヒンヤリして、物凄く気持ちよく眠れます。 はっきり言って、冷房は不要かもしれません。というか、私はコレがあれば不要です。 あと、やはり1時間くらい同じポジションで寝ていると、ヒンヤリ感はなくなりますが、その時は寝返りをうてば復

図形の位置をうまく制御できないからWordに対して苦手意識がある方はいませんか？　段落と図形の関係を理解して克服しましょう。 Wordに対する苦手意識の原因として、図形を思い通りに配置できない、という悩みを聞くことがあります。今回は、なぜWordでは描いた図形が動いたりするのか？　についての基本をお教えします。 Wordにおいては、図形が段落にひも付いて扱われます。段落とは、Enterキーを押すと表示される、矢印により区切られた1つの文書の単位です。 図形は、描かれる際（ファイルなら挿入される際）にカーソルがある段落にひも付きます。ですから、その段落の位置が動けば、図形も連動して移動します。そしてその段落が削除されれば、図形も消えることになります。 このことを常に意識していれば混乱することはありませんが、そうでないユーザーも多いことでしょう。そこで、わたしが講師を務めた場で質問されたことか

ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

TOP  >  WebDesign  >  クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」 WEBを制作されている方は日々工夫をこらしているCSS。多々あるブラウザ環境の中で、統一した見た目を保つ為に色々な努力を積み重ねている事かと思います。今日紹介するのはクロスブラウザのためのCSSのテクニックを紹介するエントリー「10 astonishing CSS hacks and techniques」を紹介したいと思います。 Cross browser inline block ツールチップやギャラリー表示、選択したテキストのカラーを変える等、様々なテクニックがソースコード付きで紹介されています。今日はその中からいくつか気になったテクニックを紹介したいと思います。 詳しくは以下 ■Cross browser mi

Forms can be greatly enhanced with a touch of CSS, making them more usable and far more visually attractive. Follow some of the examples below and you’ll be creating stunning CSS forms in no time at all. 19+ Million Digital Assets, With Unlimited Downloads Get unlimited downloads of 19+ million design resources, themes, templates, photos, graphics and more. An Envato subscription starts at $16 per