「Bubble.is」はプロトだけでなく、本番も全然イケる！
先日の自分の記事への反論です。
Bubble.is の素晴らしさに惚れ込み、２週間くらい、ずっと Bubble を触っています。
その結果、前回の記事はかなり間違っていたなと気づきました。
この記事の中で、私は「本番には使えない」という理由を 4つあげていますが、認識が結構違っています。
「本番には使えない」と思っていたところ
今の認識では次のように変わります。
レスポンシブ対応していない
確かにレスポンシブ対応していないのは痛いですが、簡単にスマホ用のサイトも作れますし、大きな画面では、幅いっぱいの大きな写真を使うことも可能です。
スマホ用サイトを用意するのは少し手間ですが、画面デザインが簡単にできるので、そんなに気にする必要はなさそうです。
バージョン管理ができない
ごめんなさい。完全に間違っていました。今はバージョン管理できます。
価格表を載せましたが、この絵の一番下に「Version Control」というのがあります。
これを見ると、無料プランでも最後の１時間だけ、Professional で 31日、Production なら好きな時に戻すことが可能です。
無料プランは「今のなし！」っていう時くらいしか使えませんが、Professional くらい使えれば、ひとまずは安心できるのではないでしょうか？
Production なら文句なしです。
DB が重い
これも完全に間違いです。超速いです。感覚的には Firebase と遜色がないくらいだと思います。
前の時に「遅い」と感じたのは、開発用の DB の画面からデータをインポートした時でした。
なぜかここだけ応答が遅いです。新しいデータを追加した時、2 〜 3秒応答が返ってこないこともありました。
ここ以外では、使っていて遅いと感じたことはありません。
自由度が低い
HTML、CSS をよく理解している人であれば、「なんでこの設定できないの？」って思うことは多分にあると思います。最初は私もすごいイライラしました。
ですが、フォーラムなどを見ていると、大抵は回避策が見つかるので、自由度が低いっていうことはないと思います。
前衛的なデザインのものは作れませんが、よく見る感じのかっこいいサイトを作る分には全く問題ありません。
１点だけ対応して欲しいと思う問題が見つかりました。
それはマルチテナント型のサイトに対応していないことです。
ただ、この年末にフォーラムで議論があったみたいなので、将来的には対応してくれるかもしれませんね。
まとめ
「本番では使えない」と当初は思っていましたが、マルチテナント型のサイトでなければほぼ問題なく使えます。
従来の開発方法よりも 4倍早く作れると言われる Bubble。
ぜひ使ってみてください。
私はしばらくハマってみたいと思います。
オンライン決済サービスの SPIKE がコンビニ決済に対応！
昨年末のニュースなのですが、SPIKE がコンビニ決済＆Pay-easy に対応したとのことです。
私は小さいネットショップのオーナーでもあるのですが、あまりにショボすぎて、購入してくれる方は警戒してか、クレジットカード決済はあまりしてくれません。
クレジットカードの情報なんて、決済会社にしか行かないので、私のお店なんかには来ないんですけどね〜。
実際のところ、私のお店の場合、PayPal や SPIKE を含めたクレジットカード決済は 1〜2割くらいです。あとの8〜9割くらいがコンビニ決済をしています。
こんな状況なので、クレジットカード決済は PayPal か SPIKE だけで十分で、コンビニ決済だけできればと考えていました。
今までは、コンビニ決済を実現するために割高な国内の決済サービスを利用していましたが、これからは、コンビニ決済も SPIKE を使えるようになるので、国内の決済サービスとはおさらばしようと思います。
ついでにカラーミーショップともおさらばしようかな？
bubble を使えばネットショップも簡単に作れそうです。
Base や Stores なんかでもいいですよね？
SPIKE は半年くらい前にショッピングカート機能を追加し、簡単なネットショップも作れるようになっています。
SPIKE は次々と機能アップしていますよね？これからも楽しみです。
「Bubble.is」は現在最強のプロトタイピングツールだと思う
ちょっと前にアプギガさんで紹介されていた「Bubble」。
plus.appgiga.jp
コード不要で独自Webサービスをブラウザ上で無料開発できる
ということで、興味津々、色々といじってみました。
確かにアプギガさんが言うように、簡単なWebサービスを作るだけなら、本当に簡単にできます。
ただし、全くプログラムを作ったことがない人にはちょっと難しいです。
「昔プログラムを作っていたけど、今はプログラムから離れちゃった」という方にはオススメです。
恐らく、すぐにコツを覚えて、GUI だけで Webサービスを作れてしまうでしょう。
この体験は結構感動ものです。
本番には使えない理由
ただし、やはりこのサービスを本番利用するのは、現時点では厳しいものがあります。
具体的には次のようなところが気になりました。
レスポンシブ対応していない
Bubble はレスポンシブ対応していません。画面サイズは固定となります。今時、ありえないですよね？
モバイル対応をするときは、モバイル用のページを別に作成する必要があります。
index に対応するページとして index_mobile を作るといった具合です。
index の mobile version という項目に index_mobile を設定しておくと、スマホで index にアクセスすると自動的に index_mobile に飛ばされるという仕組みになっています。
ただ、この仕組みはコンテンツブロッカーが働くとうまくいかないようで、コンテンツブロッカー（Crystal など）が入った Safari だとページが表示されません。
これがあるとないとじゃ大違いですので、ぜひ、皆さん、レスポンシブ対応するように１票入れてください。
Bubble - Features Lab
ここの一番上に「Responsive Page Design」というのがあります。ユーザーの一番の要望なようです。
バージョン管理ができない
Bubble の内部的にはバージョン管理しているようなのですが、まだユーザに解放されていないです。
そのため、「前のバージョンに戻したい！」なんて時は大変です。
Application のクローンを作ることは可能なので、自分でクローンを作っておいて、バージョン管理するというのが、今のところ必要です。
DB も手動で CSV などに吐き出してバックアップする必要があります。なかなか厳しいです。
DB が重い
簡単なWebサービスならあまり違和感なく使えるのですが、DB にちょっとしたデータを入れただけで、すぐに遅いな〜と感じると思います。（環境によると思いますが）
日本向けには作られていないので、恐らく日本から遠いところにサーバがあるのでしょうね。AWS を使っているっぽいです。
自由度が低い
元々あるパーツだけで作るのであれば、本当に簡単ですし早いのですが、こだわりだすと大変です。
「コード不要」の代償は「コードを書けない」ということでした。プログラマはイライラするでしょう。
デザインなどにも色々と制約がありそうです。DB の設計もパーツに合わせて考えないといけません。
本番用としては今は無理。だけどプロトタイピングとしては最強
上で書いたとおり、本番用としては今は無理だと思います。身内だけで使うような簡単なツールとかなら本番でもいいかなと思います。
その代わり、プロトタイピングツールとして考えた場合、これに勝るツールはないと思います。
だって、GUI でお絵描きして、 GUI で DB と Workflow をセットするだけで本物のWebサービスとして動き出すんですよ。
そんなツール今までありました？？
これなら、打ち合わせしながら、その場で動くプロトが作れます。紙芝居のプロトとは違うんです。
凄腕のプログラマなら、今でも打ち合わせしながら、その場で動くプロトを作れるかもしれませんが、Bubble の凄いところは、プログラムを書けない人でもその場で動くプロトが作れてしまう。そこだと思います。
Udemy の Autumn Sale。本当に安いけど、２日おきに ¥200 づつ値上がりするのは勘弁してほしい
今週の金曜日は 2015年の Black Friday 。もう今週くらいから各所でセールが始まっています。
先日、Udemy からも Autumn Sale をやるよ！とメールが来ていたので、見てみたら、めちゃくちゃ安くなっていました。
17,000 以上のコースが対象らしいのですが、日本語の対象コースは 9つだけ紹介されていました。
Autumn Sale 対象コース（日本語）
どれも2015年11月24日現在で ¥1,600。ちなみに一昨日は ¥1,400 でした。２日おきに ¥200 づつ値上がりするとのこと。
見たい講座があれば、早めに申し込むことをお勧めします。
なお、この中で「未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース」の元値が一番高く、¥34,800 です。なんと 96% OFF。
値段設定間違えてるんじゃない？って思うくらいですね。400レッスンって凄いです。お得度は最も高いと思います。
Autumn Sale のページを見ていて気づいたのですが、日本語のコースは 9つしか対象じゃないように思えますが、もっと多そうです。
Top 9 だけしか紹介していないみたいですので、気になるコースがあったら、検索してみてください。
もしかしたら、Autumn Sale 対象になってるかもしれませんよ。
全国で生まれつつある「英語村」について調べてみたら、なんだかとても面白そう
大阪の万博公園で OSAKA ENGLISH VILLAGE が今日オープンしたというニュースがありました。
国際/ニュース/ニュース/KBS World Radio
なぜか日本のニュースが見つからず、韓国のニュースサイトです。
こちらは韓国の語学教育関連企業「YBM時事」が手がけているそうなので、韓国のニュースには上がったのでしょう。
また、東京でも同様に東京オリンピックに向けて「英語村」を作る計画が上がっています。www.sankei.com
こちらは東京都の資料（PDF）
http://www.metro.tokyo.jp/INET/KONDAN/2015/10/DATA/40pas100.pdf
「日本人が英語を覚えられないのは、そもそも使う場面が少ないから」と私なんかは考えていたので、「勉強」以外で英語を使う場面が増えるというのは良い施策だなと思います。でも、そもそも何をやるのか、よくわからなかったので、少し調べてみました。
「英語村」とは？
東京都の資料に次のような記述があります。
近年、民間においては、国内にいながらにして、外国とほぼ同様な環境を作り、その中で英語学習を行う施設が出来てきている。いわゆる「英語村」と言われるものである。
ここから考えると、「英語村」というのは、「国内にいながら外国とほぼ同様な環境で英語学習できる施設」と考えることができると思います。
国内で留学経験できるというイメージでしょうか？
海外に行きたくないという若者が増えていますが、英語の重要性は高くなっているので、ニーズには合致しているように思います。
基本的に日本語禁止。英語のみで外国人の講師の方とコミュニケーションを取るプログラムになっています。
レベル判定をあらかじめ行い、その人の英語力に合わせたプログラムを実施してくれるようです。
「英語村」でやること
東京都の資料にわかりやすい図があったので、引用させていただきます。
これを見ると、買物、食事、旅行、遊び・ゲームやスポーツといった日常的な体験から高校生になるとプレゼンなどを行うことなどを考えているのがわかります。
なかなか面白そうですね。小学生のうちは楽しいことばかりですが、上の学年に行くと結構大変そうに思えます。
中高生は宿泊もできるとのこと。本当に英語漬けのようで、親としては是非子供を入れたいと思いました。
また、大阪府の英語村のホームページを見ると「シチュエーションルーム」というのがあるのがわかります。
シチュエーションごとに部屋が割り振りしてあり、そのシチュエーションで役になりきってコミュニケーションをとるようです。
例えば、109 の部屋をクリックすると、次のダイアログが表示されます。
ここは洋服屋さんのようです。店員さんになったり、お客さんとして購入することもできるみたいですね。
キッザニアみたいで楽しそう！
そういえば、キッザニアにも英語を使うプログラムがありました。これも「英語村」の一つと言えそうです。www.kidzania.jp
また、キッザニアは東京都の「英語村に関する有識者会議」の委員になってます。
ちょっと期待してみたくなります。
今体験できる「英語村」
調べてみると、だんだん面白そうだなと思ってきました。そこで、今現在ある「英語村」を調べてみました。
ブリティッシュヒルズ（福島県）
神田外語大学などを運営する学校法人佐野学園が福島県羽鳥湖高原に1994年に設立。
もう20年もやっているようですね。最古参の部類かと思います。
「パスポートのいらない英国」というキャッチコピーがズバッと入ってきます。
東京都の「英語村に関する有識者会議」の委員www.british-hills.co.jp
キッザニア 英語プログラム（東京都、兵庫県）
子供たちの大好きなキッザニアで英語を使ってお仕事をするプログラムです。
東京都の「英語村に関する有識者会議」の委員www.kidzania.jp
www.kidzania.jp
Language Village（静岡県）
富士山麓に位置する敷地5000坪の施設で国内留学。
英語漬けの合宿制英会話学校。languagevillage.co.jp
近畿大学 英語村 e-cube（大阪府）
近畿大学が 2006年に始めた英語村。
普段は近畿大学の学生だけですが、一般公開の時期は高校生以上が参加できます。
東京都の「英語村に関する有識者会議」の委員
www.kindai.ac.jp
OSAKA ENGLISH VILLAGE（大阪府）
冒頭に記載しましたが、本日（2015/11/19）オープンの英語村です。englishvillage.co.jp
まとめ
いろいろと調べてみましたが、結構楽しそうですよね。
フィリピンへの留学なども人気ですが、やっぱり安全面が心配ですよね。
本当に海外に留学させるとなるとお金ももちろんの事、安全面など気になることも多いので、国内でこういう施設があるのは、親としては嬉しいと思います。
今後、続々と増えてきそうな予感がしました。
広告なし、オフライン・バックグラウンド再生可の「YouTube Red」が気になる
本日（現地時間では 10/21）、広告なし、オフライン再生、バックグラウンド再生ができる「YouTube Red」が正式発表されました。
Official YouTube Blog: Meet YouTube Red, the ultimate YouTube experience
日本でも色々なところで報道されています。
Google、YouTube Redを10/28から開始―音楽、映画、テレビ番組、見放題、聞き放題で月額9.99ドル | TechCrunch Japan
「YouTube Red」正式発表──広告無し、オフライン再生可能、特別番組ありで月額10ドル - ITmedia ニュース
YouTubeが広告なしの有料サービス「YouTube Red」発表、オフライン視聴やGoogle Play Musicの利用も可能 - GIGAZINE
私もかなり気になっているので、まとめてみました。
YouTube Red に入ると何が嬉しいのか？
1. 広告なし
YouTube のユーザーにとって、一番煩わしいのは広告です。
確かに広告なしで YouTube を見れるというのは魅力でしょう。ヘビーユーザーであれば、なおさらです。
広告モデルで生計を立てている YouTuber たちへの影響については興味があります。
2. オフラインで再生が可能
気に入ったコンテンツをダウンロードしておいて、オフラインで再生ができるというのも多くの人にとって嬉しい機能でしょう。
実際に YouTube のコンテンツをダウンロードするアプリやツールというのは多数出ていました。
これらは多分 YouTube の規約的には NG なんでしょうけど、ようやく NG ではない方法でダウンロードできる方法ができたというのは良いことだと思います。
ただし、ダウンロードしたコンテンツは30日間しか見られないというところは、利用者の立場からすると厳しいですね。
ずっと見たいものについては、30日ごとにダウンロードしないといけないということだと思います。
いや、そういうものは、DVD などの円盤を買えってことか・・・。
円盤がないものはちょっと面倒くさいですね。
3. バックグラウンド再生
YouTube のコンテンツをバックグラウンドで再生することができるというのはいいですね。
仕事やランニングなどをする際に音楽などをBGMとして使っている人は多いと思います。
実況系の動画をラジオ代わりに聞いたり、海外の動画を英語の学習コンテンツとして聞くというのにもいいでしょう。
4. YouTube の他のサービスも使える
YouTube Red に登録すると、YouTube Music や YouTube Gaming なども使えるようになるとのこと。
音楽聴き放題の「Google Play Music」も使えるようになるそうです。
価格
まとめ
YouTube のヘビーユーザーや、YouTube の規約無視したダウンロードアプリなどを使ってしまっている人は、入っておいた方がいいでしょう。競合のサービスと比べて、価格帯はあまり変わりませんが、コンテンツの量で YouTube に敵うところはありません。
ただ、広告を受容できたり、コンテンツをダウンロードする必要がない人にとっては、必要性は高くはないと思います。
うちの子供達もひたすら YouTube 見ているので、入った方がいいのかなと思わなくはないのですが、年１万円以上を YouTube に払うと考えると、ちょっと厳しいような気がします。そのお金があるなら、ニコ動のプレミアム会員になってとか言われそう・・・。
私は今は保留ですが、4. や 5. 次第では入るかもしれません。
静的Webホスティングの Divshot が Firebase に合流
今朝方の Firebase からのメールが来ていました。
Divshot が Firebase に Join するとのことです。
Divshot とは
静的Webホスティングサービス。
コマンドラインでファイルをアップしたらすぐに公開できる簡単に使えるWebホスティングサービスの一つです。
Github Hosting の機能強化版とか、Heroku の Static版とか言われることがあります。
特徴的な機能は次の２つです。
1. 環境が３種類用意されている
開発環境（Development）、顧客テスト環境（Staging）、本番環境（Production）の３環境があらかじめ準備されています。また、それぞれの環境でバージョン管理された URL が発行されています。そのため、打ち合わせ中に前のバージョンがいいなどの話になった場合でもその場で、前のバージョンを見せられるという便利なサービスになっています。
運用イメージは次のような流れです。
(1) 開発者が Development 環境で開発
(2) デバッグが終わったら、Staging 環境に反映
(3) 顧客に Staging 環境で動作してもらう
フィードバックがあれば、(1) へ
フィードバックがなければ、Production 環境に反映してサービス開始
他のサービスでは１プロダクトにつき１環境が当たり前だと思うので、同じようなことをやろうとした場合、３プロダクト分確保するなどをやらなければいけないので面倒でした。
また、バージョン管理された URL などはないので、前のバージョンがいいという話になった場合は、古いバージョンのファイルをアップしなおす必要がありました。
2. 基本認証が使える
Development と Staging 環境については、基本認証が使えます。
これによって、公開前の状態でも安心して外部に置くことができます。
意外と基本認証が使える Static Web Hosting ってないんですよ。
Divshot は無料から使えますから、これは貴重です。
というわけで、真面目に Webサイト、Webアプリ(SPA)を開発するなら、Divshot はとても使えるサービスです。
Firebase のホスティングサービスは？
Firebase にも Firebase Hosting というホスティングサービスがあります。この Firebase Hostingの良い点は無料でいくつでも環境を作ることができることです。
そのため、結構気楽にファイルをおいてテストしたりしています。
ただ、機能は多くなく、上で挙げたような Divshot の特徴などは持ち合わせていないため、この環境で開発するのは不安がありました。
そこで、私の場合は、Divshot と Firebase Hosting の両方を使っています。
Divshot が Firebase に Join して何をするのか？
Divshot のホスティングの機能はとても優れていますので、恐らくは Firebase Hosting が Divshotに切り替わるような感じなのかなと期待しています。そうしてくれると、Firebase とだけ契約すればいいので、私みたいな人間には楽でうれしいです。
ただ、Divshot は無料プラン以外は結構お高いので、従来の Firebase Hosting に比べて値段が上がったらちょっと嫌だなと思います。まあでも Google 傘下になるので、そこは心配しなくても大丈夫かな〜？
まとめ
日本では Firebase を使って開発する人って少ないと思うのですが、環境は整ってきていると思います。
日本語の情報が少ないのがネックですが、価格も格安ですし、Webサイト、Webアプリを作っている方にはオススメです。
おまけ
Divshot には BootStrap ベースの Web のオンラインエディタとしての機能もついています。むしろ、昔はそちらがメインでした。
先日紹介した Pinegrow の オンライン版のようなものです。
オンラインで Bootstrap ベースの Webサイトを構築できてしまうので、とても手軽で便利なのですが、私が試したときは応答が今ひとつで使うのにストレスを感じてしまうような状況でした。Google 傘下に入ることでこちらの機能も進化してくれるとうれしいのだけれど・・・。
