Using Chrome AI to Rewrite Text / / No Comments Earlier this month, I discussed how Chrome’s upcoming built-in AI support was adding new features specifically tailored to certain use-cases. In that post, I looked at the Summarizer API. For today, I decided to take a look at the rewriter API. As a quick reminder, this is very early on, and if you want to try this yourself, you should hit the sign-up form and read the intro post from the Chrome folks first. Obviously, everything I’m going to show below probably will, almost certainly will, change before shipping. Ok, with that out of the way, let’s talk rewriting, specifically, how the Chrome API operates. Given a set of source input, the API can shorten, or lengthen the input,... more → Posted in: JavaScript Tagged with: Chrome, Rewrite, text, using
Dynamically Showing and Hiding Markers in Leaflet / / No Comments This was originally going to be an example of using Leaflet with Alpine.js, but while working on that demo I discovered an interesting aspect of Leaflet that was a bit more difficult than I thought it would be – hiding and showing markers. Here’s how I approached the problem, and as always, if you know of a better way, leave me a comment below and share! Approach One For my first demo, I decided to start simple. First, I built a function to return a static set of data: async function getStores() { return new Promise(resolve => { let stores = [ { name: "Lafayette Store", open24Hours:true, location: { lat:30.216, lng: -92.033 }}, { name: "Baton Rouge Store",... more → Posted in: JavaScript Tagged with: Dynamically, Hiding, Leaflet, Markers, showing
Using Google Gemini’s File API with ColdFusion / / No Comments I promise, I’m not turning this back into a ColdFusion blog, but as I prepare my presentation next week at Summit and update my Google Gemini code for some ColdFusion demos, I ran into a particularly gnarly bit that I wanted to share in a post. For the most part, I’ve had no issues using Gemini’s REST APIs in ColdFusion, but the File API ended up being more difficult. If you go the documentation for uploading, and use the ‘Shell’ language tab, you can see an example like so: MIME_TYPE=$ (file -b --mime-type "$ {IMG_PATH_2}")NUM_BYTES=$ (wc -c < "$ {IMG_PATH_2}")DISPLAY_NAME=TEXTtmp_header_file=upload-header.tmp# Initial resumable request... more → Posted in: JavaScript Tagged with: ColdFusion, file, Gemini's, Google, using
Next , and Vote For My AI Demo! / / No Comments Greetings, programs. This is just a quick note about my <Code><Br> show. Usually the show goes on every two weeks, but with the holiday this week I pushed it off to September 17th. You can find the details and RSVP here: "Parks and Recreation – Using Leaflet and the NPS" As the link says, this will be another stream involving Leaflet, which I’ve been having a hell of a lot of fun with the last few weeks. I hope to see you there! And then on a completely different topic, I’ve entered the Gemini API Developer Competition and honestly, I’ve probably got no chance to actually win, but I’d love for you to take a look at my entry, Content Assistant,... more → Posted in: JavaScript Tagged with: Demo, Next, Vote
Parsing Markdown in ColdFusion / / No Comments Welcome to my third, yes, third, ColdFusion post in 2024. Is it a trend? Who knows. That being said, I’m doing some prep work to update my presentation on Google Gemini in preparation for my talk at Adobe’s ColdFusion Summit later this month, I’m updating my Node.js demos to ColdFusion and ran into an interesting issue – converting Markdown responses from Gemini to HTML. Edit: I realized I gave my function at the bottom a dumb name. I updated the code to reflect a better name on 9/18/2024 My first quick Google searches didn’t really mesh well with what I expected, so I asked on the CFML Slack and James Moberg pointed out a few options, but suggested I focus on Flexmark... more → Posted in: JavaScript Tagged with: ColdFusion, Markdown, Parsing
Using Asynchronous Content in Leaflet Popups / / No Comments Today in my <Code><Br> stream (I’ll share a link to the video at the bottom), I spent some time digging into Leaflet and worked on a demo that made use of the National Parks Service API. This is a fun API I’ve used many times in the past, especially at my last job at HERE. For the stream today, I wanted to build the following: Create a map that loads a geojson file of NPS parks. The geojson file contains the code and name for each park. On clicking one of the markers, use the NPS API to get more information about the park. In general, I’ve found everything in Leaflet to be stupid easy, but this particular aspect turned out to be a bit more difficult, which of course... more → Posted in: JavaScript Tagged with: Asynchronous, Content, Leaflet, Popups, using
Links For You (9/15/2024) / / No Comments Happy Half Way Through September… which isn’t a thing I guess, but, I’m just in awe at how much faster time goes in the fall compared to summer. With the kids in school, and activities, time just seems to fly by. In roughly two weeks I’ll (and my wife) will be in Vegas for the Adobe ColdFusion Summit. If you’ll be there too be sure to say hi. Before then I’ll be speaking online at the JavaScript Global Summit next week. All of these upcoming conferences is just enough to make me forget I got a rejection today. 😉 Lets focus on the positive, right, like some fun links for your enjoyment! CSS One Liners First up is a great collection of CSS one liners by Alvaro... more → Posted in: JavaScript Tagged with: 9/15/2024, links
Using AI to Roast Your Photos / / No Comments Chalk this up as another of my "this is probably not a good idea, but it’s fun" blog posts. A few weeks back my buddy and ColdFusion Evangelist Mark Takata shared a fun little thing he did with GenAI – using it to roast himself. That immediately set me off on a quest to see just how much fun I could have with the idea. Now, to be clear, I do not like mean people. But having a disembodied set of code routines roast me? Sounds perfect. Back in December last year, I built an experiment where I used the device camera on a mobile web app and asked Google Gemini what kind of cat breed was in the picture: Using Generative AI to Detect Cat Breeds That experiment worked really well... more → Posted in: JavaScript Tagged with: photos, Roast, using