とても興奮しています?私の新しいウェブサイト Shopify Liquid REPL を共有するため。

最近、Shopify REPL (Read-Eval-Print-Loop) に関する Taylor Page の投稿を見て、このサイトを見直してみようと思いました。 Web サイトの出力を確認した後、API を介して入力された JSON データを統合する新しいバージョンを作成しました。 API を追加せずに、直接 JSON データを使用できるようになりました。この更新では、HTML、CSS、JavaScript に加えて、liquid.browser.min.js を使用しました。これまでのところすべてがうまく機能しています。 Tom Blanchard さん、あなたは Polaris と React を使用して素晴らしいサイトを作成しました。私は更新の参考としてあなたのサイトを使用しました。

?いくつかの重要なポイントを次に示します。

• ?単純なデータ: 変数などの単純なデータを使用する場合、それらを直接使用できます。
• ?複雑なデータ: 製品、コレクション、ユーザーなどに関連するデータを使用する場合は、JSON コードを追加する必要があります。
• ?テスト API: 使用できるダミーのテスト ユーザー API を含めました。
• ?その他のテスト API: 他のテスト API は Fake Store API で見つけることができます。

?使用方法:

1. API または JSON をお持ちの場合は、[JSON を追加] ボタンをクリックしてデータを追加し、ポップアップを閉じます。
2. Liquid コードを input.liquid フィールドに追加し (ループの製品など)、ループに製品タイトルを含めます。
3. その後、出力ボックスにすべての製品タイトルが表示されます。

それでおしまい！ご質問がございましたら、お気軽にDMください?。
テイラーとトムのおかげですか？ Shopify REPL 投稿を共有していただき、あなたの投稿がこのウェブサイトを作成するきっかけになりました。

Shopify リキッド REPL ? : http://liquid-repl.mycodemagic.com