Totally Unscripted: Modernize your Workspace Editor Add-ons development with Angular – Thur 25 Feb at at 1200 PST / 1500 EST / 2000 UTC

[Martin Hawksey]

Hi all,

We all love the flexibility HTMLService gives us when developing Google Workspace Editor Add-ons, but what happens when you need to scale your production? Web application frameworks provide a way to deploy and develop your code in a structured way making it easier to maintain your code base. Angular is one open-source web application framework that can be used to modernize your Workspace Editor Add-on development. In this episode we are joined by Spencer Easton who will share how Amplified IT have adopted Angular for their Add-on development. As part of this we will explore the benefits using Angular including a component-based architecture, internationalization and performance.

Tune in live to contribute to the YouTube live chat (recording immediately available) – https://youtu.be/mtDsScbfRIU  – or post your pre-show questions to this thread and t...@appsscript.info

For previous episodes, information and resources visit https://tu.appsscript.info/

--

Martin Hawksey

Google Expert (Apps Script)

Tw: @mhawksey

Latest tweet (see how):

Afternoon working on the 'Getting Schooled on Apps Script - Using Automation in EDU' Totally Unscripted Show page. So many wonderful tips + resources from @alicekeeler and @flubaroo. If you missed the show you can check it out https://t.co/hKhanYV8HK #GoogleEdu #GoogleAppsScript

— Martin Hawksey #altc (@mhawksey) January 30, 2021

[dimud...@gmail.com]

Looking forward to this one. Haven't seen much of Spencer Easton since the G+ days, good to know he's still around and working with the platform.

 
Any chance you could make this into a series, where you could bring on panelists to discuss different frameworks and related workflows? Bruce Mcpherson has done a lot of work with Vue lately so it would be great to loop him in for a subsequent episode on the topic. Curious about integrating React with Apps Script as well. 

[Martin Hawksey]

Yes nice to lure Spencer out for this talk. Interesting suggestion about a framework discussion. Currently trying to put an episode around apps script development using principles from version control and continuous deployment (in part inspired by this post). 

In terms of React aware there are a couple of starter kits out there like this one https://github.com/enuchi/React-Google-Apps-Script (Also following up with Rami Rashid about the one they recently mentioned - https://twitter.com/KingRomstar/status/1364336217484111877 )

[Martin Hawksey]

A friendly reminder that we are going live in 1 hr - https://youtu.be/mtDsScbfRIU 

Best

Martin

[dimud...@gmail.com]

Great episode overall. 

The stand out for me was Charles presenting a hypothetical where Google could at some point deprecate Editor Add-ons (HtmlService) in favor of Workspace Add-ons (CardService).

I can see why Google would go that route; CardService is mobile-friendly and less prone to malicious exploits...but its not yet on par with HtmlService for feature-rich applications which Spencer was quick to point out. Lots of food for thought there. Charles made it clear that there are no plans to get rid of HtmlService anytime soon...but the fact that it came up in conversation gives one pause.

Here's a timestamp for that part of the episode:
https://youtu.be/mtDsScbfRIU?t=2981

So what do you all think?

[Adam Morris]

Can’t wait to watch!

--
You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/f09bb2c4-f7df-428e-ada9-aecc3af4bd68n%40googlegroups.com.

--

http://classroomtechtools.com

[Alan Wells]

Here is a link to the blog post on Medium by Spencer Easton about using angular with Apps Script.

https://medium.com/@spencer_39642/modern-angular-in-google-workspace-editor-add-ons-ebd621715aee

The blog post is not a tutorial, or an explanation in any way about how to get started with using angular with Apps Script.

The blog post is a "High level overview" of the things needed to use Apps Script as a "shell" and an intermediary connection between other "assets" and services.  Angular still uses HTML, CSS and JavaScript.  So, in that sense Angular is not something that can create a UI in the browser independent from HTML, CSS and JavaScript.  The Angular community has provided HTML, CSS and JavaScript that you can use, saving you the trouble and time of doing it yourself.  So, in that sense it's a time saver, after you've done the preparation work to get the development system operational.

If you are already familiar with and use:

- Node.js

- clasp

- have a favorite alternative code editor

- typescript - optional but may be desirable for some things?

- firebase hosting - hosting code and images

- setting up a GCP project

- Using a CLI (Command line Interface)

and maybe cloud functions

and Oauth

then you should be able to easily get up and running.

If you don't know any of those things, then you should know that you'll need them.

If you are an Apps Script hobbyist or beginner, then please don't think that you can just "jump right into this"

like opening up the online Apps Script editor, writing some code, clicking the "Run" button and getting Apps Script to do something.

If you are a professional developer who gets paid to do this, or you are willing to spend considerable free time learning how to use

these tools, then it will be a worthwhile investment to implement.

On Tuesday, February 23, 2021 at 8:59:48 AM UTC-5 m.ha...@gmail.com wrote:

[Faustino Rodriguez]

Off-topic question, asking for some help @Martin or anyone else who knows, 

- Are you using Google Meet to host these TU event or some other app?

- Where do you get the YouTube live streaming event link ahead of the meeting?

- How do make the recording immediately available in YouTube?

I need to setup a similar event as the Totally Unscripted meeting, and so far I am kind of lost

Thanks in advance for any hints on this

Fausto 

[Martin Hawksey]

Hi Fausto,

- Are you using Google Meet to host these TU event or some other app?

We are using the streamyard.com service (like Meets but with options to stream to other platforms and also do some basic production - screen layouts, overlays etc.). To remove the streamyard branding it costs $25/month

- Where do you get the YouTube live streaming event link ahead of the meeting?

When you setup the event in streamyard you get the YouTube broadcast page. You can stream to YouTube from other platforms including desktop software, but with streamyard it's easy to setup a Meet style call 

- How do make the recording immediately available in YouTube?

This is a feature of YouTube and the default config in streamyard. You can also choose if your YouTube page is private, unlisted or public. Using private/unlisted can be useful if you want to produce pre-recorded content.

Other nice features of streamyard: 

• generates obscure guest links with no login - makes it easy to share with guest in advance and not worry about account creation
• streamyard also makes a backup recording - you can also download the audio only, which we use to make podcasts
• can stream simultaneously to multiple destinations (Facebook, LinkedIn, Twitter and Twitch) 

If you are interested in signing up to streamyard our referral link is https://streamyard.com?pal=6512059994341376

Happy to answer any other questions you have :)

Martin

--

You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/54fd716a-5ab4-428e-8574-15c0c163edfbn%40googlegroups.com.

--

Martin Hawksey

Google Expert (Apps Script)

Tw: @mhawksey

Latest tweet (see how):

For those interested in what I was going to do next... "From Association for Learning Technology to Edinburgh Futures Institute (@UoE_EFI)" #altc @UoE_EFI https://t.co/7TAu5ppcaH

— Martin Hawksey #altc (@mhawksey) February 18, 2021

[Faustino Rodriguez]

Thanks a lot Martin, as usually you always exceed my wildest expectations

- I was [wrongly] assuming that Meet had that integration with YouTube, maybe confused by the old Hangouts on Air

I will definitively look into streamyard option and use your referral link if we decide going that way, what seems very likely

Cheers, Fausto

[Martin Hawksey]

We've only used streamyard for season 3 (previously Hangouts On Air was our goto until it got pulled). Don't think you can stream Meets, but could be wrong. 

When I've done online live events with Google you've used Meets using desktop video production with a tool like OBS Studio streaming to YouTube. 

We chose streamyard though because with OBS I would recommend you had a dedicated producer, with streamyard it's simple enough to use and present and the same time :)

You received this message because you are subscribed to a topic in the Google Groups "Google Apps Script Community" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-apps-script-community/9Qdokzpw5AE/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-apps-script-c...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/8c7ab63b-3389-47e8-baff-eee25d94e69cn%40googlegroups.com.

[Faustino Rodriguez]

You can do live streaming with Google Meet, but it'd require Google Workspace Enterprise Standard (or Plus) edition

- But that doesn't look related with YouTube

- So it would require to record the Meeting and then to upload the video file to YouTube

It looks like Google dropped the ball on Meet - YouTube integration, while other apps are streaming live to YouTube (and a few other services as well)

We are trying to stay within the Google framework, but it looks like a weak choice in this case