こんにちは！いつもご覧いただきありがとうございます。
なんと私、「Glide」という面白いおもちゃを発見しましたのでそちらを今回は紹介したいと思います。
ちらっと耳にしてはいましたが、なんとこのツール、コーディングやプログラミングなしでPWAが作れちゃうのです！
最近Web界隈ではこの「PWA(Progressive Web Apps)」が盛り上がっており、賛否両論もあったりと何かと話題に取り上げられることが多いので注目しています。
しかも、僕が多用している「Google SpreadSheet」と連携するだけで簡単にWebサイトが作れるという！！！
実際に使ってみてめちゃくちゃ感動したのでご紹介いたします！
簡単なものだとたった五分でできちゃいます！
実際に作成したものがこちら↓
Kyoto Brew Map
PWAって？
最近話題になっている「PWA」。
これは「Progressive Web Apps」の略で、スマホ向けのWebサイトWebアクリケーションを、スマートフォンアプリのように使える仕組みです。
これは「Webサイトなのにアプリみたいにホーム画面にアイコン追加したり、プッシュ通知がきたり、オフラインで使えたりする」スグレモノです！
サイト運営者はアプリのストアへの申請もなく規制もなくアプリ（のようなもの）を作成できます。
ユーザーとしてはアプリをインストールするわけでないので容量を節約できます。
サイト運営者にもユーザーにも優しい技術なのです。
主な事例としては
など、様々な業種の企業が参入している急上昇の技術です！
そんなPWAをたった5分で作れちゃうツールが「Glide」なのです！
※簡単なものに限る
早速作ってみるよ「Glide」！手順を紹介！
「いやいや！そんなに簡単にWebサイトとか作れるわけないじゃん！しかも最新技術でしょ！？無理無理！」
僕も最初はそう思ってました。
しかし、実際に使ってみるとまさに「目からウロコ」
超手軽！超簡単！超コーディング不要！
「百聞は一見に如かず」ということで早速触ってみましょう！
今回必要なものは
- Googleアカウント
- Glideアカウント
- Google SpreadSheet
- ちょっとしたデータ
です。
Googleアカウントを所持している前提で進めますのでGoogleアカウント持ってない方は先に作っておくことをお勧めいたします。
Googleアカウントの作成方法は今回は紹介しないのでご注意を！
下準備１（Glideアカウント登録）
まず、Glideのアカウントを作成します。
下記のURLからGlideにアクセス↓
Glide
するとこのような画面が表示されるので右上の「Sign up」をクリック！
登録はGoogleアカウントで行います。
真ん中の「Continue with Google」をクリック
Googleのアカウントを選択します。
アカウント認証が完了するとダッシュボードが表示されるのでまずはここでアカウント登録は終了です。
下準備２（Google SpreadSheet）
次はPWA作成のための「データ作成」です。
普通のWebサイトではここでデータベースやJSON、APIなどを使用するのですが、今回は「Google SpreadSheet」を使用します。
まずはGoogle DriveかGoogleSpreadSheetAppにログインして新しいスプレッドシートを作成します。
ここに自分の表示させたいデータを入力します。
今回はとりあえず京都のカフェにしました。
ここでシートの名前などはしっかり書いておけばあとで変更する手間がないのでお勧めします。
これで下準備完了です。
新しいアプリを作る（Map機能を使ってみよう）
それでは早速サイトを作成しましょう。
Glideのダッシュボード画面に戻って「+ New app」を選択。
するとスプレッドシートの選択窓が表示されるので先に作成したスプレッドシートを選択します。
スプレッドシートのデータをもとに雛形を作成してくれました！！早い！
このままでも完成で良いのですが画像を用意していないのでちょっと不恰好かも。
そこで「このアプリをMapアプリにしてしまおう」という考えに至りました。
そして右側のメニューの「Map」をクリック
すると、自動で住所を検出してマップにピンを立ててくれるではありませんか！
ピンをクリックすると下からそこの情報が。
さらに下から出てきたものをクリックすると詳細画面に遷移します。
モックアップをみながらサイトを作成できるのです！
すごい！
あとはドメインやディスクリプションなど、ちょっとした調整。
左側のメニューの「Settings」で調整できます。
これで完成とします！
実際にスマホで見るときは左下の「Open app」をクリック。
アプリのおすすめページ！ここで右上のQRコードにカメラをかざすと実際に見ることができます。
すげえ。
独自ドメインの使用などは有料月額料金で設定できるみたいです。
使ってみて思ったこと
Glideを使ってみてこのツールのメリット、デメリットをまとめてみました。
- メリット
- コーディング、プログラミング不要
- デプロイ不要
- データベース不要
- Googleアカウントとの連携が簡単
- Google SpreadSheetを利用するっていうのがまたいい
- デメリット
- 自由度が低い
- 無料版では制限が多い
- 有料版でも自由度は比較的低めかも
Google SpreadSheetでURLだけの一覧を作って、GAS（Google Apps Script）を使ってそのURLからスクレイピングして各項目をセルに挿入するみたいなことを自動化したら面白そうだなあ
軽いものであれば、Webの入門、ブログのちょっとした付随アプリ、少人数でのメモ共有程度に使えそうです。
僕はついでに「Kyoto Brew」のマップ版に利用しようかなと思ってます。
コメント
[url=https://gcialisk.com/]buy cialis online forum[/url]
doxycycline purchase in china[/url]
kamagra price thailand[/url]
buy cialis online reviews[/url]
buy cialis online reviews[/url]
antabuse[/url]
where can i buy viagra online[/url]
[/url]
cheap sildenafil uk[/url]
buy cialis online safely[/url]
Everything published made a ton of sense. But, what about this?
what if you were to create a killer headline?
I ain’t saying your information is not good., however suppose you added a post
title to possibly grab a person’s attention? I mean プログラミング？コーディング？ナニソレおいしいの？GlideとGoogleSpreadSheetで5分でPWAを作成！
| タシュミスト is a little vanilla. You might peek at Yahoo’s home page and
watch how they create article headlines to grab viewers to open the links.
You might add a video or a picture or two to get people excited about what you’ve written. In my opinion, it might bring your blog a little
livelier.
Good blog you have got here.. It?s difficult to find
quality writing like yours nowadays. I really appreciate people like you!
Take care!!
Here is my web page … http://clubriders.men/viewtopic.php?id=507799
buy lasix online fast delivery[/url]
Hello there! This blog post couldn’t be written much
better! Reading through this post reminds
me of my previous roommate! He continually kept preaching about this.
I most certainly will send this post to him.
Fairly certain he’s going to have a good read.
Thanks for sharing!
Also visit my web blog: anapa-alrosa.com.ru
Howdy very nice blog!! Man .. Excellent .. Wonderful ..
I will bookmark your web site and take the feeds also?
I am happy to search out a lot of helpful info right here within the
submit, we want work out extra techniques in this regard,
thank you for sharing. . . . . .
priligy
Hello are using WordPress for your site platform?
I’m new to the blog world but I’m trying to get started and
create my own. Do you require any coding knowledge to make your own blog?
Any help would be really appreciated!
Feel free to surf to my web blog – Divine Dynamic Keto Ingredients
buy cialis pills
cialis and viagra sales
You actually make it seem so easy with your presentation but I
find this topic to be really something that I think
I would never understand. It seems too complex and very broad for me.
I am looking forward for your next post, I will try to get
the hang of it!
My blog Total Pure CBD Reviews
Great paintings! That is the kind of information that should be shared across the web.
Shame on the seek engines for not positioning this submit upper!
Come on over and seek advice from my website . Thanks =)
My blog … Xoth Keto BHB Reviews
Hi! Do you know if they make any plugins to help with SEO?
I’m trying to get my blog to rank for some targeted
keywords but I’m not seeing very good gains.
If you know of any please share. Thanks!
Visit my homepage – Cool Portable Air Conditioner
keto carbs https://ketodietplanus.com/
gay and nonbinary dating site https://gaychatrooms.org/
caff gay dating https://gaydatingzz.com/
gay dating tours https://gaychatgay.com/
gay dating chat lines https://gaychatus.com/
gay dwarf dating site https://freegaychatnew.com/
muscle gay dating https://gaydatingcanada.com/
latest gay dating site https://gaydatinglosangeles.com/
gay male leather dating https://gayedating.com/
gay dating hemet,ca https://gayonlinedating.net/
plenty more fish gay dating https://gay-singles-dating.com/
admission essay writing service https://essaywritercentral.com/
pay essay writing https://essayghostwriter.com/
writing analysis essay https://essaypoints.com/
writing a biography essay https://essaysnet.com/
writing essays about literature https://essaytag.com/
writing literary analysis essay https://online2casino.com/
usa online casino https://onlinecasinos4me.com/