Backendlessチュートリアルミッション2- FILE EXPLORER
誰向けの記事か?
BackendlessのMission (Starter Pack with Codeless)、FILE EXPLORER のガイダンスを日本語で理解したい方
![スクリーンショット 2021-06-14 8.27.15](https://assets.st-note.com/production/uploads/images/54556450/picture_pc_409d7637f863fe3fc1c8ad064f0f1e0d.png?width=1200)
この記事の目的
この記事はBackendlessのMission、FILE MANAGEMENTの中の、FILE EXPLORERについて日本語で解説するものです。
BackendlessのStarter Pack with Codelessミッションを全てクリアすると、無料SPRINGBOARDプランを開放、FREE BACKENDLESS T-SHIRTを受け取ることができるみたいです。
報酬
400 BBs(1.3ドル相当)が受け取れます。
Backendlessへの登録
アカウント作成がまだな方は下記リンクからどうぞ。また、有料課金時に「PROMO15」のプロモーションコードをお使いいただくと、1年間15% offになるみたいなので、有料プラン検討の場合は是非お使いください。
注意事項
この記事は2021年6月14日時点の情報であり、Backendlessの仕様変更等により、内容が異なる場合があります。あらかじめご了承ください。
Task1 - Create a directory in Backendless Console ファイルディレクトリを作成
報酬 - 100 BBs
難易度 - 簡単
ガイダンスYoutube
This task is for creating a directory in the File storage of your app using Backendless Console. The file storage is a cloud-based space where your application can store and manage files such as images, documents, etc.
このタスクは、Backendless Consoleを使って、アプリのファイルストレージにディレクトリを作成するものです。ファイルストレージとは、アプリが画像や文書などのファイルを保存・管理できるクラウドベースのスペースです。
達成すべき内容:「mission」というフォルダを作成
1. Backendタブ、Filesアイコンをクリックして、New Folderタブを選択
![スクリーンショット 2021-06-14 8.04.57](https://assets.st-note.com/production/uploads/images/54556640/picture_pc_4df2b8f9941dae5500835cdebc5ad009.png?width=1200)
2. 「mission」というフォルダを作る
![スクリーンショット 2021-06-14 8.05.34](https://assets.st-note.com/production/uploads/images/54556658/picture_pc_eb57580b9578ff5d9c33090e38019bee.png?width=1200)
3. Rootディレクトリの下に、「mission」というフォルダが作成されました。
![スクリーンショット 2021-06-14 8.06.10](https://assets.st-note.com/production/uploads/images/54556692/picture_pc_349706590a066baa1c1656a481f45b27.png?width=1200)
Task2 - Upload a file using Backendless Console ファイルをアップロード
報酬 - 100 BBs
難易度 - 簡単
ガイダンスYoutube
This task is for uploading a file into Backendless file storage using Backendless Console. The file storage is a cloud-based space where your application can store and manage files such as images, documents, etc.
このタスクは、Backendless Consoleを使って、Backendlessのファイルストレージにファイルをアップロードするためのものです。ファイルストレージとは、アプリが画像や文書などのファイルを保存・管理できるクラウドベースのスペースです。
達成すべき内容:フォルダ「mission」にファイルをアップロードする
1. 先ほど作成した「mission」フォルダをクリック
![スクリーンショット 2021-06-14 8.07.49](https://assets.st-note.com/production/uploads/images/54556807/picture_pc_d83dc5e76fe0129d6b77326026f35659.png?width=1200)
2. Upload fileをクリック、ファイルをアップロードする
![スクリーンショット 2021-06-14 8.09.10](https://assets.st-note.com/production/uploads/images/54556826/picture_pc_d35890ea51a554d802ca1757e6421e9f.png?width=1200)
2. もしくは、ドラッグ&ドロップでファイルをアップロードする
![スクリーンショット 2021-06-14 8.11.16](https://assets.st-note.com/production/uploads/images/54556830/picture_pc_460efe2727350680e83ee9e86544fe77.png?width=1200)
3. ファイルがアップロードされました。
![スクリーンショット 2021-06-14 8.16.22](https://assets.st-note.com/production/uploads/images/54556836/picture_pc_f8bfd3ddc7dd93797279075ac209ee92.png?width=1200)
Task3 - Create a file in Backendless Console ファイルを作成する
報酬 - 100 BBs
難易度 - 簡単
ガイダンスYoutube
This task is for creating a file in the Backendless file storage using Backendless Console. The file storage is a cloud-based space where your application can store and manage files such as images, documents, etc.
このタスクは、Backendless Consoleを使って、Backendlessのファイルストレージにファイルを作成するものです。ファイルストレージとは、アプリが画像や文書などのファイルを保存・管理できるクラウドベースのスペースです。
達成すべき内容:ファイル「task.html」を「mission」フォルダ下に作成する
1. 「mission」フォルダに移動
![スクリーンショット 2021-06-14 8.07.49](https://assets.st-note.com/production/uploads/images/54556939/picture_pc_de5893b928b0c3998be8acce18cbcb08.png?width=1200)
2. 「New File」のボタンをクリック
![スクリーンショット 2021-06-14 8.16.44](https://assets.st-note.com/production/uploads/images/54556957/picture_pc_1630f9b99c190c5b72cd490901caf642.png?width=1200)
3. ファイル名を「task.html」として下記のコードを入力する
<html>
<body>
<h1> this is a task file</h1>
</body>
</html>
![スクリーンショット 2021-06-14 8.18.06](https://assets.st-note.com/production/uploads/images/54557010/picture_pc_8189ada5faa3e19d2d5a5db38cb318dc.png?width=1200)
4. 「Save」ボタンを押すとファイルが作成され、自動的にhtmlを認識する
![スクリーンショット 2021-06-14 8.20.09](https://assets.st-note.com/production/uploads/images/54557036/picture_pc_0c920dfcafcff04f41aee6252976588c.png?width=1200)
5. 「SAVE AND CLOSE」で画面を閉じる
6. 追加で編集がしたい場合は、編集アイコンをクリックする
![スクリーンショット 2021-06-14 8.21.47](https://assets.st-note.com/production/uploads/images/54557077/picture_pc_527d6889c7e3f46987d03cb1e42d2ac4.png?width=1200)
Task4 - Get file public URL and open it in a browser 公開URLを取得する
報酬 - 100 BBs
難易度 - 簡単
ガイダンスYoutube
This task is for obtaining file's public URL using Backendless Console. Files uploaded to the file storage have unique web-based URLs which can be used to share the files or download them in your mobile/web application. The file storage is a cloud-based space where your application can store and manage files such as images, documents, etc.
このタスクは、Backendless Consoleを使用してファイルの公開URLを取得するためのものです。ファイルストレージにアップロードされたファイルには、ファイルを共有したり、モバイル/ウェブアプリケーションでダウンロードしたりするために使用できる固有のウェブベースのURLがあります。ファイルストレージとは、アプリが画像や文書などのファイルを保存・管理できるクラウドベースのスペースです。
達成すべき内容:ファイル「task.html」のURLを取得する
1. 「mission」フォルダに移動
![スクリーンショット 2021-06-14 8.07.49](https://assets.st-note.com/production/uploads/images/54556939/picture_pc_de5893b928b0c3998be8acce18cbcb08.png?width=1200)
2. ファイル横の「Link」アイコンからURLをコピー。クリップボードにコピーされます。
![スクリーンショット 2021-06-14 8.24.05](https://assets.st-note.com/production/uploads/images/54557213/picture_pc_9dd23ac73a90d353279e1d3f612f74a7.png?width=1200)
3. コピーされたURLを試しにブラウザに打ち込んでみてください。
![スクリーンショット 2021-06-14 8.25.07](https://assets.st-note.com/production/uploads/images/54557250/picture_pc_05784972a833ff75dca8ad006b9153ca.png?width=1200)
4. 先ほど入力したhtmlが表示されていると思います。
![スクリーンショット 2021-06-14 8.25.14](https://assets.st-note.com/production/uploads/images/54557301/picture_pc_43ab467a8948af6914506d0616cf756d.png?width=1200)
5. ダメな例として、右クリックから、リンクのアドレスをコピーとする方法があります。これでは、共有リンクにならないので注意が必要です。
![スクリーンショット 2021-06-14 8.23.27](https://assets.st-note.com/production/uploads/images/54557320/picture_pc_cd2d2473888ee0f18bdac326d841ef77.png)
お疲れ様でした。
この記事が気に入ったらサポートをしてみませんか?