CodePen が Flutterに対応しました🎉

その場で動かせるFlutterサンプルをMedium記事などに埋め込めるようになりました

mono 
mono 
Apr 16 · 3 min read

今朝、公式Twitter・記事などでアナウンスがあった通り、CodePenがFlutter対応しました🎉

ただ、とてももったいないことに、上の公式記事内で、せっかくのCodePenのMedium記事埋め込み機能を活用していなかったので、その補足記事を書いています。

Mediumは、embed.ly を使ってURL展開表示をしていて、そのembed.lyが対応しているCodePenのURLも良い感じに展開されます。ここに載っている対応言語(Web系が多い)の記事では、活用されているのをちょくちょく見かけていました。

DartPadが既にFlutter対応していましたが、そちらはMedium記事への良い感じの埋め込みは対応されていないため、この埋め込み機能はCodePenの明確な優位点ですね。

というわけで、CodePenのFlutterサンプルをいくつか載せてみます。今後、通常の記事でも活用していきたいですね🐶
※一部、Safariでは正常動作しないものがあるため、Chrome推奨です。

Flutterに関する日本語記事を書いていきます🇯🇵

mono 

Written by

mono 

Flutter 🇯🇵
mono 

Written by

Software Engineer(Flutter/Dart, Firebase/GCP, iOS/Swift, etc.) / Freelance / https://mono0926.com/page/job/

Flutter 🇯🇵

Flutterに関する日本語記事を書いていきます🇯🇵

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store