Flashを使ってリモートＰＣを操作できるVNCクライアント「FVNC」:phpspot開発日誌
Jaslabs: High performance php VNC client in flash FVNC is an open source VNC client for flash. Flashを使ってリモートＰＣを操作できるVNCクライアント「FVNC」。 VNCというリモートＰＣをＧＵＩで操作できるソフトがありますが、そのＦｌａｓｈ版がダウンロードできるようです。 次のようにブラウザ上でログイン画面や、ＶＮＣを経由したＧＵＩ操作画面のスクリーンショットが見れます。 ログイン画面 VNC操作画面。 SWFということで、インストール簡単＆ブラウザで動くということで色々と役立つ場面がありそうです。
ウノウラボ Unoh Labs: 1時間で作る簡易スクリプト言語(JavaScript)
さかとくです。最近では、JavaScript上でJavaバイトコードが実行できたり(Orto)、JavaScriptでScheme(jsScheme)が動いたりと、とても楽しい状況ですね。ブラウザさえあれば、その上でいろんなプログラミング言語を体験することができるのですから！ 私も、これまで、マクロ言語やスクリプト言語をいくつか作ってきました。（代表作は、音楽のプログラミング言語「サクラ」や、日本語プログラミング言語「なでしこ」などです。）今は、ブラウザ上で動く日本語プログラミング言語を開発中ですが、これはまだ見せられる状況ではありません。 そこで、ウノウラボを書くのに与えられただろう時間(約１時間)で、オリジナルのプログラミング言語を作ってみようと思います。もちろん、JavaScriptだけで。 では、はじめてみましょう！ (1) コンパイラコンパイラをゲットする はじめに用意するのは、
javascript - encodeURIUnicode()と%uXXXX問題 : 404 Blog Not Found
2007年03月10日17:30 カテゴリLightweight Languages javascript - encodeURIUnicode()と%uXXXX問題 これを見て、(de|en)codeURIUnicodeがあればいいと思ったので作ってみた sawatの日記 - Unicodeエスケープ なので、前述のような単に非ASCII文字をエスケープしたいだけのようなケースではUnicodeエスケープを使った方がよいです。Javaのpropertiesとかnative2asciiとかのやつです。 Decoded: Dan 弾 𪚲 Encoded: Dan%20%u5F3E%20%uD869%uDEB2 要は、U+00ffまではencodeURIComponent互換、それ以上はescape()互換というもの。こうしてencodeされたものは、CGI.pmとかでもほぼそのまま使える。
USBメモリでPHP開発環境を持ち歩ける「XAMPP Lite」:phpspot開発日誌
apache friends - xampp for windows XAMPP Lite・is an additional extra small XAMPP edition. It's the successor of the old MiniXAMPP. But in contrast to the big XAMPP it's not updated really often. USBメモリでPHP開発環境を持ち歩ける「XAMPP Lite」。 XAMPPというPHP開発環境の一括インストールツールがありますが、最初にインストーラーを起動し、インストールする形式のものでした。 XAMPP Liteは解凍後、そのままつかえるXAMPPパッケージです。 USBメモリにそのまま解凍すれば、そのまま開発環境を持ち運べるというわけです。 なんらかのデモプログラムを持ち運びたいときに、USBで
Ajax機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」:phpspot開発日誌
The Ultimate Ajax Object Ajax 機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」。 prototype.jsなどを使えば、Ajaxは簡単に使えるけど、Ajaxのみの機能を使いたいのに、要らない機能までもブラウザに読み込ませるのは無駄な場合も多いことと思います。 そんな際に使える、ajaxObjectの紹介。ほんの４５行程度のライブラリですが、クラス化されていて再利用が容易です。 使い方は次のように簡単です。 myRequest = new ajaxObject('http://somedomain.com/ad.html'); // オブジェクト初期化 myRequest.callback = function(responseText) { // ajax成功時のコールバック document.getElementById('so
この先生きのこるには
Firefoxを使う時に最初に入れるエクステンションはNoScriptとCookieSafeです。こんにちは。 というわけで私の場合、デフォルトではCookieの発行やJavaScriptの実行を拒否し、良く使うサービスにだけ許可を与えています。(良く使うサービスでもどっちか片方しか許可しない場合もある) で、http://piece-framework.com/event-desk/register.phpにアクセスしたら無限リダイレクトしてしまいました。 news.mixi.jpも同じような状況で、自分の設定ではmixi.jpだけを許可してnews.mixi.jpが許可されていなかったっぽくて無限リダイレクト。 Yahooなんかだと、Cookieを使えるようにしてくださいとかいう専用のエラー画面がでてくる。大手はだいたいそう。 「今時のブラウザならCookieやJavaScriptくら
MySQLでLIKE検索より数十倍高速な、お手軽 日本語全文検索:phpspot開発日誌
MySQL FULLTEXT Ngram : LIKE検索より数十倍高速な、お手軽 日本語全文検索 について｜blog｜たたみラボ 前回の記事 - MySQLで全文検索 - FULLTEXTインデックスの基礎知識 - で触れた、FULLTEXTとNgramを駆使した日本語全文検索についてまとめてみました。 MySQLでLIKE検索より数十倍高速な、お手軽 日本語全文検索。 「別途Senna等のインストール／保守やMySQLの再コンパイルはしたくない、でも手軽に全文検索の仕組みを導入したい・・・そんな場合に有効な手法」だそうです。 利用するためのphp/perl モジュールも公開されているようです。 なかなか便利そうなので一度試しておきたいですね。
小粋なインターフェースを実現する25のコード （パート2） - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
「小粋なインターフェースを実現する25のコード | S i M P L E * S i M P L E」の続編が出たようです。 今回もなかなか小粋な技がそろっていますね。新しくサービスを作られている方は参考にされてみては。 ↑ ツリー構造のテーブルを実現。 ↑ CSSでプログレスバー。 ↑ CSSでちょっとかっこいいボタン。 ↑ CSSでドロップシャドウかな。 世界中でこうした知識が共有できるようになりましたね。いい時代になったものです。さて、あとはこれをどういうアイディアで実現するか、ですな。オリジナリティのあるサービスつくりたいなぁ。 » » 25 Code Snippets for Web Designers (Part2)
はてなブログ | 無料ブログを作成しよう
うまくいかない日に仕込むラペ 「あぁ、今日のわたしダメダメだ…」 そういう日は何かで取り返したくなる。長々と夜更かしして本を読んだり、刺繍をしたり…日中の自分のミスを取り戻すが如く、意味のあることをしたくなるのです。 うまくいかなかった日のわたしの最近のリベンジ方法。美味しいラペを…
StarChartLog - Make LinkはCopy URL+よりも使いやすい
PamGauで知った、Firefox 拡張機能「Make Link」は、Copy URL+のような機能を持ちながら、Copy URL+よりも設定が簡単です。 Copy URL+は右クリックメニューから指定するとリンク用文字列をクリップボードに入れてくれる拡張機能。user.jsを修正することでWiki用だとかはてなダイアリー用だとか引用文だとかいろいろ指定することができます。が、「user.jsを修正しなければならない」ってのに心理的障壁があるのはkyorecobaさんだけでなく私にもあります。 あと、Copy URL+はいまだにFirefox 2.0以降対応版ができてないので、むにゃむにゃしなければなりません。むにゃむにゃすれば問題なく動きますけど。というか、サポート終了しちゃった？ で、問題のMake Linkですが、Firefox 2.0以降に対応しているのは当然として、「右クリック
PHPでファイルを読み取るための正しい方法:phpspot開発日誌
IBM PHP でファイルを読み取るための正しい方法 - Japan どういう場合に fopen、fclose、feof、fgets、fgetss、そして fscanf を使うべきかを学ぶPHPでファイルを読み取るための正しい方法。 PHPを使っていると、読み込みの際に、file 関数や file_get_contents 関数を使ったりして、ファイルの処理に関する部分をうまく理解しないで使っている場合も多いかと思います。 こういった関数では一括してファイルをメモリに読み込むのでファイルサイズが大きすぎると使えなかったりします。 ページでは、ファイルが大きくても読み込める、fopenを使った読み取り方や指定バイト読んだり、fseekを使ったファイル内ジャンプなどの使い方が紹介されています。 iniファイルの処理方法や、ファイルを読む際のチェック方法(file_exists , is_rea
javascript - URIのasin:スキームを実装する : 404 Blog Not Found
2007年03月19日21:00 カテゴリLightweight Languages javascript - URIのasin:スキームを実装する とっくに発明されてていい車輪でありながら、どうも見当たらなかったので作りました。 ご自由にご利用ください。出来ればアフィリエイトIDはblogsofdankog-22のままで:-p <script type="text/javascript" src="http://blog.livedoor.jp/dankogai/js/asinjp.js"></script> <script>ASINjpHandler('blogsofdankog-22');</script> まるごとJavaScript & Ajax ! Vol.1 小飼弾他 とするだけで、 <a href="asin:4844323644"> <img src="asin:4844
IT戦記 - Apollo 登場！もう Safari の確認用に Mac 買わなくてよくね？
via http://un-q.net/2007/03/apollp.html ついに Apollo 出ました！ で、 Apollo には、なんと Safari のエンジンを搭載しています。 http://labs.adobe.com/technologies/apollo/ Sample アプリケーションの Scount を使うと Safari でサイトの確認ができます。 http://labs.adobe.com/wiki/index.php/Apollo:Applications:Samples 隣に座っている http://miniturbo.org の kz くんにスクリーンショットとってもらいました！ HTML や JavaScript のデバッグとかもできて超便利です！！
IE版のFirebug IE Developer Toolbar[to-R]
IE版のFirebug IE Developer Toolbar みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか？ マイクロソフトが現在ベータ版として提供しているツールで、簡単に説明すればIE版のFirebugです。 IEで使えるFireBugとして聞くとFireBug Liteを思い浮かべがちですがFireBug Liteのようにソースにjavascriptを埋め込むことなく実行することが可能です。 ちなみにFirebugとはjavascritpやCSSのデバッグなどを行えるFirefoxのアドオン(拡張機能)になります。 すごく便利ですので、使ったことがない方はFirebugの方からお使いください。 話は戻りますが、Internet Explorer Developer Toolbarのインストール方法について解説したいと
![IE版のFirebug IE Developer Toolbar[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
「この記事へのソーシャルブックマーク」を追加 : 404 Blog Not Found
2007年03月21日22:44 カテゴリBlogosphere 「この記事へのソーシャルブックマーク」を追加 見ての通り、「この記事へのトラックバック」の上に、各種ソーシャルブックマークでのコメント数を表示するようにしてみた。 特にはてブに関しは、「その場で表示」にも対応してみた。Livedoor Blogをお使いの他の方はこれで役に立つかも。 以下、作業メモ テンプレートの編集が必要なので、デザインは「カスタム」に設定 個別記事ページのテンプレートに、以下を加える。 <div class="trackback-body"> <span style="float:right"> <a target="_blank" rel="bcomment-viewer" href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>" class="bo
JavaScriptコードをブックマークレットに変換するPerlスクリプト「JavaScript Bookmarklet Builder」:phpspot開発日誌
Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」 次の記事 ≫：ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「P... JavaScriptコードをブックマークレットに変換するPerlスクリプト「JavaScript Bookmarklet Builder」 2007年03月22日- Daring Fireball: JavaScript Bookmarklet Builder So a bookmarklet is a little JavaScript script that’s intended to be run from a web browser’s bookmarks bar or menu. JavaScriptコードをブックマークレットに変換するPerlスクリプト「JavaScri
Daring Fireball: JavaScript Bookmarklet Builder
By John Gruber Archive The Talk Show Dithering Projects Contact Colophon Feeds / Social Sponsorship WorkOS provides enterprise-grade auth that can be integrated in minutes. Monday, 19 March 2007 [Update 27 January 2014: I’ve fixed a small bug in the below script. I’m also now hosting a copy of it on Gist.] So a bookmarklet is a little JavaScript script that’s intended to be run from a web browser’
ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「Parallax Backgrounds」:phpspot開発日誌
Parallax Background with Javascript and CSS ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「Parallax Backgrounds」。 一見なんの変哲もないサイトのように見えて、スクロールしてみると2枚の背景画像が違う速度でスクロールし、面白い効果が見られます。 スクロールバーをつまんでゆっくりページをスクロールしてみてください。 雲の画像が、その後ろの布風の背景画像よりも高速に動いてみえると思います。 JavaScriptの window.onscroll イベントによってそれぞれの背景画像のスクロール位置を調節しているようです。 凄く面白いなぁ、と思ったのですが、この方法を応用することで、新たに面白い効果を作ることができるかもしれませんね。 訪問者への驚きの要素として実装してみると面白いでしょう。 サポートブ
作って納得! DOM 2 Events: Days on the Moon
ブラウザ上でのプログラミングで避けては通れないのがイベント処理。その仕組みは DOM Level 2 Events にて規定されています。しかし、とりあえず addEventListener メソッドを使ってはいるものの、それがどのような意味を持つか詳しくは知らないといったことはありませんか。そこでここでは、DOM 2 Events のイベントモデルを理解し、ブラウザが裏で何をしているのかを把握するために、実際にそのイベントモデルを実装してみることにします。具体的には、仕様書に定められたインターフェースを JavaScript で実装し、それらを組み合わせてイベントの発生をシミュレートしてみます。 Event インターフェース EventListener インターフェース EventTarget インターフェース DocumentEvent インターフェース DOMException イン
DOM Events とブラウザの実装: Days on the Moon
ブラウザ上でのイベント処理の仕組みは DOM 2 Events および DOM 3 Events 草案にて規定されています。しかし、DOM 2 Events で言及されていない部分など、細かい動作はブラウザごとに異なっていることもあります。そうした仕様と実装の差異を、「作って納得! DOM 2 Events」で触れなかったものも含めて、いくつかまとめてみました。 ターゲットフェーズで呼び出されるリスナ DOM 2 Events のイベントモデルにおいて、あるノードでイベントが発生すると、そのノードの祖先ノードのイベントリスナが呼び出されるキャプチャリングフェーズ、そのノード自身のイベントリスナが呼び出されるターゲットフェーズ、再び祖先ノードのイベントリスナが呼び出されるバブリングフェーズと、3 段階にわたってイベントが伝播していきます。このうちターゲットフェーズでは、addEventLis
Javascriptの文法チェックや圧縮などが行えるWEBツール「Javascript Developer Tools」:phpspot開発日誌
Javascript Developer Tools Javascriptの文法チェックや圧縮などが行えるWEBツール「Javascript Developer Tools」。 左上のタブのＬｉｎｔ にて文法チェックが行えます。Minify、De-Minifyによって改行などの削除によってスクリプトサイズ削減、そして、その反対が出来るようです。 ブラウザ上で行える簡易開発ツールとして活用できそうですね。
lockエラー | 月額200円からのレンタルサーバー JSN
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
ITmedia エンタープライズ：第2回 Windows上でLinuxを走らせてみよう――coLinux (1/3)
第2回 Windows上でLinuxを走らせてみよう――coLinux：新入学生／新社会人応援企画（1/3 ページ） Linuxを使ってみたいとは思っても、Windowsから完全に移行するのはまだ早いかなとお考えのあなた。Windows上でLinuxを動作させることができるcoLinuxを使ってまずはLinuxに触れてみてはいかがでしょうか。 前回は、Linuxを始めるにあたって、どういったディストリビューションを選択すべきかを考えました。とはいえ、すぐにWindowsを捨ててLinuxに走ってしまうことをためらう方も少なくないと思います。そこで今回は、Windows上でLinuxを動作させることができるcoLinuxを紹介します。 coLinuxのインストール coLinuxは、Windows上で動作するようにパッチが当てられたLinuxカーネルと、Windows用のデバイスドライバから
入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル:phpspot開発日誌
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル＋画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
【コラム】そろそろきっちりJavaScript (5) プロトタイプチェーン | エンタープライズ | マイコミジャーナル
まずはプロトタイプチェーンを体感する プロトタイプベースオブジェクト指向における重要なキーワードのひとつに「プロトタイプチェーン」がある。「プロトタイプチェーン」とは、端的にいうと、「(プロトタイプベースオブジェクト指向における)継承メカニズム」だ。 JavaScriptでは、どのような形で継承メカニズムを利用できるのだろうか。 細かい説明は後回しにして、まずは以下のコマンドをFirebugで実行してみよう。このサンプルでは、哺乳類(Mammal) - 犬(Dog) - ダックスフント(Dachshund) の各オブジェクトに、"名前(name)"プロパティと"吠える(bark)"プロパティを定義している。少し長いが、何が起こるかを予想/確認しながら、1行ずつじっくり確認していってほしい。 // 哺乳類オブジェクト"Mammal"を定義 >>> var Mammal = function
Verifydesignを使って設計の依存関係を監視・強制する：CodeZine
今回は、メニューからグラフの種類を変更できるようにします。これまでは、3D縦棒グラフでデータを表示していましたが、グラフの種類を折れ線グラフと円グラフに変えられるようにします。
Moony::log - PHPだけでBasic認証
何かの拍子で使わないとも限らないのでメモ代わりに書いておく。ざっくりと流れだけ。 <?php if (!authenticate($_SERVER['PHP_AUTH_USER'], $_SERVER['PHP_AUTH_PW'])) { header('WWW-Authenticate: Basic realm="title here"'); header('HTTP/1.1 401 Unauthorized'); echo 'Authentication failure.'; exit; } function authenticate($user, $password) { return ($user === VALID_USER && md5($password) === VALID_PASSWORD); } ?> authenticate関数の部分でデータベースアクセスするようにす
CodeZine：Microsoft謹製、フリーのXMLエディタ「XML Notepad 2007」リリース（開発ツール, マイクロソフト）
Microsoftは22日、XMLエディタ「XML Notepad 2007」をリリースした。同社のWebサイトから無償でダウンロードすることができる。 このエディタはXMLをツリーで表示できるペインと、実際の値が表示・編集できるペインからなる。要素や属性の追加、コピー、削除といった基本的な編集を視覚的に行うことができるほか、ツリービューのアイコンをドラッグ＆ドロップすることで要素の移動をすることもできる。 また、XSLTを適用した際のプレビュータブも用意されており、XMLにまつわる開発における強力なツールになりそうだ。XML Notepad 2007は、Windows Server 2003、Windows XP、Windows Vistaに対応しており、.NET Framework 2.0が必要となる。 Microsoft：XML Notepad 2007
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSベースの超クールなナビゲーション集:phpspot開発日誌
http://youmos.com/news/code_highlighter.html
http://youmos.com/news/javascript_slideshow.html
http://youmos.com/news/fancymenu.html