SAPUI5/OpenUI5 を使った場合、SAP のバックエンドのデータと、様々なオープンデータや Web サービスを組み合わせてクライアントマッシュアップさせたくなります。 （今回は OpenUI5 を使いました。） まず定番は GoogleMap でしょうか・・・ 普通に Page に Map を表示するサンプルは探せばあるのですが、ダイアログで Map を表示するサンプルが無かった...

小ネタです。 SAPUI5/OpenUI5 では UI コントロールのイベント（press、tap、select など）が発火した場合、Controller にあるイベントハンドラを実行するような処理をよく書きます。 この時にイベントハンドラに、自分がセットしたパラメータを渡したいケースがたびたびあるのですが、やっと方法が分かったのでメモしておきます。 目次 1.イベントインターフ...

Backbone.js や AngularJS に代表される JavascriptMV＊系で構築された SPA（Single page application）は、Struts などで構築された従来の Web アプリケーションと異なり、1 つの HTML5 の中に複数画面（View）を持ち、画面遷移時に Javascript にて View を切り替えるため、通常はブラウザのリフレッシュを伴...

2014/5/19 にHTML5funの立ち上げイベントで話す機会をいただきまして、「エンタープライズでの HTML5」について最近思うことを、割と自由に話してきました。イベント開催レポートはこちらです。 HTML5fun -全国に HTML5 の楽しさを- また、2014/5/22 に行ったJava Day Tokyo 2014での内容も絡めて、少し補足したいと思います。 ...

先日、SAPUI5 のバージョンが 1.20 になりました。 SAPUI5 にて UI 部品が多い View を構築する場合、すぐに 1000 行を超えるような巨大 Javascript ファイルになってしまうのですが、Fragments と呼ばれる UI をパーツ化して再利用するための機能があります。 今回は、この Fragments について実際の利用シーンをイメージしながら紹介しま...

様々な Web サービスをフロント側で組み合わせて 1 つのアプリケーションを作成することを「クライアントマッシュアップ」と言います。クライアントマッシュアップを行う上で避けて通れないのが、様々なドメインのリソースをフロント側で利用する場合の同一生成元ポリシー違反です。 同一生成元ポリシー違反の回避方法は色々あるのですが、今回は Fiddler2 を用いたリバースプロキシで回避する方法を紹...

最近、Javascript の実装なるべく楽したいので、CoffeeScript を書いています。 当然、ブラウザは CoffeeScript を解釈できないため、Javascript にコンパイルする必要があるのですが、やっぱここでも Grunt です。 Grunt での CoffeeScript のコンパイル方法について、個人的に調べたので少しまとめます。 シンプル（1-...

SAP 社では 2013 年 12 月にSAP Mobile Platform - Wikipediaを公開しており、本格的に HTML5 に力を入れてきました。 今回はその流れの中で、SAP のモバイル戦略を下支えする HTML5 ベースの UI フレームワーク「SAPUI5」を少し触ってみます。 SAPUI5 とは SAPUI5 とは「SAP UI Development T...

デブサミ 2014のエンタープライス向けのショートセッションにて 10 分間という短い時間ですが、私の「Story」「Action!」についてお話させていただきました。 Yet Another Your Story (Enterprise TED 3) https://event.shoeisha.jp/devsumi/20140213/session/401/ 講演前の TED...

Bootstrapの小ネタです。 BootstrapにはModalというダイアログを表示する機能が内包されています。この Modal を表示する際にパラメータを渡す方法について調べました。 ユースケースとしては、一覧から詳細ダイアログを開く際にパラメータを渡す場合などでしょうか。 Modal にパラメータを渡す方法は昔から議論されていて、最近まで変更がされているようです。Gith...