タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
OpenAPI Generatorのコード生成とSpring Frameworkのカスタムデータバインディングを共存させる - ZOZO TECH BLOG
はじめに こんにちは。マイグレーションブロックの藤本です。 ZOZOのマイクロサービスの開発では、以前の「OpenAPI3を使ってみよう！Go言語でクライアントとスタブの自動生成まで！」や「Go言語におけるOpenAPIを使ったレスポンス検証」の記事にもあるように、OpenAPI(Swagger)を使ってAPIの仕様を管理しています。そして私たちのチームでは、OpenAPIのYAMLからControllerのInterfaceとレスポンスオブジェクトのコードを生成して、それを実装することでAPIの開発を進めています。 この記事では、OpenAPI Generatorを使ったOpenAPI定義からのコード生成と、Spring Framework（以下、Spring）のカスタムデータバインディング1を共存させるために実施したことをご紹介します。 先に結論から 今回はテンプレートを編集する方法で
私は React 以外でフロントエンドを開発しなかったせいか、 双方向データバインディングを理解するのに時間がかかりました。 2つのデータバインディング（単方向・双方向）をサンプル実装したところ、理解しやすかったです。 今回はそれぞれを以下のライブラリを使用して実装しました。 単方向データバインディング：React 双方向データバインディング：Vue 結論 単方向データバインディング データの変更が View に自動的に反映される View の変更をデータに反映させるには、イベントハンドラを使用したデータ更新処理が必要 双方向データバインディング データの変更が View に自動的に反映される View の変更がデータに自動的に反映される 詳細な説明 データバインディングとは？ データバインディングの定義を知ることで、全容を把握しやすくなりました。 Wikipedia には、以下のように説
2021/10/20 3系がリリースされていたので、サンプルコード及び記事の修正を行いました。 はじめに 最近、Alpine.jsというライブラリを知りました。 Vue.jsに影響を受けているようで書き心地は似ているのですが、データバインディングに特化していてVue.jsよりも軽量なので、SPA用途でなくデータバインディング用途でVue.jsを使用しているという場合は、代替になり得ると感じました。 →当時はなかったのですが最近はpetite-vueというライブラリが開発されているので、Vue.jsの代替という意味では現在はそちらを使う方が良さそうです。 Vue.jsと比較すると以下の点でメリットがあると感じます。 軽量 データオブジェクトをPOJOで定義できるので、thisのコンテキストが明確 →こちらもVue.js本体と比較したらの話なので、現在はpetite-vueと比較する方が良いで
概要 この記事では、ライブラリやフレームワークに依存せず、純粋なJavaScriptのみを使用してデータバインディングを実装する方法について詳しく説明します。効率的なWebアプリケーションの開発に欠かせない基本的な技術を、具体的な例を交えて紹介します。JavaScriptのさらなる可能性に興味がある初心者から中級者の方々にとって、理想的な内容です。 検証方法 データバインディングの検証を行うために、次の機能を持つツールを作成します。 クリック回数を表示するテキストエリアを用意します。 ボタンをクリックするごとに、表示されているクリック回数を1増やします。 実装案 純粋なJavaScriptを使用して、データバインディングの制御を担うモジュールを開発します。 このデータバインディング制御モジュールを使用して、クリック回数表示ツールを実装します。 データバインディング制御モジュールの設計 独自
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React と Vue から単方向・双方向データバインディングの違いを知る - Qiita
Alpine.jsでデータバインディング - Qiita
純粋なJavaScriptで実現するデータバインディング - Qiita
mojimoji.hatenablog.com
ascii.jp
prtimes.jp
yuuna7.ue.bulog.jp
note.com/maminyan
naga2218.hatenablog.com