ブログは毎週更新です。

2011/12/30

[JavaScript] ブックマークメモ

JavaScriptに関する個人的なあとで見る系ブックマークメモです。

jQuery
Backbone.js MVC
CoffeeScript
Node.js
NowJS
jsdom
Socket.io

このページのコメントから。

2011/01/03 追加
新春特別企画:2012年のJavaScript~PCからモバイルの時代へ|gihyo.jp … 技術評論社
pjax ajaxでページロード
zepto.js 軽量ライブラリ


impress.js プレゼンツール 3dとかできて面白い


2011/12/30

[ターミナル] ターミナル上でzip形式にパスワード付きで圧縮

Macはターミナル上で、ファイルをzip形式に圧縮することができます。
他のアプリはいらないです。
パスワードをつけることも可能です。
ターミナル上で
man zip
とやると、なんかすごいオプションがずらずらと出てきます。
その中で、パスワードのやり方とか探してみました。

1. 1枚のファルだけを圧縮

zip example.zip filename

2. ディレクトリを圧縮 -rオプションをつけます

zip -r example.zip directoryname

3. パスワードをつけてディレクトリを圧縮 -Pオプションをつけます

zip -P yourpassword -r example.zip directoryname

2011/12/29

[日記] コマンド間違ってファイル消しちゃった

こんにちは。きんくまです。

もうすぐ今年も終わりですね。
さて、先日ブログにこんなメモを残しました。

>> [terminal] ターミナルで.DS_Storeファイルを再帰的に消す

そんで、やっちゃいましたよ。
作業中に、ふーっと、まとまりのいいところまできたので、gitでコミット。
あるフォルダの.DS_Storeファイルを消そうと思って、コマンド打ったんですよ。
そしたら、ですね、なんかおかしいんですよ。
あれ????
なんか全部ファイルが消えてるんですけど…。

コマンド打ったディレクトリ以下が空のフォルダ残して全部消えちゃってます。
すごく焦ったんですよ。
それで、
「いや、なんの、gitで回復させれば大丈夫だっつーの。」
とか青くなりながら、gitコマンドうったら、
「gitのリポジトリなんかないよ。」
とかメッセージが帰ってきたんですよ。

いやいやそんなことないって、とかいって、見てみたら、リポジトリごとごっそり
消去してしまっていたという、、。

コマンドもう一度ちゃんとみたところ、rmのオプションの-nameが抜けていて、
名前で検索せずに、何もかも削除ということをしてしまっていたようです。

ターミナル上で、ファイルを削除するとゴミ箱行かないで、いきなり削除されちゃうんで、
もとに戻せないという。

いやー焦りました。
そしたら、TimeMachineが俺にはあるじゃマイカと、TimeMachineのデータが入っている外付けHDDをつないでみたところ、2日前にたまたまバックアップしていたのを発見。
普段、1ヶ月に1度やるかやらないかの、きまぐれバックアップだったのですが、
何故かそのときは気が向いてやっていたという。
なので、2日前までは戻れるということになりました。
はじめてTimeMachine使いましたよ。助かりました。

いつもは、こういう置換削除みたいな、ヒヤリ系は必ずどこかに一度バックアップコピーしてから作業しているんですが、gitのリポジトリあるからいいやとか、ターミナルも少し慣れてきたかな、みたいな気のゆるみがあり、全くしていませんでした。

作業的には、実際のところ半日分くらいのところだったので、そこまで大事にはいたらなかったのですが、なんだか自分の気のゆるみを指摘された気分になりましたよ。

対策としては、以下の感じにしようかと。

1) TimeMachineのHDDつけっぱなし+スイッチON状態にしておいて、絶対に1時間前に戻れるようにしておく
2) rmコマンド打つときは慎重に。-iオプションつけて、プロンプト出させたり、再帰処理の時は絶対にバックアップをとってから行う
3) gitのリポジトリのあるディレクトリではterminalの作業は行わないようにする。gitリポジトリ以下の階層でもgitコマンドは使える(というのを今回知った)


2011/12/26

[iOS] iPadでスクロールさせたときに、CSS3 アニメーションが止まる

こんにちは。きんくまです。
CSS3アニメーションのこんなコードを書いて、あるエレメントに適用しました。

@-webkit-keyframes flapping {
   0% {
   	-webkit-transform:scale(0,0);
   	opacity:1;
   }
   100% {
   	-webkit-transform:scale(1,1);
   	opacity:0;
   }
}

でも、iPadでスクロールさせたときに、CSS3 アニメーションが止まってしまい、困ってしまいました。
正確に言うと、0%のキーフレームの位置からそれ以上進まなくなってしまうのです。

ググったところ、こんな感じのページを発見。

>> GPUアクセラレーターが使える環境で強制的に有効にできるCSSの指定方法

CPUからGPUのレンダリングの切り替えのタイミングでsafariがちらつくとのこと。
最初からGPUレンダリングを使えば、そんなことなくなるよ。
これをするために、こんなCSSプロパティを使えばいいみたい。

-webkit-transform-style: preserve-3d;

そしたら、うまいこと解決してくれました。
助かりました。どうもです。

たぶん予想するに、スクロールするときにその切り替えのタイミングが起こっていたのかもしれませんね。


2011/12/25

[JavaScript] Canvas2D で3D ドーナツ

こんにちは。きんくまです。

z-sortがうまくいっていないのですが、ドーナツを表示することができました。
3Dドーナツは別名トーラスというそうです。
点の取り方は、中心から離れたところに円を描いて、それをぐるっと1周させるとできました。
行列使って、回転させるとできましたです。


あとすごいドーナツを見つけたので、載せておきます。
途中からレンダリングが次々と切り替わっていくので重くなりますが、面白いです。
>> http://raksy.dyndns.org/torus.html

それで、今回は1から書いてみてるのですが、なかなか勉強になります。
行列、内積、外積とか。
以前にやったときは急ぎ足でやっていたので、あんまり理解していなかったのですが、
今回はわりと考えながらやっているので、得るものがありました。

あと面白いと思うのは、直線で点をつなげて塗りつぶせれば3Dでも描画できるということです。

もう少しやってみようと思います。


ページトップへ戻る