TECH Matari

起動ディスクをCarbon Copy Clonerを使って外付けのディスクにバックアップしている時に気づいた現象。

なぜかボリューム直下の”home”というフォルダが、Finderから見えない。バックアップコピーに失敗してるかと思いきや、Terminalから/Volumes/外付けHD/にいき、lsしてみたところ、ちゃんとhomeフォルダは存在する。

しかも、

$ open home

とやれば、ちゃんとFinder上で開ける。その開いた状態でcmd + iをしてファイル情報を見ても問題ない。というか、Finder上では可視／不可視の設定ってできないしね。

ls -l で表示される結果をよくよく見てみると、

drwxr-xr-x@   6 hoge  staff   204B  9  3 10:51 home/

と、パーミッションの隣に、なにやら見慣れるアットマークが。あれ？こんな記号、あったっけ？と思い調べてみると、

OSXの拡張属性、＠（アットマーク）付きファイル

とのこと。たしかに、ls -la@としてみると、

drwxr-xr-x@   6 hoge  staff   204B  9  3 10:51 home/
com.apple.FinderInfo  32B

上記Blogでは、この拡張属性を消せばいいと書いてあるが、なんかしっくりこないので、追記にあるように、SetFileコマンドを使ってみる。

まず、SetFileと対になる（？）GetFileInfoを使う。

$ GetFileInfo home
directory: "/Volumes/backup/home"
attributes: aVbstclInmedz
created: 05/22/2009 11:13:54
modified: 09/03/2009 10:51:44

この、attributesというのがキモ。attributesの説明は、SetFileコマンドのヘルプか、manをみるとよろし。要するにそれぞれの記号がファイルの属性を表している。このうち、Vのみ大文字なので、manualによると、V = invisible つまり、不可視フラグが立ってるということである。

これを、SetFileコマンドを使ってhomeディレクトリに対し、可視フラグを設定するには、

$ SetFile -a v home

でOK。（つまり、V = 不可視設定、v=可視設定）

なんつーか、１つのファイルに対して、複数方面からの設定やらフラグやらが設定しており、非常にややこしいですな。Macのファイルシステムは。

Popularity: 1% [?]

written by ANN

年明けから本気だす為に、WEB制作に便利なチートシート(Cheat Sheet)のまとめです。主に日本語版かつPDFで入手できるものを集めました。日本語版が見つからないものは、非日本語版も掲載しています。

1.CSSのチートシート

from CSS Cheat Sheet 日本語版 | textdrop

2.正規表現のチートシート

from 正規表現 Cheat Sheet 日本語版 | textdrop

3.PHPのチートシート

from PHP Cheat Sheet 日本語版 | textdrop

4.MySQのチートシート

from 漢(オトコ)のコンピュータ道: MySQL Cheat Sheet 1.0

5.SEOのチートシート

from SEO基本技術のチートシート（トラの巻）を作ってみた | Web担当者Forum

6.WordPressのチートシート

from WordPress Help Sheet 日本語版 | textdrop
※その他WordPressの開発用のさまざまなチートシート→WordPressチートシートいろいろ・SEOとかテンプレートタグとか – かちびと.net

7.mod_rewriteのチートシート

from mod_rewrite Cheat Sheet 日本語版 | textdrop

8.Subversionのチートシート

from Subversion Cheat Sheet 日本語版 | textdrop

9.Gifのチートシート

from Git Cheat Sheet 日本語版 | textdrop

以下、英語版です。

10.HTML5のチートシート

from HTML 5 Cheat Sheet (PDF) – Smashing Magazine

11.jQueryのチートシート

from jQuery Cheat Sheet
jQueryは日本語版のチートシートが無かったけど、いずれ誰か作るだろう。とりあえず jQuery 1.3.2 日本語リファレンスがあれば充分。

12.htaccessのチートシート

from the jackol’s den » htaccess Cheatsheet
※htacdessのチートシートの日本語版はどっかにあった気がするんだけどな～

13.PHPの各種演算結果のチートシート

from BlueShoes: PHP Cheat Sheet

14.実体参照文字のチートシート

from XHTML Character Entity Reference

15.adobe Flash CS4 キーボードショートカットのチートシート

from

16.Unix/Linuxのコマンドのチートシート

from Unix/Linuxコマンドリファレンス – よたらぼ 保管庫

17.ActionScript/Tweenerのトランジションのチートシート

from 超訳：Tweenerドキュメント＆言語リファレンス

18.ActionScript/Flexのクラス・API相関図ポスター

from Ted On Flash: Cube Wallpaper – AS3 and Flex API Posters

こうやってみると、textdrop – http://www.textdrop.net/さんによる日本語化されたものがおおいですね。ありがたいです。

僕もなにか作ってみようかな。

Popularity: 3% [?]

written by ANN

時間の処理には、trick7さんのTeraClockを使わせてもらいました。

キモは、

(TextArea).verticalScrollPosition = (TextArea).maxVerticalScrollPosition

だけです。

デバッグ用に、TextAreaに変数とかを表示させたいときに、スクロールバーが付いてこないと非常に見づらいので、上の１行を追加すると便利です。

PLAIN TEXT
Actionscript:




package  


{


    import fl.controls.Button;


    import fl.controls.TextArea;


    import flash.display.MovieClip;


    import flash.events.*;


    


    import com.trick7.utils.TeraClock;  


    /**


     * ...


     * @author IRONHEARTS


     */ 


    public class Main extends MovieClip


    {


        private var _ta1:TextArea;


        private var _ta2:TextArea;


        private var _reset:Button;


        private var _tc:TeraClock;


 


        public function Main():void 


        {


            addEventListener(Event.ADDED_TO_STAGE, init);


        }


        


        private function init(e:Event = null):void 


        {


            removeEventListener(Event.ADDED_TO_STAGE, init);


            


            _ta1 = TextArea(getChildByName("ta1"));


            _ta2 = TextArea(getChildByName("ta2"));


            _reset = Button(getChildByName("reset"));


            


            _reset.addEventListener(MouseEvent.CLICK, resetHandler);


            


            _tc = new TeraClock;


            


            _tc.addEventListener(TeraClock.SECONDS_CHANGED, secListener);


 


        }      


        private function resetHandler(e:MouseEvent):void 


        {


            _ta1.text = _ta2.text = "";


        }      


        private function secListener(e:Event):void 


        {


            var s:String = _tc.hours2 + ":" + _tc.minutes2 + ":" + _tc.seconds;


            


            _ta1.text += s + "\n";


            _ta2.text += s + "\n";


    


            _ta2.verticalScrollPosition = _ta2.maxVerticalScrollPosition;


        }


    }


} 

ソース必要な人はドウゾつtascroll.fla,Main.as

Popularity: 4% [?]

written by ANN

一つ前のエントリーの続きで、Flashでテキストエディタを作成中。編集したテキストおよびTextFormatをXML形式に変換して、サーバにPOSTし、保存する処理を作成中に、上記のエラーが発生。

Flash側からPHPへのPOSTについては、

AS3とPHPの連携 - 基礎 - memo.at sonic

を参考にさせてもらう。たしかに、load()でPOSTするというのには違和感を感じるが、これしかないのでしょうがない。（Socketベースで通信する場合はセキュリティポリシーファイル／サーバが必要でさらに面倒）

PLAIN TEXT
Actionscript:




// テキストフィールドのフォーマットをXMLに落とし込む


 var txtxml:TextField2XML = new TextField2XML(_targetText);


 var v:URLVariables = new URLVariables();


 v.body = txtxml.getXML();


 var req:URLRequest = new URLRequest("ポスト先のURL");


 req.data = v;


 req.method = URLRequestMethod.POST;


 var loader:URLLoader = new URLLoader(req);


 loader.dataFormat = URLLoaderDataFormat.VARIABLES;


 loader.load(req); 

PHP側は、$_POSTで受信したデータをDBに保存する処理を記述。

PLAIN TEXT
PHP:




$data = $_POST["body"];


// ～DBに書き出す処理・省略～


exit; 

で、FlashIDE上でプレビューしてみると、

Error: Error #2101: URLVariables.decode() に渡される文字列は、名前/値のペアを含む、URL エンコーディングされたクエリー文字列でなければなりません。

という、エラーが発生。おかしいなぁ。ちゃんとURLVariablesで値を渡していて、URLエンコーディングされたクエリー文字列が生成されてるんだけどナーと思い、悩むこと30分。

やっと分かった。

呼び出し時にエラーになってるんじゃなく、呼び出した後にエラーになっている。つまり、

PLAIN TEXT
Actionscript:




loader.load(req); 

で、呼び出すURLからのレスポンスが、key=value形式になってないとエラーになるのである。

しかし、POSTしても別にレスポンスを見ないケースもあるだろうにﾈｰ。

しょうがないので、php側でexitする前に echo "ret=true";とダミーのレスポンスを返すことにする。コレでエラーは無くなった。

TextField2XMLのソースは、まだ調整中なので公開できないけど、XMLの読み書きが完了したら、サンプルとして公開する予定。

それにしても、as3になってから、URLへのGET,POSTや、FlashVarsへのアクセスが煩雑になって面倒この上ない。だれかas2互換のラッパー関数とか作ってないかな。ついでにJavaScript互換関数とかPHP互換関数とかあると嬉しいな。

知っていたら教えてください。

Popularity: 17% [?]

written by ANN

JavaScriptベースのエディタは沢山あるが、最終的に編集した結果を画像として出力したいので、Flashで作ってみることにした。最終的に目指すのは、

●編集結果を画像(jpeg)として保存できるようにする。
●編集内容もMySQLに保存しておき、再編集できるようにする。

とりあえずは編集できるTextFieldと、フォント・サイズ・色の選択を作ってみた。

>>>>>続きを読む

Popularity: 3% [?]

written by ANN

まぁ、タイトルが全てなんですが、フォームのフィールドで入力を数値に制限する::TexoTela:: jQuery - numericというのがあるのだが、これを使うと、Safariからペーストできないという問題を発見。

↑下のテキストフィールドにはSafariからペーストできないはず。

よく見ると配布元にペーストに問題がある…と書いてあったわけだが…

ここで、もう一つの入力制限プラグイン,jQuery AlphaNumericについても調べてみた。

こちらも、入力制限の文字種に限らず、各ブラウザでペーストに問題があるようだ。

結論。

jQuery numericやjQuery AlphaNumericを使う場合、ブラウザによってはペーストできないので要注意。フォームにペーストできるかできないかというのは、案外、テストされないんじゃないだろうか。

Popularity: 2% [?]

written by ANN

いまさらだけど、Yahoo Pipesが面白い。

大まかな使い方は他のサイトを参考してもらうとして、自分が使っていて気づいた点というかメモを書いていきます。

Fetch Pageについて

サイトのHTMLデータをスクレイピングするためのモジュールなのだが、サイトのencodingが、utf-8以外だとパースエラーとなる場合がある。ならない場合もある（謎）。仕方ないのでphpのスクリプトを１つかまして、mb_convert_encodingして渡すが、metaのcharsetもちゃんと変えてないとエラーになる。charset見てるんならutf-8以外も対応してほしいなー。

regexの正規表現について

Operators > regex

では、入力データを正規表現で置換できる。しかし、いわゆるPHPやPerlと完全互換では無いようだ。具体的には、一部のメタ文字や文字クラスが使えない。たとえば、

\w - 英数字
\W - 英数字以外

や、

[:alnum:] - 英数字
[:blank:] - ブランク

など。しょうがないので[0-9]{n}という感じで書くしかない。

Yahoo Pipesが改変するもの

Fetch Pageで取ってきた時点で、HTML中のアンカー(aタグ)において、相対パスは、絶対パスに置き換えられ、rel="nofollow" target="_blank"が追加される。targetに違うものが設定されていても、_blankに上書きされる。

まぁ、Yahoo Pipes師匠の言いたいこともわからんでもないが、Fetch Pageの時点でデータが改変されていることに注意したい。

相対パスが絶対パスに置き換わるという点においては、文字コード変換のプロクシスクリプトをかましている場合、そのスクリプトのホストが絶対パスのベースとなるので、RSS出力した際に、相対パスからのリンクがそのホストからになり、当然、404となる。Fetch Pageの後でその部分を再度regexして、オリジナルのホストに戻してやる必要がある。

基本、Fetch Pageしたあとはregexで置換するんだけど、古いサイトだと、HTMLもむちゃくちゃだから、簡単な正規表現ではなかなか置換できない。ここ数日、ひたすら正規表現の練習である。

正規表現は、パズルみたいで面白いけど。

あとは、if(exp)で分岐できたり、各モジュールに一言コメントを入力できると、便利なんだけどなー

[ 追記 ]

２年前にすでにYahoo! Pipes の Page Fetch モジュールでスクレイピングし放題 - てっく煮ブログ さんで同じようなこと書かれてた…僕は２年遅れてたってことか orz=3

Popularity: 2% [?]

written by ANN

リスト並び替えのインターフェースを、ドラッグ＆ドロップでやりたいと思ったので、jQuery UI Sortableを使って練習してみる。

ただ、リストが大量にある場合や、初心者には、このオペレーションは難しいような気がする。だから、最終的には、それぞれのリストの↑↓のアイコンを付けて、直前・直後に移動できるようにしたい…が、まだそのやり方はよく分からない。

とりあえず普通にドラッグして入れ替えるサンプル。

簡単にできて面白いね。

Popularity: 3% [?]

written by ANN

あんまり同様のケースはないと思うけど。

というテーブルがあったとして、

というふうに、列の前２つだけを選択し、なにかしら処理をしたい場合のjQueryの書き方。

それぞれのセルにclassやIDを付けてやれば簡単なんだけれど、可変のtableで、できるだけ固有の識別子をつけずに、前２つとか、特定のセルを処理したい場合。

PLAIN TEXT
JavaScript:




$("tr").each(


 function(index,obj){


 $(obj).children().slice(0,2).css("background-color","orange");


 }


 ) 

…もっと短いコードで実現できそうな気もする。解る人教えてください。

それと、コードの表示にiG:Syntax Hiliterを使ってるのだけれど、記事のソースを直接修正したあと、ビジュアルエディタにもどると、行に<br>が追加され、それがコードとして表示されてしまう。なんとかならないだろうか。

Popularity: 2% [?]

written by ANN

ちょっと訳あって、Red Hat Linux 7.3(Valhalla)の環境を構築する必要があったので、アーカイブを探してみたものの、本家では発見できなかった。

リケンのFTPにミラーがあったので、メモとしてリンク。

ftp://ftp.riken.go.jp/pub/Linux/redhat/archive.redhat.com/redhat/linux/7.3/

普通に本家でダウンロードできたらゴメンナサイ。というかリンク先教えて。

Popularity: 2% [?]

written by ANN