サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
Google I/O
blog.cotapon.org
Ruby on Railsとの親和性が高いと言われているHaml。まだまだ勉強中ですが、書いた記述があってるのかあってないのか、練習する環境を用意したりそれ自体を調べないといけなかったり、そんな敷居が高くなってしまったら元もこうもないので、このHtml2Hamlでさくっとチェックしてみてはどうでしょうか。 さくっとチェックする以外にも、FacebookやTwitterなどのソーシャルボタンのタグを、サッとHamlに変換できて、間違えも少なく、時短にもなり便利だと思います。 http://html2haml.heroku.com/
<h1>こんにちは！</h1> <img src="http://0.gravatar.com/avatar/50dcad2670fb76d401e699e09101d87e?s=500" width="150"> <script>alert('ぼえー')</script> このようにタグがそのまま出たり、悪意あるJavaScriptを実行してしまって、cookieを書き換えられたり、同じページを開いている人にも悪い影響が出てしまう可能性があるので良くないです。これを防ぐ為に、サニタイズをします。 node-validatorのインストール方法毎度おなじみnpmを使います。 $ npm install validator チャットにサニタイズを適応させる。Mongooseを使わないバージョンで試してみたいと思います。前々回の【node.js】socket.ioを使って簡単にチャットを作る方
Sassは「さーす」と読むそうです。これもHamlと同じように、Ruby on Railsに親和性の高い、StyleSheet用のFrameWorkです。これもただ今勉強中。。。 今回のcss2sassは、前回のHtml2Hamlと同じように、CSSからSassへ変換、その逆のSassからCSSに変換できるウェブツールです。これも何かと便利そうなのでメモしておきます。
見ているページの表示領域、全体、指定範囲をスクリーンショットでPNGに保存できるInternet Explorer用のアドオン、SnapCrab for IEというのがあります。Sleipnir（スレイプニール）で有名なフェンリル社が、Sleipnirでつかえる機能をIEに移植したもので、ツールバーにあるアイコンをクリックするだけでスクリーンショットが撮れます。また、マウスカーソルに合わせた場所のRGB値を取得できる、カラーピッカー機能もついてます。便利ですねー！ ▼SnapCrab for IE 配布元：フェンリル | フリーソフト | SnapCrab for IE
[INFO] Restarting [ERROR] Error Error: Cannot find module 'socket.io' node.jsを実行した時に、socket.ioがうまく繋がらなかった時のエラー。いろいろ試してsocket.ioが繋がった時のメモを残します。 検証環境MacOS 10.6.8 ターミナル.app node v0.6.18 npm v1.1.24 express v2.5.10 socket.io v0.8.7 現時点でsocket.ioの最新バージョンはv0.9.xでしたが、0.8.7にすればとりあえず動きました。 $ npm install [email protected] app.js編集app.js
Twitterの検索APIで、主に使われるのはハッシュタグで検索したつぶやきを使うときだと思います。たとえば、「#CS5_jp」のハッシュタグを検索APIで取得したいとします。 ATOM形式：http://search.twitter.com/search.atom?q=%23CS5_jp JSON形式：http://search.twitter.com/search.json?q=%23CS5_jp まぁFlashなんで、わざわざjsonじゃなくてatomでいいやー！と思いきや、ATOM形式はXMLを扱うように、ActionScriptでパースすることができませんでした。 ATOM形式はRSSリーダーに登録できるように設計されているもので、XML文章フォーマットでありながら閉じタグが省略されているのが、ActionScriptでうまくパースできない原因でした。ここで使うのがAS3のNam
今度は久々にFlashに関して AS2までは、入れ子になったMovieClipから一番上にあたる _root に対して、そこのタイムラインに書かれているScriptの関数を叩く際には、 _root.hoge(); と書けば、 function hoge(){} 関数が実行できました。 AS3になって、XもYもrootもアンダーバー _ をつけなくなり、入れ子になったMovieClipからアンダーバーのない root.hoge(); で関数を実行できるのかとおもったっら違うみたいでした。。。今更感がいなめないですが、、メモします。 ActionScript3 ActionScript3.0の場合は、このように書くとhoge関数が実行できました。rootも１つのMovieClipですよー！っていうことですね。もう忘れないｗ 補足この方法でアクセスできなかったパターンがありました。 TypeEr
FlashをHTMLに貼り付ける方法の中でswfobjectsというJavaScriptでswfを表示させる方法が便利です。今更な感じもしますが、ボクが使ってて気になったところ、例えば表示した時、一瞬Flashの場所が抜けて、あとから表示することによってガクガク表示したり、swfのキャッシュをクリアにするなど、個人的に問題と思ったところを補う形で紹介したいと思います。 まずはさっそくソースコードのコピペ場所を！HTML//swfobject.jsを呼び出す <script type="text/javascript" src="swfobject.js"></script> //表示させるswfコンテンツの設定 <script type="text/javascript"><!-- var flashvars = {hensu: value}; var params = {allowscr
// ActionScript2 import caurina.transitions.Tweener; Tweener.addTween([instance],{_x:100, time:1, transition:'easeOutQuint', onComplete:handler}); function handler(){ trace("テスト";); } TweenerはActionScript3.0とActionScript2.0で使用する事ができ、インスタンスに対して「だんだんゆっくり止まる」「どんどん勢いよく移動」「びょーんびょーん（？）」と、いろんなイージングが設定できるトウィーン制御ライブラリです。とても簡単なScriptで実現できます！ 導入手順まずはGoogle Codeに公開されているライブラリをダウンロード。 配布元：http://code.google.com
SimpleAPI サムネイルAPI提供：株式会社ユーザーローカル API：SimpleAPI サムネイルAPI URL：http://img.simpleapi.net/ 「 http://img.simpleapi.net/small/」このURLの末尾にサムネイルをとりたいWEBサイトのURLをつけるだけ。Webサイトのキャプチャ画像を取得するためのAPIです。キャプチャしたいURLをサムネイルAPIのURLの末尾に付けるだけで、簡単にサイト内に組み込めます。 HeartRails Capture API提供：株式会社ハートレイルズ API：HeartRails Capture API URL：http://capture.heartrails.com/help/use_api 任意のウェブサイトのサムネイル画像を簡単に取得できる API です。サムネイル画像のサイズを自由に設定でき
次のページ
このページを最初にブックマークしてみませんか？
『blog.cotapon.org - こたぽんのブログ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
