tech-kazuhisaのブックマーク - はてなブックマーク

[Rails3] ドラッグ&ドロップでファイルアップロード
いい加減ドラッグ＆ドロップでファイルをアップしたい！あまのです。社内プロジェクトで久々にRubyとRailsをさわりました。やっぱりRubyは書きやすくていいですね。さて今回はドラッグ＆ドロップで複数ファイルのアップロードです。前々から、「そろそろブラウザでもドラッグ＆ドロップでファイルアップロードしたい」と思ってたので、今回試しに作ってみました。参考にしたサイト篳篥日記 http://d.hatena.ne.jp/hichiriki/20101016 デモ今回作るサンプルのデモを最初にお見せします。 chromeやSafari, Firefox3.6でUpload a fileに画像ファイルをドラッグ＆ドロップしてみてください。目標最近のブラウザではドラッグ＆ドロップでアップロード対応していないブラウザは普通にファイルアップロード複数ファイルに、もちろん対応 He
tech-kazuhisa 2014/01/30
Rails

upload
リンク
Rails 4のturbolinksについて最低でも知っておきたい事
Rails 4のturbolinksについて最低でも知っておきたい事（追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。リンクのclickイベントをフッ
tech-kazuhisa 2013/11/08
rails

javascript
リンク
RailsのデプロイとUnicornのトラブルシューティング
デプロイしたけど何かおかしい？先日、Unicornを採用しているウェブアプリで問題が発生しました。デプロイした最新のコードが実行されているように見えますが、時々古いコードの挙動を見せるのです。今回はそのトラブルシューティングの一部始終を紹介しながら、Unicornのホットデプロイ（ダウンタイムなしでアプリケーションを更新すること）の仕組みをおさらいします。担当は私、去年KRAYに入社しました@irohirokiです。よろしくお願いします。問題まずはデプロイ先のサーバにSSHして、Unicornのプロセスを調べてみました。 $ ps ax -H PID TTY STAT TIME COMMAND 3159 ? Sl 0:00 unicorn master (old) -c unicorn.conf -D 3162 ? Sl 0:00 unicorn worker[0] -c unic
tech-kazuhisa 2013/09/09
unicorn

rails
リンク
rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。初めてブログ記事を書くということで気合が入りました。ちょっと長めですがお付き合い下さい。機能お絵かき投稿サイトの必要最低限な機能って？ざっと下のような機能を入れてみます。絵を描ける絵を消せる描画を一回分戻れる線の太さを変えられる線の色を変える絵を投稿できる投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、・mousemoveイベント発生時に点をプロットという手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。これではお話になりません。なので、点ではなく線を引くこ
tech-kazuhisa 2011/11/14
面白そう。

HTML5

rails
リンク
1