1. 明日から使えるかも！？
FileAPI
増子 良太

2. 自己紹介

3. 自己紹介
● 名前：増子 良太 (ますこ りょうた)
● 生年月日：1983年7月4日
● 所属：株式会社 GENOVA 技術開発部
● Twitter: @rmasco
● FaceBook: https://www.facebook.com/rmasco
● 好きなもの：子供(今年生まれました)
● 近況：MovableTypeをベースのCMS「GENOVACMS」の
企画・開発・保守を担当。
主にPerl、JavaScriptなどで開発。
今年は自分の世界を広げることが目標。

4. 今日の内容

5. 今回の内容
● FileAPIってなに？
●
ファイル情報を取得してみよう
●
テキストファイルを読み込んでみよう
●
画像ファイルを読み込んでみよう
● [おまけ]画像をDrag&Dropでアップロードしてみよう

6. FileAPIってなに？

7. FileAPIってなに？
● JavaScript上からローカルファイルの中身や情報にアクセ
スできる仕組み
● 現在w3cでは以下の3種類の仕様が策定されている
FileAPI ローカルファイルの中身やファイル名などの情報を取得することが
できる
FileAPI:Writer ローカルファイルへの書き込みを行うことができる・・・らしい
FileAPI:Directorie ローカルのディレクトリの階層の読み込みや、フォルダの読み込
s and System み、書き込みを行える・・・らしい

8. FileAPIが使えるブラウザ
Firefox ver. 3.6＋
Google Chrome ver. 6+
Safari ver. 5+
Internet Explorer ・・・使用できない
Opera・・・11.10から一部使用可能

9. ファイル情報を取得してみよう

10. ファイル情報を取得してみよう
DEMO
http://www.rmasco.com/20110903/

11. テキストファイルを読み込んでみよう

12. テキストファイルを読み込んでみよう
DEMO
http://www.rmasco.com/20110903/

13. 画像ファイルを読み込んでみよう

14. 画像ファイルを読み込んでみよう
DEMO
http://www.rmasco.com/20110903/

15. [おまけ]
画像をDrag&Dropでアップロードしてみよう

16. [おまけ]
画像をDrag&Dropでアップロードしてみよう
DEMO
http://www.rmasco.com/20110903/

17. ご清聴ありがとうございました