クラウドストレージからダウンロード


Silicon Valley Super Ware

2020年9月8日


クラウドストレージからダウンロード

オンラインで決済の仕組みが作れると、クラウドストレージからあなたの商品をダウンロードして販売するWebサービスが簡単に実現できます。

Webサービスの価値は、こうした既存のサービスや機能を組み合わせるとより大きなものになります。オンライン決済の仕組みがなければクラウドストレージから商品がダウンロードできる事だけでは、価値が半減してしまうからです。

結局決済の処理をする時に商品を提供すれば良いだけなのでわざわざクラウドストレージを使って仕組みを作る必要性は余りないという事です。

一方で、オンライン決済が実現できると、そのまま商品を提供できる仕組みがあれば、商品の販売と提供が自動化されます。そうすると、重要になるのは、商品の宣伝や集客になりますが、そこに集中して時間をかける事が可能になります。

どのクラウドストレージのサービスを使うか？

オンラインのコンテンツを提供する以外でも、クラウドのストレージは利用されます。
利用者が多いクラウドストレージのサービスは：

  • Appleの「iCloud」
  • Googleの「Google Drive」
  • Box
  • Dropbox
などは有名です。制限はありますが、無料から利用できるサービスも多く、便利です。
ファイルの管理を既存のサービスの提供するWebサイトやUIで行うことも十分に可能です。必要なファイルをクラウドストレージにアップロードして、そのファイルへのリンク（URL）を取得して、それらの情報をデータベースに入れてしまえばあとは、簡単なプログラムを書けば、ブラウザーでもスマホのアプリからでもクラウドストレージからダウンロードを行う機能は提供できます。

オンラインコンテンツの管理も自動化したい場合は、APIの利用が必要です！

クラウドストレージを提供するサービスの多くが、APIを公開していて、このAPIを使えば簡単にWebサービスに組み込む事が可能です。そう考えると、どのサービスにするか迷いますよね？

お勧めはFirebaseのStorageが便利です

理由は簡単で、既にユーザーの認証（ログイン）やデータベースなど、多くのFirebaseの機能をWebサービスで利用しているため、サービスとの相性が非常に良いからです。

使い勝手が良いのは、フロントエンドからでもバックエンドからでもデータベースやストレージに簡単にアクセスできるため、実装の自由度も高くなります。

セキュリティルールが設定できるのも大きな利点です。
フォルダー📁毎やファイル毎にルールを設定する事も可能なので、一般的なサービスよりもFirebaseのログイン情報と、支払い情報を基にアクセスを制限する事が簡単なのでクラウドストレージ上の情報（商品）を販売する場合には都合が良い事が沢山あります。

FirebaseのStorageの設定

FirebaseのStorageの設定はFirebaseコンソールから行う事ができます。
最初は、Firebaseコンソールで基本設定をすれば特にコードを書かなくても設定が出来るのは魅力です。

一通り基本機能を実装したら、クラウドストレージのアクセスを管理するセキュリティルールを設定すると開発がスムーズに行きます。

基本的なセキュリティルールの記述はCloud Firestoreのルールとほぼ同じです

基本的な設定は「read」と「write」の権限の設定になりますが、さらに細分化して、「write」は、「create」、「update」、「delete」の設定ができます。

さらに便利なのは、Firebaseのログイン情報や、Firebaseのコレクションからのデータを引用してルールの設定も可能で、かなり細かいアクセス権限の設定が可能です。

FirebaseのStorage機能の実装例

今月のテーマは、「オンライン決済」ですが、オンライン決済をサポートする機能として、クラウドストレージからのダウンロードは関係が深い機能になります。
その辺りが、オンライン決済の基本的な仕組みを早々に紹介した理由です。

今月の「裏」のテーマ、クラウドストレージについても取り上げます！

取り上げる機能は

  • ファイルのアップロード
  • ファイルのダウンロード

です。データベースと上手く連携すると、オンラインにあるファイルを上手く管理して利用する事が可能です。次回以降詳細をお届けしていきますのでお楽しみに！

シリコンバレースーパーウエアでは、フリーランスの型だけではなく、プログラミングを職業とされる方にビジネスを意識した マインドセットを身に着けるお手伝いも提供しています。プログラミングは手段であって、それをどのように生かして、将来のキャリアに結び付けて行くかを長期的な視点で考えるのがとても大切です。この意識が出来ると勉強の方向も絞られて、あなたの夢を実現する道筋が見えてきます。

興味のある方は今すぐお問合せください！



またよろしければ、ニュースレターの登録をお願いします！大体週一回お届けしています。ブログよりは一歩踏み込んだもっと濃い内容を発信しています。

















Copyright(c) 2020 by Silicon Valley Super Ware, all rights reserved.

コメント

コメントを投稿

このブログの人気の投稿

足し算以外もできるようにする

イメージ
ホーム ブログ Firebase情報 足し算以外もできるようにする 2022年9月29日 足し算以外もできるようにする 穴埋め形式の数式のフォームを使って足し算をするプログラムを紹介しましたが、同じ要領で、引き算、掛け算、割り算もサポートできるとさらに便利です。この記事では、足し算のプログラムを拡張して、整数の子息演算をできるようにした例を紹介します。 演算子を選べるように変更する 足し算のアプリでは、計算できるのは足し算だけだったので、フォームには「＋」を固定で表示していました。 この部分に変更を加えて、必要な演算子を選択できるようにすれば、引き算、掛け算、割り算もサポートできるようにできます。 これには、HTML の記述を変更してフォームを変更する必要があります。 <label>+</label> を以下のように変更します。 <select onchange="operatorChanged(event)"> <option>+</option> <option>-</option> <option>*</option> <option>/</option> </select> HTML の「select」タグを使って、選択肢は、「option」タグで記述するだけです。 演算子の変更を反映する プログラム側でやることは三つです。 初期状態の演算子を設定する　（最初にフォーム上で表示されている演算子をセットする） 演算子の変更を検出して、現在選択されている選択肢を更新する 「Calcullate」ボタンがクリックされたら必要な処理を呼び出す 現在どの演算子が選択されているかを知る必要があります。実装方法は幾つかありますが、今回は選択が変更される度に現在選択されている演算子を更新する方法を採用した例を紹介します。 これには、現在選択されている演算子を保存する変数「operator」を用意して管理します。 ...
続きを読む

ユーザーインターフェースの設計

イメージ
ホーム ブログ Firebase情報 ユーザーインターフェースの設計 2022年10月12日 ユーザーインターフェースの設計 前回は、入力フォームを変更して四則演算をできるようにしました。利用しているフォームは数式の穴埋め形式になっています。計算をする場合、一般的な電卓のようなインターフェースの方が一般の方には使いやすい場合が多いと言えます。今回は、ユーザーインターフェースを変更して一般的な電卓のようにする方法について考えてみました。 HTML でデザイン これまでの、ユーザーインターフェースは、数式の穴埋め形式のフォームでした。 今回は、一般的な電卓のようなユーザーインターフェースを実現します。 この記事では、プログラムの部分は取り敢えず別にして、まずはユーザーインターフェースを作成することにします。 Web アプリの場合、ユーザーインターフェースは基本的に HTML で記述します。 今回の電卓形式のユーザーインターフェースは、電卓の数字を表示する部分（ディスプレイ部分）と数字や演算子を入力する部分（ボタン部分）に分けて考えることができます。 HTML では、「input」のタグでディスプレイ部分を、「button」のタグでボタン部分を記述できます。 <!DOCTYPE html> <html> <head> <title>Calculator</title> </head> <body> <div class="calc"> <div> <input class="display" type="text" /> </div> <div class="keypad"> <div> <button class="clea...
続きを読む

改良版足し算プログラム

イメージ
ホーム ブログ Firebase情報 改良版足し算プログラム 2022年9月15日 改良版足し算プログラム 前回は、入力データのチェックを工夫することで、データを処理する前に想定外のデータの入力を制限するユーザーインターフェースの設計について紹介しました。この記事では、そのコンセプトを使って、実際に足し算をするプログラムにしてみました。今回のポイントは、ユーザーインターフェースとデータ処理を分けるという点に注目してみました。プログラムの設計の際には、この二つの境界をきちんと設定する事が大切です。 データの処理は？ このプログラムは、入力された二つの整数を足して結果を表示するというシンプルなプログラムです。 このプログラムのデータ処理部分は、実は二つの整数の足し算をするだけです。 つまり、プログラムのデータ処理部分は以下の関数「add(a, b)」だけです。 function add(a, b) { return a + b; } 処理自体は、二つの整数「a」と「b」を受け取って、この二つの整数を足し算した結果を返すというシンプルなものです。 残りのプログラムは？ このプログラムのデータ処理部分は、至ってシンプルです。 では、残りのプログラムは何かというと、これがユーザーインターフェースになります。 <!DOCTYPE html> <html> <head> <title>Add Program</title> </head> <body> <div> <input id="opeland0" type="text" placeholder="Please input integer" /> <label>+</label> <input id="opeland1" type="text...
続きを読む