in this demo I'll show you how to use GitHub co-pilot within a simple Blazer project and the cool thing about this is we'll get to see how copilot can help us navigate a couple different contexts here including C sharp code HTML CSS even some bootstrap elements so the project I'm working on is a simple Blazer resume website and this comes from the.net conf Student Zone demo so on the right hand side here is my resume page of my website and there's three main sections so far there's an about me and experiences and an education section but I think every resume should include a list of your skills so you can showcase them to Future employers folks you're networking with Etc so I'm going to go ahead and add that in and I've actually already included some of my skills data in the resume.json so now I'm going to go into the resume.razer file I'm gonna go down below the education section here and on line 36 I'm going to prompt copilot to help list my skills they'll say list skills and co-pilot's given me the following suggestion and this looks pretty good it's following a very similar format to that of the previous education section so I'm going to go ahead and accept that but one thing I am noticing is it didn't include the closing div so I'm going to go ahead and add that in for Copilot and now it's adjusting that to me which is perfect co-pilot once again isn't here to run the show it's just here to be a pair programmer and sometimes it doesn't do everything perfectly so I'm going to save that and as we can see on my resume page my skills section is here another thing to notice is that the list skills comment is also included there so I'm actually going to go ahead and delete that um just help co-pilot out a bit but I'm still not seeing my skills being displayed so I need to go in and add those so I'm going to go into my skill.razer file and I'm going to ask copilot to help me list these skills so I'm going to ask it to display my skilled data okay the skill Theta let's see what it comes up with okay so it's giving me something pretty similar to what I want um I'm gonna see if there's any alternate suggestions which would show up when I hover over that ghost text um but I'm not seeing those so I'm just going to hit tab and I'm going to add in what I wanted to see here so I'm going to say estimated level perfect doesn't always do everything perfectly so it's all good I'm gonna help it out and also add in that closing div great so now you can see the skills are displayed here on the right once again that comment is also displayed but I'll take care of that after I refine this a little bit because I want this to pop a bit more so I'm gonna have copilot help me to make these show up with a little bit more contrast to the background and the way that I'm going to do that is to integrate a bootstrap card in here and make that pop so I'm actually going to go ahead and delete this and I'm now going to ask copilot to display the skill information in a card in bootstrap bootstrap and this looks pretty promising so I'm going to go ahead and check if there's an alternate not seeing one I can accept this add in that closing div awesome so it's given me those cards uh in white unfortunately that means that we can no longer see my skills again so I'm going to further refine this and continue to get more and more specific with copilot one of the reasons I'm doing this is to show to you all that copilot works best when it has very specific clear instructions um for the task that you want its help with so I'm going to go back in I'm going to delete this and I'm going to give it some more specificity here I'm going to say with a blue background and white text all right it's giving me the BG primary text white this is looking pretty promising I'm gonna accept that and add in my closing div all right looking much better but I'm going to go ahead and refine even further because I don't like the way that these uh estimated skill levels are showing up in Gray so I'm going to go back in um refine what copilot gave me wasn't perfect but did a pretty good job and I'm gonna make that no longer muted Perfect the final thing I'm going to do here is delete this comment so that it doesn't show up on my resume page and there you go I've got my resume copilot helped me to edit it up a bit give it a bit more contrast there's definitely a lot more that could be done here but I hope this was a helpful display on how copilot can help assist in your Blazer projects
Wednesday, 23 October 2024
Monday, 21 October 2024
Adam Day Promoting Creativity with Physical Environments
Good morning, everyone. I'll be leading the last session with Chris Congdon from Steelcase, and we'll be focusing on the built environment. I think this is a very crowded field. We're all in various ways trying to get our teams to set the stage. I like the theater analogies earlier today, because really it's about stage setting to figure out how we can prime our teams to be more creative. Let's see if we can get our slides up here. This is very much sort of going from macro to micro, looking at the passive environment and understanding what can work. There's been a lot of, I think, simple applications of a lot of the creativity research that's led to a lot of silver bullets. I think you read about them in the blogs everyday about we need to add plants, we need a baristo, we need to lighten the colors, we need to put everyone in the same room, they need to be in different rooms, on and on and on. I think we're realizing of course that we've talked about today, that the creative process is obviously much more complex than that, and it's also very paradoxical. There's a lot of creative tensions that we need to solve. We felt that in looking at this, the best way to frame it is more in the analogy of a recipe. We're all cooks at some level, and a lot of our energy has been focused on the main ingredients, things like comfort, control, inspiration. It's definitely been part of, I think, the positive psychology and things that make us feel great and prime us to sort of be at our best. The problem comes is that when we design experiences or environments that create these emotional sensations, it ends up being a little bit more like a cruise ship atmosphere. High levels of satisfaction, probably low output in terms of original ideas but everyone feels great. We have to balance the main ingredients with some spices. Actually, it's counterintuitive but we need things like stress, surprise, constraint, things that are uncomfortable, sometimes they're unwelcome. The challenge is if of course we have an environment that is only spice, it's kind of more like an interrogation room than a cruise ship. That doesn't work either, and so we have to figure out a way to resolve these tensions. All of these things need to be true in the space, and the question we're going to explore is that balance process. There's an additional layer that is a challenge for the environmental design, which is all of us need a different mix at a different time. You think about the design process and architecture and trying to design things for 5 years, 10 years, 20 years, knowing that you have people coming in and out, each of whom have a unique need that changes over the course of the day. How do we create environments that actually can help us achieve greater creativity? Our teams will be looking at this idea of tension, and finding, and discussing what are the best solutions that we know of now to create these emotional responses within a space, both on our main ingredient list ... This is not exhaustive either. There's other things here. Boredom, arguably, is a very good creative input here ... But also on the spice side. Then look at not just what creates these responses, but importantly what are solutions that can move us between these tensions or across them to make our environments more tunable, more dynamic, more responsive so it's not an astatic experience. We'll be trying to energize and change how we think about the built environment to drive the creative process. Looking forward to discussion. Thanks, everybody.