TechJungeInstagramプログラミング?コーディング?ナニソレおいしいの?GlideとGoogleSpreadSheetで5分でPWAを作成!技術2019.08.29こんにちは!いつもご覧いただきありがとうございます。なんと私、「Glide」という面白いおもちゃを発見しましたのでそちらを今回は紹介したいと思います。Apps)」が盛り上がっており、賛否両論もあったりと何かと話題に取り上げられることが多いので注目しています。SpreadSheet)新しいアプリを作る(Map機能を使ってみよう)使ってみて思ったことPWAって?最近話題になっている「PWA」。Apps」の略で、スマホ向けのWebサイトWebアクリケーションを、スマートフォンアプリのように使える仕組みです。これは「Webサイトなのにアプリみたいにホーム画面にアイコン追加したり、プッシュ通知がきたり、オフラインで使えたりする」スグレモノです!サイト運営者はアプリのストアへの申請もなく規制もなくアプリ(のようなもの)を作成できます。ユーザーとしてはアプリをインストールするわけでないので容量を節約できます。サイト運営者にもユーザーにも優しい技術なのです。僕も最初はそう思ってました。SpreadSheetちょっとしたデータです。Googleアカウントを所持している前提で進めますのでGoogleアカウント持ってない方は先に作っておくことをお勧めいたします。Googleアカウントの作成方法は今回は紹介しないのでご注意を!下準備1(Glideアカウント登録)まず、Glideのアカウントを作成します。up」をクリック!登録はGoogleアカウントで行います。Google」をクリックGoogleのアカウントを選択します。アカウント認証が完了するとダッシュボードが表示されるのでまずはここでアカウント登録は終了です。SpreadSheet)次はPWA作成のための「データ作成」です。SpreadSheet」を使用します。DriveかGoogleSpreadSheetAppにログインして新しいスプレッドシートを作成します。ここに自分の表示させたいデータを入力します。今回はとりあえず京都のカフェにしました。ここでシートの名前などはしっかり書いておけばあとで変更する手間がないのでお勧めします。これで下準備完了です。新しいアプリを作る(Map機能を使ってみよう)それでは早速サイトを作成しましょう。するとスプレッドシートの選択窓が表示されるので先に作成したスプレッドシートを選択します。スプレッドシートのデータをもとに雛形を作成してくれました!!早い!このままでも完成で良いのですが画像を用意していないのでちょっと不恰好かも。そこで「このアプリをMapアプリにしてしまおう」という考えに至りました。右側のメニューの「Map」をクリックすると、自動で住所を検出してマップにピンを立ててくれるではありませんか!ピンをクリックすると下からそこの情報が。下から出てきたものをクリックすると詳細画面に遷移します。モックアップをみながらサイトを作成できるのです!すごい!あとはドメインやディスクリプションなど、ちょっとした調整。左側のメニューの「Settings」で調整できます。アプリのおすすめページ!ここで右上のQRコードにカメラをかざすと実際に見ることができます。独自ドメインの使用などは有料月額料金で設定できるみたいです。使ってみて思ったことGlideを使ってみてこのツールのメリット、デメリットをまとめてみました。Script)を使ってそのURLからスクレイピングして各項目をセルに挿入するみたいなことを自動化したら面白そうだなあ軽いものであれば、Webの入門、ブログのちょっとした付随アプリ、少人数でのメモ共有程度に使えそうです。Brew」のマップ版に利用しようかなと思ってます。全てのブラウザで同じ挙動、表示をさせようとするとなかなか上手くいきません。Scriptを使ってスプレッドシートにInstagramのフォロワーの推移をグラフ化させよう」という記事を書いて多くの方に見ていただきました。API」というものを発見しました。APIを使ってフォロワー推移グラフを作成しました。そんな時にはURLやパスなどを取得して、そのページで処理をさせると思います。Scriptを使ってスプレッドシートにInstagramのフォロワーの推移をグラフ化させよう1行目に表の項目を入力しているので、2行目からデータを自動で入力していく形にします。A列2行目に「日付」、A列3行目に「フォロワー数」を入力していきます。今回は日付の降順(上から新しい順)になるようにします。3つをまとめてやってみよう!24歳。この一年のテーマは「セルフブランディング」です。YouTube始めました。コメントをキャンセルメールアドレスが公開されることはありません。韓国風ファッションEC「kuma3」始めました。KYOTOに行ってまいりました。気になるモノAnkerらしさが光るブレずにコンパクトノッチがない!MacBook入れたらいいかも憧れがあるけど手が出せない人へとうとう折りたためるようになったか...Fireタブレットってこんなに安かったっけ?UberEatsを始めたい人へ。韓国風ファッションEC「kuma3」始めました。KYOTOに行ってまいりました。気になるモノAnkerらしさが光るブレずにコンパクトノッチがない!MacBook入れたらいいかも憧れがあるけど手が出せない人へとうとう折りたためるようになったか...Fireタブレットってこんなに安かったっけ?UberEatsを始めたい人へ。ADタイトルとURLをコピーしました。