統合
最初のKenticoクラウドカスタム要素コンテストに参加する
By Ondrej Polesny
カスタム要素を使ってクリエイティブになりましょう。 10ドルのAmazonバウチャーの1つを獲得するチャンスのために私たちのコンテストに参加してください!
コンテンツをモデル化するとき、(リッチ)テキストフィールドを超える特殊なデータ型に頻繁に遭遇します。一般的な例は色です。編集者はページコンポーネントの色を変更するのが大好きですが、16進コードまたはRGBチャネル値を入力することを期待できますか?もっと良い方法はありますか?
KenticoCloudインターフェースを拡張する方法を尋ねるクライアントがたくさんいました。通常、彼らは、埋め込まれたビデオやその他のメディアアセットを使用して外部データをロードするか、古いシステム内で現在使用しているのと同じユーザーエクスペリエンスを持つエディターを有効にします。以前は、Kentico Cloudインターフェースを拡張したり、カスタム要素を開発したりすることはできませんでした。 URLはテキストフィールドの動画を表しており、編集者はリッチテキストエディタの使用方法を学ぶ必要がありました。しかし、今ではそれが変わりました。カスタム要素を歓迎します。
ユーザーインターフェイスのカスタマイズ
カスタム要素拡張機能は、インターネット上のどこかでホストされているスタンドアロンのWebアプリケーションです。これらはKenticoCloud内には実装されていませんが、iframeを使用してUIに統合されています。したがって、それらは遠く離れたサーバーに配置できます(ただし、それほど遠くないことが望ましいですが、遅延は引き続き適用されます)。 Kentico Cloudは、データのみを考慮します。 iframe内のコンポーネントと通信し、初期化データを提供し、データの変更をリッスンして、それらが永続化されていることを確認します。残りは内線が担当します。データを表示、処理、変換し、Kentico Cloudに戻す方法は、その実装内で調整されています。
カラーピッカー、製品セレクター、マークダウン、または画像エディターを作成しますか? Kentico Cloudは、コンポーネントの現在の状態を表すJSONデータを提供する限り、アイデアを制限することはありません。それは両方の方法で機能します。コンテンツアイテムが開かれるたびに、KenticoCloudはカスタムコンポーネントにそれぞれのデータを提供します。次に、コンポーネントはデータを使用してUIを表示します。
オープンソースの拡張機能
かっこいいですよね? Kentico Cloudがエンジンであり、調整、部品交換、ガスではなく電気での実行、パフォーマンスの調整、さらには自動車、トラック、さらには航空機の製造に使用できることを想像してみてください。
しかし、誰もが緑の野原から始めるのが好きというわけではありません。コンポーネントを使用する必要があるときはいつでも、使用できる既存のコンポーネントをオンラインで検索する傾向があります。そして、主にオープンソースプロジェクトとその貢献者の数のおかげで、私は通常成功しています。これにより、過去に多くの時間を節約できました。
Kenticoはオープンソースが大好きです。私たちは貢献する一人一人を高く評価します。したがって、カスタム要素インターフェイスを実装するときに、コミュニティがコンポーネントの実装を共有できるようにしたかったのです。同じデータパーサー、ドロップダウン、その他の一般的な機能を何度も実装するのではなく、開発者が創造性を発揮できるようにしたかったのです。そのため、GitHubのすべての拡張機能に共通のスペースを作成し、いくつかの例を追加しました。
コンテストと賞品
私たちはみんな遊ぶのが好きです!さらに面白くするために、いくつかのAmazonバウチャーでゲームを盛り上げることにしました。新しいマウスとキーボードのセット、ホームステレオ、またはキッチンロボットを入手しますか?それは、優先順位の高いホームバックログの一番上にあるからです。次に、コンテストに参加して勝つチャンスを得る方法を確認してください。
ルール
勝つチャンスを得るには、次のような拡張機能を送信するだけです。
- 2019年3月1日から3月31日までのhttps://github.com/Kentico/custom-element-samplesへのプルリクエストの形式です(*更新:コンテストの締め切りは4月14日に延期されました*)
- 機能的です
- MITライセンスの下でオープンソース化されています
- 該当するライセンスに違反していません
コンテストの完全な利用規約は、レポのホームページにあります。
プルリクエストをまだ作成していない場合、MITライセンスの意味がわからない場合、またはその他の質問がある場合は、 developerscommunity @ kentico.comに電子メールを送信してください。手順を喜んで説明し、エクステンションをコンテストに登録するお手伝いをします。
3月末に、すべての拡張機能の革新性と独創性、有用性、複雑さ、品質を評価します。トップ10の拡張機能の作成者には、 150ドルのAmazonバウチャーが提供されます。米国以外の居住者である受賞作家は、同じ価値の仮想ビザカードを請求する資格があります。勝つ可能性を高めたい場合は、複数の拡張機能を実装できます。各拡張機能は個別に評価されるため、複数の報酬が得られる可能性があります。
受賞者にはGitHubの連絡先情報を使用して連絡がありますので、プロフィールが最新であることを再確認してください。
拡張機能のアイデア
すでにKenticoCloudを使用している場合は、便利な多くの拡張機能を簡単に思いつくことができます。そうでない場合、またはインスピレーションを探している場合は、拡張機能のアイデアのリストをまとめました。作業を開始する前に、問題にコメントを投稿してください。これにより、1つの拡張機能で複数の人が作業することを回避できます。
拡張機能の作成
カスタム要素拡張を作成するには何が必要ですか?理解しておくべき重要なことは、カスタム要素とKenticoCloud間の通信です。要素はサンドボックス「iframe」でレンダリングされるため、Kentico Cloudとの間でデータを送受信するには、小さなJavaScriptを含める必要があります。