I Created an App to Generate Static HTML Cards from Open Graph

Oct 11, 2018, 3:22 AM

about2mins to read

Table of Contents

Top
How to Use
Background
Notes

Mainly because I needed it for this site, I created a tool that extracts meta data from Open Graph and creates a card-like link... well, it's hard to explain, but basically, it's this:

https://youtu.be/k6avQD1RerY

How to Use

Access this site:

https://og-card.netlify.com/

Enter a URL and press the SUBMIT button. That's it.

If you adjust the number of characters in the description, any excess will be represented by "…".

Please adjust the height and width of the preview window according to the site you are using.

Background

On sites like Hatena Blog and Medium, when you insert a link to an external page, it's displayed in a card format, which is quite cool. I wanted to use it on my own site, but since it wasn't available as a template, I created it.

Notes

I'm relying on an external server (https://cors-anywhere.herokuapp.com/) to avoid CORS issues. Please be aware that it may suddenly stop working depending on the circumstances.

Table of Contents

Top
How to Use
Background
Notes

development

Oct 11, 2018, 4:23 PM

Using AngularDart as a Small Web App Development Environment

I've been using React and Next.js to create small web apps, but I decided to try AngularDart, which has high affinity with Material Design. AngularDart comes with types by default and allows easy use of Material Design components, making development smoother. However, since it's not JavaScript, it means leaving the existing ecosystem, and the community is smaller, which are drawbacks.

game

Oct 5, 2018, 9:26 PM

"Finding Paradise" Review

I felt that Finding Paradise, which was expected to be a sequel to To the Moon, did not exceed my expectations. While it inherits the good points of the previous work, such as the story's craftsmanship, BGM, and background graphics, which have evolved, I felt that the story's development was predictable and the excitement was lost. However, it is connected to the next work, and those who thought the previous work was good will not regret playing it.