CodingFirst

C言語、Perl、JavaScript、最近はPythonも。出来上がったものより、プログラムを書くことが好き。あと、スイーツ。

スポンサーサイト

  • このエントリーをはてなブックマークに追加
  • web拍手 by FC2
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

perlで簡単なCGIのアップローダを作った

  • このエントリーをはてなブックマークに追加
  • web拍手 by FC2

PerlCGIの簡単なアップローダを作った。
ローカルにちょっとファイル共有するのに便利かな。
というか、セキュリティとか考えてないので、ローカルでっ!!

機能は、ファイルのアップロード、削除、一覧表示がある。
アップロードはFileAPIを使ってるのでドラッグ&ドロップできるはず。
あと、注意点は、消したく無いファイルはサーバ側で chmod a-w しとくこと。

スクリプトはgistに置いた
git://gist.github.com/879507.git

設置方法は、httpでアクセスできる場所で、
ディレクトリ作って、mini-uploader.cgi 置いて、
.htaccess を設定ってとこ。

$ sudo su www-data
$ mkdir upload
$ cd upload
$ git clone git://gist.github.com/879507.git .    
Initialized empty Git repository in /home/xxx/public_html/upload/.git/
remote: Counting objects: 3, done.
remote: Compressing objects: 100% (2/2), done.
remote: Total 3 (delta 0), reused 0 (delta 0)
Receiving objects: 100% (3/3), done.
$ chmod 544 mini-upload.cgi
$ cat > .htaccess
Options ExecCGI
AddHandler cgi-script .cgi
DirectoryIndex mini-upload.cgi

これで準備完了。下はスクリーンショット。

mini-upload.jpg

参考サイト:
[を] 小さくてシンプルなアップローダー「ssuploader」Version 1.1公開
↑こちらの方が全然できがいいです(汗)。
ファイル一覧あたりのコードがかっこよかったのでパクりました(感謝)
Windows系対応やファイル名長制限も入れといた方がよかったな...

スポンサーサイト

HTMLのFile APIでTSVファイルをドラッグアンドドロップで表示

  • このエントリーをはてなブックマークに追加
  • web拍手 by FC2

最近、HTMLには File APIなるものがあるらしいので練習。

TSVファイルをドラッグアンドドロップしたら表で表示できるようにしてみた。

FireFox 3.6とGoogle Chrome 9で動作確認できた。Google Chromeは起動オプションに 「--allow-file-access-from-files --unlimited-quota-for-files」が必要らしい。後ろのは要らないかも。

まず、プログラムのHTMLファイル。

これをブラウザで表示させると、

TSV view Screen Shot 1

そして、以下のようなファイル(拡張子は.tsv)をドラッグアンドドロップする

AAAA	1	2	3
BBBB	4	5	6
CCCC	7	8	9

すると、以下のように表に変換される

TSV view Screen Shot 2

できたできた。
ブラウザだとセキュリティ的な所が気になるけど、
こうやってローカルファイルが開けるのってやっぱりいいな。
簡単なツールはJavaScriptで書くと、
表示の整形は HTMLでしやすいし、
特別な事をしなくても使えるのがいいと思う。
いいかもしんない。JavaScript勉強しとくのは吉かも。

おまけ)
↓この本も欲しいんだよな...


JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティスJavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
(2008/12/22)
Douglas Crockford

商品詳細を見る

 | HOME | 

Search

Recent Entries

Foot Print



Categories

Monthly

Recent Comments

Recent Trackbacks

Profile

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。