ファイル API を使用すると、ウェブコンテンツがユーザーにローカルファイルを選択するように指示し、それらのファイルを読み取ることができるようになりました。この選択は HTML の <input type="file"> 要素を使用したり、ドラッグ & ドロップを行ったりすることで行うことができます。
![ウェブアプリケーションからのファイルの使用 - Web API | MDN](https://cdn-ak-scissors.b.st-hatena.com/image/square/aa767575b4232d312d2c5de428f0bf0955805e26/height=288;version=1;width=512/https%3A%2F%2Fdeveloper.mozilla.org%2Fmdn-social-share.cd6c4a5a.png)
iOS6によるアップデート まず最初に、iOS6において、Safari上のWebアプリから簡単にカメラ&フォトライブラリの写真にアクセスできるようになりました。いままでカメラにアクセスするにはPhoneGapなり何なりでネイティブ化する必要があったので、写真共有サービスなどにはかなり有用なアップデートです。 File API、HTML Media Capture への対応 HTML Media Capture に対応し、Safari から カメラを起動してのファイルアップロードが可能になりました。 type 属性値に file を指定すれば単体ファイルのアップロードが簡単に。 (略) ファイルを選択したあとは何ができるか... action による Multipart post Ajax (XMLHttpRequest 2) を使用したファイル送信(プログレス表示にも対応) File AP
Casumo is a Maltese company which has its roots in the online casino industry which can help provide the games through desktops and mobile products. They are headquartered in Malta and has additional offices in Gilbraltar and Barcelona. Casumo is a licensed and operate by remote gaming business the Malta Gaming Authority. They also have a five-year license to operate in Denmark from the Danish Gam
先日、iOS6のSafariでFile API、HTML Media Captureを試してみました。 これで写真を撮ってすぐに編集できるWebアプリが作れるのではないかと思い、作ってみることにしました。 以下がサンプルのURLです。撮影して画像を表示した後に編集し保存することができます。 画像処理サンプル OSとブラウザに関しては iPhone 5(iOS6)のSafariと Galaxy S3(Android 4.04)の標準ブラウザ で動作確認しました。iOS5系、Android2系ではFile API、HTML Media Captureが使えないので動きません。 PC版Chromeでも試しましたが、ファイルを選択して画像処理できることを確認しました。 他のモバイル用OS、モバイルブラウザに関しては試せないので分かりませんが、 以下のサイトの表でFile APIとHTML Medi
前置き スマートフォンブラウザで画像アップロードしたいという要件があったので、あんまり無理しないで実装できるとこまでやったら、どうなるのかやってみた。 やりたいことは、アップロードに加えて、画像データにリサイズ処理を適用すること。さすがに3G回線で2MB近い画像データを、input[type="file"]でそのまま送りつけるのは無理がある。 某所で書いたブツの要約版なので、某所のほうを見た諸氏はアレでソレして解釈してください : ) サンプルコード 基本方針としては、以下のようなコードで処理することになる。 var elFileInput = document.getElementById('js-select-photo'), elPreview = document.getElementById('js-preview-photo'), createObjectURL = windo
Introduction to web application monitoring design for beginners 「んじゃ、今日からサーバの面倒を見てもらっていい?」 と無茶振りされたけど、サーバの監視ってどうやればいいんだろう(;・∀・) と悩んでいる方、いらっしゃいませんか? また、ITインフラ構築の自動化を進めている方、監視設定は大丈夫でしょうか? 本トークでは、ITインフラ運用の 基礎知識 である、監視の設計方法を、サンプルとして構築したPerl (PSGI)ベースのWebアプリケーションを例にとりながらお話しします。 なぜ監視をするの? 監視をしない事による問題 死活監視とパフォーマンス監視の違い 監視を行うソフトウェアの紹介 レイヤーを分けて設計する Webアプリケーションを基にに設計の流れを追おう 障害時の連絡体制を整えよう 通知を受け取る方法を考えよう しっか
※ 本トークにおける「インフラエンジニア」は、運用エンジニアでありながら、プログラミングに関連すること一切を、自らの選択によって放棄してしまっている人を指します IT系エンジニア(広義)を世代ごとに分類すると、おおまかに以下のようになると思います。 ハードやネットワークなどの低レイヤからミドルウェアの設定、コーディング、運用まですべてを担っていた第一世代 第一世代の知識経験を備えつつ、効率化のためにレイヤごとに分業をするようになった第二世代 分業前提で業界に飛び込んだ第三世代 もちろん、所属する組織の規模などによって一概には言えないですし、第二世代第三世代でありながら、幅広い領域をカバーしつつ活躍しておられる方もたくさんいらっしゃるとは思いますが、大半は世代や年齢層ごとにどこかに心当たりがあると思います。 昨今はフルスタックエンジニアなる言葉がバズワードとなり、下から上まで一人でなんでもこ
はてなの新サービス「Mackerel」を紹介します。 昨年のYAPC Asia 2013で、はてなのサーバ管理ツールの話をしました。 はてなのサーバ管理ツールの話 - YAPC::Asia Tokyo 2013 当時はあくまで社内ツールとしての紹介でしたが、あれから1年が経過し、Perl で書かれていたサーバ管理ツール Mackerel が Scala と Go でフルスクラッチされて、先日はてなのサービスとしてβリリースされました。Mackerelをベータ公開しました 本トークでは、Mackerel とはなにか、Mackerel を使って何ができるのかという話と Mackerel をどのようにして運用しているかという話を予定しています。 Mackerel とはなにか Mackerel Hacks mackerel-agent メトリクス/監視プラグイン アプリケーションデプロイ Flue
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く