20110903 file api

1,205 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,205
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

20110903 file api

  1. 1. 明日から使えるかも!? FileAPI 増子 良太
  2. 2. 自己紹介
  3. 3. 自己紹介● 名前:増子 良太 (ますこ りょうた)● 生年月日:1983年7月4日● 所属:株式会社 GENOVA 技術開発部● Twitter: @rmasco● FaceBook: https://www.facebook.com/rmasco● 好きなもの:子供(今年生まれました)● 近況:MovableTypeをベースのCMS「GENOVACMS」の 企画・開発・保守を担当。 主にPerl、JavaScriptなどで開発。 今年は自分の世界を広げることが目標。
  4. 4. 今日の内容
  5. 5. 今回の内容● FileAPIってなに?● ファイル情報を取得してみよう● テキストファイルを読み込んでみよう● 画像ファイルを読み込んでみよう● [おまけ]画像をDrag&Dropでアップロードしてみよう
  6. 6. FileAPIってなに?
  7. 7. FileAPIってなに?● JavaScript上からローカルファイルの中身や情報にアクセ スできる仕組み● 現在w3cでは以下の3種類の仕様が策定されている FileAPI ローカルファイルの中身やファイル名などの情報を取得することが できる FileAPI:Writer ローカルファイルへの書き込みを行うことができる・・・らしい FileAPI:Directorie ローカルのディレクトリの階層の読み込みや、フォルダの読み込 s and System み、書き込みを行える・・・らしい
  8. 8. FileAPIが使えるブラウザ Firefox ver. 3.6+ Google Chrome ver. 6+ Safari ver. 5+ Internet Explorer ・・・使用できない Opera・・・11.10から一部使用可能
  9. 9. ファイル情報を取得してみよう
  10. 10. ファイル情報を取得してみよう DEMOhttp://www.rmasco.com/20110903/
  11. 11. テキストファイルを読み込んでみよう
  12. 12. テキストファイルを読み込んでみよう DEMOhttp://www.rmasco.com/20110903/
  13. 13. 画像ファイルを読み込んでみよう
  14. 14. 画像ファイルを読み込んでみよう DEMOhttp://www.rmasco.com/20110903/
  15. 15. [おまけ]画像をDrag&Dropでアップロードしてみよう
  16. 16. [おまけ]画像をDrag&Dropでアップロードしてみよう DEMO http://www.rmasco.com/20110903/
  17. 17. ご清聴ありがとうございました

×