これからのフロントエンドコンポーネント開発 Lit -その(1)- - A Memorandum
Lit とは Web Components Lit による最小限の Web Components Lit プロジェクトの準備 my-element コンポーネントの作成 ビルドと実行 宣言型イベントリスナー まとめ Lit とは Google の Chrome チームにより始まった Polymer -> LitElement -> Lit と変遷した web components ベースのフロントエンドUIフレームワークです(LitElement 3.0 == Lit )。 lit.dev Lit is a simple library for building fast, lightweight web components. と謳われる通り、Web Components 構築用の軽量なライブラリになります。 Polymer は、Web Components の Polyfill ライブ
Spring Boot with Vaadin 〜その4 : モーダルダイアログと永続化 〜 - A Memorandum
前回の続き。 blog1.mammb.com モーダルダイアログで新しい Customer を登録してみる。 モーダルダイアログ ダイアログは Window を作成して setModal(true) にするとモーダルとなる。 今回は Window を継承して Customer 登録用のダイアログを追加する。 src/main/groovy/hello/CustomerEditDialog.groovy package hello import com.vaadin.data.validator.StringLengthValidator import com.vaadin.server.FontAwesome import com.vaadin.ui.* class CustomerEditDialog extends Window { TextField firstName = new
Spring Boot with Vaadin 〜その3 : Spring Loaded と Vaddinデバッグ〜 - A Memorandum
前回の続き。 blog1.mammb.com コード編集の度にコンパイルが面倒なので、ちょっとわき道にそれて、Spring Loaded を入れて Hot Swap が使えるようにしておく。 UIの調整はブラウザで確認しながら調整するので、都度立ち上げ直しは大変ですしね。 springloaded の設定 build.gradle の buildscript の依存に springloaded を追加する。 buildscript { repositories { jcenter() } dependencies { classpath 'org.springframework.boot:spring-boot-gradle-plugin:1.3.1.RELEASE' classpath 'org.springframework:springloaded:1.2.5.RELEASE' }
Spring Boot with Vaadin 〜その1〜 - A Memorandum
結構むかしになりますが、Spring boot の Vaadin サポートが出来てきたので簡単なチュートリアル。 プロジェクトの作成 まずは最小限のサンプルを作成します。 gradle でプロジェクト作成。 $ mkdir example-springboot-vaadin $ cd example-springboot-vaadin $ gradle init --type java-library build.gradle を以下のように編集。 buildscript { repositories { jcenter() } dependencies { classpath 'org.springframework.boot:spring-boot-gradle-plugin:1.3.1.RELEASE' } } apply plugin: 'java' apply plugin: '
Vaadin と Spring Boot で作る 「Javaだけ」 Web アプリケーション - A Memorandum
はじめに プロジェクトの作成 最初のアプリケーション 画面レイアウトの設計 レイアウト構築の概要 レイアウトの実装 エンティティの準備 アカウント一覧コンポーネントの作成 アカウント一覧のフィルタリング AccountService の追加 アカウント編集フォームの作成 アカウント編集ダイアログの作成 アプリケーションの実行 まとめ はじめに Java でプロダクト構築時に一番悩むのは、フロントエンドに何を採用するかです。 React (や Vue.js や Angular ) で作ってサーバ側は JAX-RS で受けるか、成熟した JSF で作るか、Thymleaf などのテンプレートエンジンとMVCで作るか。 いずれにしてもつらいのが、機能追加やリファクタリング時にフロントエンド側を合わせて変更する場合で、どうしてもサーバ側を変更した後でフロントエンド側を対処的に修正しなければいけない
リッチな UI を Java だけで構築する Vaadin をちょっと試す〜その1〜 - A Memorandum
Vaadin とは リッチなUIをJavaだけで構築するフレームワークです。JavaScript や HTML さえ記述することなく、Swing アプリケーションを作成するノリで、RIA を構築することができます。本家での紹介をまとめると、 複雑な設定や JavaScript なしで Rich Internet Applications が素早く作成できる サーバーサイドコードで Java の柔軟性を損ねない GWT ベースのウィジェットであり、多くのブラウザをサポート 見栄えのよい魅力的なWebアプリケーションが作成でき、豊富なUIがある 保守性が高く、変更に強いアプリケーションが構築できる http://vaadin.com/home プロジェクトの作成 Vaadin は Eclipse のプラグインとして公開されており、更新サイトより簡単に導入可能です。Eclipse IDE for
JPA関連アノテーションの基本として-その2- - A Memorandum
@OneToOneアノテーション @OneToManyと@ManyToOneアノテーション Callback系アノテーション @Where @OneToOneアノテーション UserとUserAttributeが1対1の関係を作成します。 @Entity public class User { private Long id; private String name; private UserAttribute attribute; @Id @GeneratedValue(strategy = GenerationType.IDENTITY) public Long getId() { return id; } public void setId(Long id) { this.id = id; } public String getName() { return name; } publ
Spring Boot with Vaadin 〜その2 : JPA で Grid 表示〜 - A Memorandum
前回に続き、JPAで取得したデータをグリットで表示する簡単なサンプル。 blog1.mammb.com 面倒くさいので Groovy で書くことにする。 依存の追加 build.gradle にJPA関連の依存を追加する。 buildscript { repositories { jcenter() } dependencies { classpath 'org.springframework.boot:spring-boot-gradle-plugin:1.3.1.RELEASE' } } apply plugin: 'java' apply plugin: 'groovy' apply plugin: 'idea' apply plugin: 'spring-boot' repositories { jcenter() } sourceCompatibility = 1.8 targe
はじめての jQuery Mobile 1.0 〜その2：ページ遷移〜 - A Memorandum
blog1.mammb.com からの続きです。 ページ遷移時のイベント jQuery Mobile では、1つのHTMLファイルに複数のページビューを定義できます。外部ページも非同期リクエストにて取得したページビューを、既存の DOM に挿入することでページ遷移を実現します。 これによりページ遷移の度にサーバへのリクエストを行うこと無く、通信帯域の制限されたモバイル環境においてスムーズなページ遷移を可能にしています。 このような特徴があるため、jQuery Mobile では $(document).ready() といった、ページロード時のイベントと、ページ遷移(表示)時のイベントを区別して扱う必要があります。 ページの初期化には pageinit イベントを使う ディスクトップ向けに jQuery を利用する場合は、$(document).ready() にて DOM の読み込み完了
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
