Flutterの製品マネージャーであるZoey Fan氏は最近、CodepenがFlutterをサポートすることを発表した。Codepenは人気のオンラインコードプレイグラウンドである。コードスニペットの共有に関心のあるFlutter開発者、またはインストールもセットアップもせずにFlutterをすばやく試すことに関心のある開発者は、CodepenウィンドウでインタラクティブにFlutterコードを記述し、別のウィンドウでWeb出力を確認できる。
開発者は、既存のテンプレートまたはゼロからFlutterコードスニペットを作成できるようになった。
Codepenでは通常の通り、開発者は専用ウィンドウにコードを入力し、別の出力ウィンドウでコード実行の結果として表示アプリケーションを得ることができる。開発者がコードに変更を加えると、数秒後に出力ウィンドウが更新され、変更の結果が反映される。コードの構文エラーは、警告メッセージとともにコードウィンドウに追加で表示される。
新しいCodepenの機能では、既存の最近オープンソース化されたバックエンドサービスを活用し、DartPadを強化する。DartPadは、DartおよびFlutterコードを実行できるオンラインコードプレイグラウンドである。DartPadとCodepenは一部の機能が重複しているが、Codepenは、Codepenを使用してアイデアを試したり、共有したり、他のデザイナーからフィードバックを受け取ったりするアクティブで社会的なマインドデザインコミュニティのホームである。故に、Codepenは、DartPadとは重複しないソーシャル共有とディスカバリの機能を提案している。
これらのソーシャル機能は、Flutterがモバイル、Web、デスクトップアプリケーションの実装を単一のソースベースからカバーしようと努めているタイミングにおいて、Flutterコミュニティを促進および拡張するのに役立つ。Flutterチームは、Twitterで#FlutterPenタグを使用して、開発者とデザイナーがCodepenポートフォリオを構築し、アイデアを披露し、デザインを共有することを奨励している。
一部のTwitterユーザは自身の熱意を表明し、そのうちの1人は、Codepenに加えて、Flutterがcodesandboxプレイグラウンドもサポートすることを望んでいる。Codepenのパフォーマンス改善の可能性に注意しつつも、redditユーザはFlutterのクロスプラットフォームビジョンについて楽観的であった。
Codepenは、特にパフォーマンス面が弱いように思えます。
しかし、私はウェブのベータ版に対する彼らの大変な作業を見ています。そして、私にとっては、どの環境でも、すぐに機能させることができるという希望は素晴らしいことです。