驚きの連続 ウェブの見事なデモを探検してください! 高機能なブラウザで実現されるすばらしい発明の世界を! デモを投稿!
Mozilla の Web O'(pen) Wonder
驚きの連続 ウェブの見事なデモを探検してください! 高機能なブラウザで実現されるすばらしい発明の世界を! デモを投稿!
ロックファイルを考える
CGIでファイルを操作すると、しばしばデータが消失することが有ります。 これは、同時アクセス（書き込み）による衝突です。 他の多くのサイトでもこれを避ける方法が紹介されていますが、私の経験上どれも不十分で、 現に有名サイトのカウンタさえ破壊されていることがしばしばです。 このコーナーでは、衝突しない。万が一衝突してもデータを破壊しないロック機能を考えてみましょう。 現在もっとも採用されているロック機能 foreach (1 .. 10) { if (symlink($datafile,$tmpfile)) { last; } sleep(1); } open(OUT,"$datafile) || die "Can't open tmp file.\n"; print @DATA; close(OUT); unlink($tmpfile); このコードを１つずつ解析してみましょう。 fore
ネットワ―クの基本設定などを確認(Linux版)
ネットワークの設定,変更などをどこで設定するか. 何を確認するか. (大抵の場合,設定は /etc/init.d, /etc/rc.d などにあるスクリプトなどで行っている.) 関連ファイル /etc/modules.conf : module の設定 ネットワーク設定(IPアドレスなど) /etc/network/interfaces : (Debian) /etc/rc.d/rc.inet1 : (Plamo) /etc/sysconfig/network-scripts など : (RedHat, Vine) /etc/init.d/* 又は /etc/rc.d/init.d/* : 初期設定スクリプト ホスト名参照 /etc/hostname : 自ホスト名(Debian) /etc/sysconfig/network: 自ホスト名(RedHat) /etc/HOSTNAME :
amazonのダンボール箱でつくるA4ファイルケース【マゴクラ】ダンボールインテリア生活
Amazonさんのダンボール箱でつくる、A4書類がピッタリ入るファイルケース。 型紙はフリーダウンロードできますよ。 たくさんつくって重ねると、多段式ファイル引き出しになります。 もうどの家にもひとつやふたつはきっとあるAmazonさんのダンボール箱。 「材料ってどこで手に入るんですか？」 っていう質問がいちばん多いマゴクラとしては、これを使わない手はありません。 Amazonのダンボール箱も種類が豊富にあるようですが、 おそらく最も流通量が多いと思われる(マゴクラ調べ)、ウラ面に『BX0110』と書かれたダンボール箱を使います。 この『BX0110』、ジッパー形式で開くようになっていて、中身は台紙にビニールで固定されているタイプなのです。 言い忘れましたがこのファイルケース、ひとつ作るのにダンボール箱は2個必要ですよ。比較的入手しやすいダンボール箱だとは思いますけれども。 では材料の準備
電子書籍.club -
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか
外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というものです。 下記は、外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもので、キャプチャはそのサイトのものと、参考に当環境でIE7/Fx3(XP)を検証したものです。 @import @import 2つの外部スタイルシートを@importで指定。 <textarea name="code" class="html" cols="60" rows="5">
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
jQueryメモ：クリックしたのは何番目の要素？
クリックした要素、例えばリストなんかで、そのクリックした要素がリスト中の何番目なのかというのを取得する方法、以前は普通に使っていたような気がするのですが、ここ最近思い出せない。検索してもなかなかでてこなかったりして悩んだのですが、普通にリファレンスに書いてあるじゃーんってのに遅いですが気づいたのでメモエントリー。 何番目の要素か 何番目の要素なのかを調べるには、jQueryのindex()を使う。 ■サンプルHTML <div id="test0"> <ul> <li>リスト１</li> <li>リスト２</li> <li>リスト３</li> <li>リスト４</li> <li>リスト５</li> <li>リスト６</li> </ul> <p>クリックした要素は<span>？</span>番目です</p> </div> リストをクリックした際に「？」の部分が変わる。クリックした要素が何番目
"VMware Player 3.1.4" でポートフォワーディング設定 - Setting of Port Forwarding in "VMware Player 3.1.4" - Stargazing && Temporary Escapism ~インプット馬鹿への道~
Recently, What did I do? 早いものでフィリピンから帰ってきてすでに3週間が過ぎようとしている。 帰国した次の日から新しい学校・新しい住まいでの大学院生としての新生活が始まり、慌しく日々を送っていたのでなかなかブログを更新できなかった。（いいわけです） 最近少し落ち着いてきたので、研究の合間にエントリーもちょくちょく書いていければなと思ってます。 About this Entry 今回のエントリーの背景と内容。 最近、研究と開発用にサーバを一から構築している。 前の研究室内のネットワークやハード資源の管理がアバウトだったので、（学生がルータの設定を変更できたり、余っているPCを開発機にしたり）やりたい放題だったのだが、 新しい研究室では、与えられるハード資源はデスクトップとノート。（贅沢だが、サーバ用にもう１台欲しい。） ネットワークは各々のPCのMacアドレスをネッ
IPA ISEC セキュア・プログラミング講座：Webアプリケーション編 第4章 セッション対策：想定外ナビゲーション対策
複数のWebページを、Webアプリケーションが望んでいない順序でユーザが辿った場合、Webサーバ内のデータの辻褄が合わなくなったり、本来開示すべきでない情報を漏えいするおそれがある。Webアプリケーションは、望ましくないページナビゲーション操作にも一定の対策を講じておく必要がある。 もたらされる被害 どのような現象が生じるかはそれぞれのWebアプリケーションによって異なるが、想定外のナビゲーション操作が行われたとき、プログラムが誤作動して次の被害を生じるおそれがある。 データのインテグリティが損なわれる 適切な順序でデータが組み立てられない状態でデータベース等への書き込みが行われた場合、データが不完全な形で書き換えられ、インテグリティ（一貫性、完全性）が損なわれるおそれがある。 情報漏えいが生じる 検索条件が適切に揃わない状態でデータの検索が行われた場合、本来開示すべきでない情報をWebペ
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
| test
mameshibankさん 豆柴日和 amecustomさん アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開！ jade-taさん 脚本家によろしく。 nisishowさん リフォームで地域社会に貢献 ringo417-maさん ★ 月に負け犬 ★ cairさん 広報＆IR担当のオフィシャルブログ shikamaさん 千葉の東京寄りでホームページ制作＆企画・運用中！ saijoさん 経営に終わりはない nina-yuanbeauteさん 芳村仁奈オフィシャルブログ「Nina's Diary」Powered by Ameba frontier-ceo-bossさん フロンティア社長 オフィシャルブログ Powered by Ameba ohtias-ceoさん ソーエネ×オーチアス社長 alfortさん 念ずれば花ひらく「会社経営」
jQueryでの配列と連想配列の扱いでハマった - jomalog
まず結論から、配列と連想配列は分けるべきということがわかりました。悔しくて冗長に書きましたが、それだけですorz jQueryには、$.each という配列を走査するforeach的な関数があります。他の言語でもあるように配列と連想配列を考えなくてもいいと思いこんで、以下のようにしていました。 var array = []; // ここで配列を代入 array["hoge"] = "fuga"; $.each( array, function(i){ alert(i); } // -> 何も表示されません array["hoge"]を走査してくれることを期待していたのですが、反応なし。jQueryのソースを見てみると、jQueryは、lengthプロパティの有無で配列と連想配列を区別していることがわかります。 // $.eachのソース部分から引用 if ( object.length =
HTML入力フォーム
WebブラウザにHTMLファイルを表示させる通常の「静的なページ」に対し、メールフォーム、掲示板、ブログなどのようにWebブラウザから入力された要求に対して Webサーバ側でプログラムを呼び出し処理した結果を返すしくみを、CGI （Common Gateway Interface ）といいます。このようなページを、 「動的なページ」といいます。 この動的なページには、サーバ側でPerl、PHPやC言語などのプログラムが使われたり、JavaScript のようにブラウザ側で処理します。 このとき WebサーバのCGI プログラムに渡すパラメータは、テキストボックスやチェックボックスなどのフォーム部品で指定します。これらのデータを入力するためのユーザインターフェース 部分を、HTMLでは<form>要素で記述します。 form 要素の構造 form 要素は、<form>～</form>で一つの
Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 : 4GALAXYのメモ
16 26 08 2007 Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 jQuery, Samples, Ajax 海外のjQueryを使ったAjaxサンプル集に日本語の紹介文をつけた記事 Effects Ajaxエフェクト集 要素の出現・消滅など全62種類のAjaxエフェクトサンプル Test new animate function 要素のAjaxアニメーションジェネレーター Use new functions stop, stopAll and pause to clear queue and stop flickering Ajaxでディレイ(遅延)を設定できるツールチップを表示サンプル Draggables | Droppables Ajaxでドロップ＆ドラッグ出来るサンプル10種類 Sortables list
MdN Design｜総合情報サイト
第8回「最近注目を集めているJavaScript/jQueryのツール・テクニック45」 2010年04月09日 今回は、JavaScriptやjQueryを使ったテクニックやツールなどを紹介しよう。これまで同様の記事を何度か掲載してきたが、今回は海外で多くの注目を浴びたものを厳選している。フォームやボタン、カレンダー、ナビゲーション、デバッグ関連などさまざまな記事を紹介するので、ぜひチェックしてほしい。また、後半ではJavaScriptに関するリファレンスサイトなども紹介している。 余談だが、Smashing Magazineのページ上部にネットワークタブがあることをご存知だろうか。こちらでも記事を紹介しているので、ぜひご覧いただきたい。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Fresh Usefu
複雑な表（テーブル）の作り方 colspan rowspan - ホームページの作り方 - MB-Support パソコン初心者のサポートページ
複雑な表（テーブル）の作り方 colspan rowspan 表（テーブル）のセルを空白にする方法は、セル内で全角スペースを入れれば良いだけですが、2 つ以上のセルを合体させたると、より見やすくテーブルを構成する事ができます。 特定の行だけ、縦の仕切り線を破る場合は <td> に colspan="またがるセルの数" を挿入します。 HTMLソース(メモ帳) <html> <head> <title>題名</title> </head> <body> <table border="1"> <tr><th colspan="2">ホームズの思い出</th></tr> <tr><td width="200">白銀号事件</td><td width="200">黄色い顔</td></tr> <tr><td>株式仲買店員</td><td>グロリア・スコット号</td></tr> </table>
グラフィックデザイナーのためのCSSレイアウトメモTIPS「CSS記述の優先度」
CSSレイアウト[TIPS] CSS記述の優先度 CSSは後に書かれた指定ほど優先順位が上になるのが基本。前の指定を後の指定が上書きする。 この法則に当てはまらないものに、後述の「条件付きセレクタ」と「!important付き指定」がある。 HTML上での読み込み順による優先度 HTML上での読み込みが後の方ほど優先される。外部CSSファイル読み込みでも、HTMLに直接書き込む場合でも同じ。 例えば、外部ファイルをHTMLの<head></head>内に下記のような順番でCSSを読み込んだ場合は、 <link rel="stylesheet" href="first.css" type="text/css" /> <link rel="stylesheet" href="second.css" type="text/css" /> この場合、後で読み込まれる「second.css」の指定が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
screw-axis.com
[CSS3] CSS3 Buttonize Framework - CSS3でコーディングされた汎用ボタン