Backendlessチュートリアルミッション2- FILE EXPLORER

誰向けの記事か?

BackendlessのMission (Starter Pack with Codeless)、FILE EXPLORER のガイダンスを日本語で理解したい方

スクリーンショット 2021-06-14 8.27.15

この記事の目的

この記事は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

2. 「mission」というフォルダを作る

スクリーンショット 2021-06-14 8.05.34

3. Rootディレクトリの下に、「mission」というフォルダが作成されました。

スクリーンショット 2021-06-14 8.06.10

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

2. Upload fileをクリック、ファイルをアップロードする

スクリーンショット 2021-06-14 8.09.10

2. もしくは、ドラッグ&ドロップでファイルをアップロードする

スクリーンショット 2021-06-14 8.11.16

3. ファイルがアップロードされました。

スクリーンショット 2021-06-14 8.16.22

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

2. 「New File」のボタンをクリック

スクリーンショット 2021-06-14 8.16.44

3. ファイル名を「task.html」として下記のコードを入力する

<html>
<body>
<h1> this is a task file</h1>
</body>
</html>
スクリーンショット 2021-06-14 8.18.06

4. 「Save」ボタンを押すとファイルが作成され、自動的にhtmlを認識する

スクリーンショット 2021-06-14 8.20.09

5. 「SAVE AND CLOSE」で画面を閉じる

6. 追加で編集がしたい場合は、編集アイコンをクリックする

スクリーンショット 2021-06-14 8.21.47

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

2. ファイル横の「Link」アイコンからURLをコピー。クリップボードにコピーされます。

スクリーンショット 2021-06-14 8.24.05

3. コピーされたURLを試しにブラウザに打ち込んでみてください。

スクリーンショット 2021-06-14 8.25.07

4. 先ほど入力したhtmlが表示されていると思います。

スクリーンショット 2021-06-14 8.25.14

5. ダメな例として、右クリックから、リンクのアドレスをコピーとする方法があります。これでは、共有リンクにならないので注意が必要です。

スクリーンショット 2021-06-14 8.23.27


お疲れ様でした。

この記事が気に入ったらサポートをしてみませんか?