RejectKaigi 2017で発表した資料です。ActiveStorageの機能を紹介する過程で、ファイルアップロードを実装するのに必要な要件と選択肢について解説しています。
まえがき 以前の JavaScript はバイナリデータの扱いがとても下手でした。 バイナリデータをブラウザ上に一旦保存し再利用するには、サイズが1.3倍になることを覚悟した上でデータをDataURIに変換する必要がありましたし、XHRを使ってサーバからデータを取得する場合も、一度全てメモリに読み込んでから、ループでマスク処理を施し、Base64に変換し、DataURIに変換し… と、何重にも変換を繰り返す必要がありました。 2009年に出版された JavaScript Good Parts では、ビット演算子が「使うべきではない悪いパーツ」と評価されていた事を思い出す方もいるでしょう。 あれから5年、もはや時代が違います。 2015年の JavaScript においては、バイナリデータはもはや扱いづらい困った存在ではありません。 ハードウェアと JIT コンパイラの進化に合わせ、大容量の
重要なお知らせ (2017/4/5) Tablacus Explorer 17.3.30以前にスクリプトインジェクションの脆弱性が発見されました。 悪意のあるFTPサイトを開いた場合、任意のスクリプトが実行されてしまうというものです。 該当バージョンをお使いの方は、すみやかに対策されたバージョンにアップデートしてください。 たいへんご迷惑をおかけいたしますが、よろしくお願いいたします。 詳細 JVN#64451600 エクスプローラにタブを付けたようなタブファイラー アドオンで拡張可能 ポータブルアプリで設定の保存にレジストリを使用しない。 多言語、ユニコード対応 カラムの総ファイルサイズ、ラベル機能 関連付け、メニュー、キー、マウスジェスチャ、エイリアスを自由に設定可能 オープンソース 64ビット(TE64.exe/x64 Edition)および32ビット(TE32.exe/x86 Ed
2014年02月03日13:54 Ruby 外部サービスの画像を自社サービスにアップロードする 今日はとても暖かいですが、明日から寒波みたいですね。。こんにちは。 今日は外部サービスの画像を取ってきて、それを自社サービスに良い感じにアップロードする方法(Facebook とか Twitter で認証してログインするとき、とか)を考えてみました。例えば paperclip を使っている場合、アップロードのパラメータを受け取ってこんな感じで画像をアップロードするでしょう。 # モデル class User < ActiveRecord::Base has_attached_file :photo end # コントローラ user.photo = params[:photo] # <input type="file" name="photo"> user.save! ブラウザから画像アップロー
米SugarSyncの同期型オンラインストレージサービス「SugarSync」がバージョンアップ。初心者にも扱いやすいようアプリのUIを刷新したのが大きな特長だ。日本語版を提供するBBソフトサービスが発表会を開催し、担当者が新バージョンを解説した。 「パワフルな特長はそのままで、よりシンプルに」――BBソフトサービスは2月14日、米SugarSyncの同期型オンラインストレージサービス「SugarSync」の新バージョン「SugarSync 2.0」の日本語版を提供開始した。新バージョンに対応するのはPC/Mac/Android向けアプリ。iOSをはじめとする他のプラットフォーム向けアプリも、3月以降に順次対応していく。 新バージョンでは、アプリのデザインをクラウドサービスの初心者にも使いやすいよう刷新。ドラッグ・アンド・ドロップによる同期や、ファイル名による検索、クラウド上のデータをまと
スマホのデータを、サクっとパソコンに転送したい時にとても便利ですよ。 『Bluetooth File Transfer (ブルートゥース・ファイル・トランスファー)』は、その名のとおり、スマホ上のファイルを転送するためのアプリです。 今どき、ドロップボックスなどのクラウドサービスをお使いの方も多いでしょう。カメラで撮った写真が自動でドロップボックスにアップロードされるなど、とても便利なサービスですよね。 しかし、一度、外部のサーバー(インターネット上の保存領域)を経由するために、自分のパソコンにダウンロードされるまで時間がかかったり、万が一にでも漏れるとヤバい写真や極秘書類などには、ちょっと使いにくかったりします。 そんなときには、本アプリがオススメですよ。 ブルートゥースを使ったファイル転送をするには、まず最初に、スマホとパソコンをペアリングしておく必要があります。 「設定」>「Blue
通常、MacのFinderは1ウィンドウ毎に開くしかありませんでした。 ですが、XtraFinderを使うと1ウィンドウにいくつものタブを追加して使用できる!ようになります。感覚的にはFirefoxやGoogle Chomeの様なブラウザみたいなイメージ。 タブ化が出来ると何が便利って、もう全部便利! あっちこっちにウィンドウを開いておかなくても良いのでスッキリですし、ファイルの整理なんかも楽に行うことが出来ちゃいます。正直タブに慣れてしまうと無しでは作業が面倒でやってられません・・・! 他にも機能がたくさん! 主な物では以下の様な事が出来ます。 Command + X(V)でカット&ペーストが出来る様に!(右クリックからも!) フォルダを先頭に並べてくれる ファイルのパスを簡単にコピー可能に サイドバーアイコンをカラーで表示 Returnキーで選択項目を開く Backspaceで戻る 等
複数の人からファイルを受け取りたい時、個別にファイル転送サービスを使ってもらっても良いのですが、一番効率が良いのは一箇所に設置されたファイルアップローダーから送ってもらうことですよね。 しかし、プログラムに詳しければ良いものの、ファイルアップローダーを使ってファイルを保管することは、あまりカンタンではありません。 今回は、そのようなファイルアップローダーをカンタンに構築でき、そのうえ使い勝手の良いDropboxに蓄積することができるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! フォームからアップロードしたファイルをDropboxに自動保存 「Dropbox Forms」は、ファイルアップローダーのフォームを作成、管理し、そのアップローダーから受け取ったファイルをDrop
Create Dropbox Forms for Free Create custom Dropbox forms for free with Jotform’s drag-and-drop builder. Save time by collecting file uploads and sending them to Dropbox automatically. No coding required. Create a Dropbox Form 10,000+ Free File Upload Form Templates Get started with one of our ready-made file upload form templates. Without coding, you can customize the design and share or embed yo
Gmailライクにローカル環境からブラウザに ドラッグ&ドロップで画像をアップロード可能 にするHTML5+jQuery製のアップローダー droparea。今後、こうしてキーボードを使う 頻度が減っていくんですかね・・HTML5の 出現で一気に加速した印象ですね。 jQuery HTML5 UploaderやjQuery File Uploadの後発に当たりますね。 イメージアップローダーです。Gmailライクにドラッグ&ドロップでアップロード出来ます。 コードs = { 'init': m.init, 'start': m.start, 'complete': m.complete, 'instructions': 'drop an image file here', 'over' : 'drop file here!', 'nosupport' : 'No support for t
One email. One link. Make it easy for everyone. Send one email with one link to multiple reviewers. They’ll all have access to annotate the same PDF document wherever they are, on any device. Every comment in a single PDF. The easy-to-use commenting tools in Acrobat make teamwork and file sharing more efficient than ever. Reviewers can quickly leave comments, add @mentions, or search a document —
In this walkthrough, I go through the available options and an example using attachment_fu to handle file uploads and image thumbnailing, and responds_to_parent to implement the iframe remoting pattern to work around javascript’s security restrictions on file system access. You can also download the complete example. This is an outdated article. I will be updating with a new article soon. Step 1.
※ 画像は全て公式サイトデモより。 Web操作の一番面倒だと感じるのはファイルのアップロードだ。一つのボックスで一つのファイルしか選択できず、アップロードが開始されてから終わりまでいつまでかかるのかさっぱり分からない。これだけWebが進化しつつも、基本は変わらない。 しかし外部ライブラリを利用すれば、状況は一変する。ファイルアップロードが多いサイトではぜひ導入されたい。 今回紹介するオープンソース・ソフトウェアはSWFUpload、Flash+JavaScriptなファイルアップローダーだ。 SWFUploadはFlashを使ってファイルを選択する。フォルダを選択できないのは残念だが、一回で複数のファイルを選択可能だ。そしてそれらはキューにたまっていく。 キューに入ったファイル群は、upload queueというリンクをクリックすればアップロードが開始される。ファイルは一気にではなく、順番
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く