Upcoming Generative AI Talk by… Me! / / No Comments I don’t normally blog about upcoming conference talks, but I’m really excited to announce my first talk on generative AI, specifically Google’s Gemini will be in a few weeks at the F/ND Tech Conference. This is a free, online conference covering a wide range of topics. My talk, "Adding Generative AI to your Workflow with Google Gemini", will absolutely be appropriate for beginners (as that’s what I am) and hopefully provide a gentle introduction to working with Gen AI. Now, one point of warning – this is a Europe-based event so my talk will be… 5:45 AM on a Saturday morning, but admit it, wouldn’t you love to wake up early on a Saturday to hear... more → Posted in: JavaScript Tagged with: by..., Generative, Talk, Upcoming
Building a Chat Integration with Google Gemini / / No Comments It’s been on my queue to investigate how to use Generative AI in a ‘chat’ interface versus "one prompt and answer" mode for some time and today I finally got a chance to check it out. I’ll share my thoughts below, but once again I want to thank Allen Firstenberg for his help while I worked through some issues. As always, take what I’m sharing as the opinion of a developer still very new to this space. Any mistakes are my fault! What is GenAI chat? # Specifically, what is chat when it comes to generative AI? Nothing. Seriously. All ‘chat’ is taking your initial prompt, getting the result, then taking your next prompt and appending it. So for... more → Posted in: JavaScript Tagged with: building, Chat, Gemini, Google, integration
Super Useful NPM Module – Open / / No Comments Forgive the samewhat lame title, and this will be a quick little post, but I’ve recently been using such an incredibly helpful npm module I wanted to share it with others. open by Sindre Sorhus (you must click that link and look at their incredible GitHub profile) is a simple, but powerful utility that… opens things. Ok, that sounds rather obvious, but what it means in practice is that your Node code can open a resource on your computer with the associated app. (It can also open up an app by itself if you want.) I can’t tell you how many scripts I’ve written that generate file-based results, or URL-hosted results, that I then double-click to open. This one little utility... more → Posted in: JavaScript Tagged with: Module, open, Super, useful
How to Fix: Windows WASD Keys Reversed with Arrow Keys / / No Comments This past weekend I had the opportunity to be what every father wants, if only for a moment: the “cool dad”. My wife was out of town and my youngest son wanted to play PUBG. I caved in, taught him the basic FPS key binds, and he was having a great time. While he was fragging out, he pressed a bunch of random keys and ended up changing movement buttons. Suddenly the traditional WASD movement keys were useless and the arrow keys triggered movement. Of course, this was a degradation of player experience. After struggling to figure out what my son did, I found the solution. To restore the WASD keys as movement keys, press the FN+W key combination. You’ll switch back to... more → Posted in: JavaScript Tagged with: Arrow, Keys, Reversed, WASD, Windows
Automating Movie Recommendations with Generative AI and Pipedream / / No Comments For the past few months or so, I’ve started tracking my movie watching with Letterboxd. I’m not doing a lot of reviews, mostly just logging, but I find it neat to look back and remind myself of what I’ve watched recently. You can see my profile if you’re curious, or check out my "Now" page as well. I thought it might be interesting to see if I could use my Letterboxd data along with Google Gemini as a way to suggest the next movie I should watch. I was able to build a quick workflow using the incredible Pipedream in a few minutes. Let me share with you how I did that. What does it do? # At a high level, my workflow does the following: It runs, automatically,... more → Posted in: JavaScript Tagged with: Automating, Generative, Movie, Pipedream, Recommendations
JSON Results with Google Gemini Generative AI API Calls / / No Comments Forgive the somewhat alliterative title there, but today’s post covers something that’s been on my mind since I started playing with Google Gemini, specifically, how to get the results of your API calls in JSON. To be clear, the REST API returns a result in JSON, but I’m talking about the content of the result itself. Before I continue, a quick shot out to Allen Firstenberg who has been helping me off and on with Google Gemini stuff. Anything I get wrong though is entirely my fault. 😜 Ok, so before I go on, let’s look at a typical result. Take a prompt like so: "What is the nature of light". Pass this to Gemini via the API, and the result you get, once you... more → Posted in: JavaScript Tagged with: Calls, Gemini, Generative, Google, JSON, results
HTML popover Attribute / / No Comments Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don’t know that the HTML and JavaScript specs have implemented a native modal system via the popover attribute — let’s check it out! The HTML Creating a native HTML modal consists of using the popovertarget attribute as the trigger and the popover attribute, paired with an id, to identify the content element: <!-- "popovertarget" attribute will map to "id" of popover contents --> <button popovertarget="popover-contents">Open popover</button> <div... more → Posted in: JavaScript Tagged with: Attribute, HTML, popover
Using GenAI to Help Pick Your D & D Class / / No Comments A few weeks back I wrote up my experience with generative AI as a dungeon master. That post ended up being really popular and got me thinking about other ways I could integrate D & D, or other games, with Generative AI. With Gemini 1.5 now available via API, I thought it would be good to find an excuse to hit the API in a demo. So with that in mind, I’d like to introduce you to the Class Suggester. The Application # The app begins by simply presenting some introductory text and invites you to click a button to roll for your stats. You can hit the Roll Stats button as many times as you want. It uses the standard D & D rule of rolling a six-sided dice four times and removing the... more → Posted in: JavaScript Tagged with: class, GenAI, help, Pick, using