話題のFluxアーキテクチャをES5のAngularJSで書いてみた
先日、HTML5j エンタープライズ部のメンバーと最近気になっていた Flux アーキテクチャについて味見してみました。 巷の AngularJS のサンプルは ES6 で書かれたもの多いので、実務でも使える ES5 で書きなおしてみました。 デモはこちら Angular Flux ES5 コードはこちら mitsuruog/angular-flux-es5 Flux の...
先日、HTML5j エンタープライズ部のメンバーと最近気になっていた Flux アーキテクチャについて味見してみました。 巷の AngularJS のサンプルは ES6 で書かれたもの多いので、実務でも使える ES5 で書きなおしてみました。 デモはこちら Angular Flux ES5 コードはこちら mitsuruog/angular-flux-es5 Flux の...
How to create new own controls in OpenUI5(Part 2) 前回に引き続き、OpenUI5 にてカスタム UI コントロールを作成する方法の後編です。今回のパートは「既存の UI を拡張する」方法についてです。 今回のデモはこちらで参照できます。 https://mitsuruog.github.io/sapui5-showroom/#/cont...
How to create new own controls in OpenUI5(Part 1) OpenUI5 は UI フレームワークという名前の通り、多くの優れた UI コントロールを持っていますが、場合によっては少しカスタムして使いたいという要望は時々あります。 さて、OpenUI5 にてカスタム UI コントロールを作成する方法は「新規で作成する」「既存の UI を拡張する...
自分用メモです。 git reset --hard origin/work git push -f origin master work ブランチで作業していて、コミットログをきれいにしようとして rebase するのですが、ぶっちゃけ個人用リポジトリ(※)なので、master の中途半端なコミットログも最初まで rebase して、master に強制マージ&プッシュする場合...
昨年より IT 系のハンズオンをそれなりの回数行ってきて、良かったものから失敗まで様々経験した中で、ノウハウがたまってきましたので、気をつけるべきポイントを 6 つまとめてみたいと思います。 過去のハンズオンで記事にしているものは次の通りです。 Web Components ハンズオンをやってみた SIer で Node.js 初心者を集めてハンズオンをやってみたという夢のある...
2014/09/09 に美人で有名なおだんみつさんのいる21cafeで「エンタープライヤーのための Web Components ハンズオン」を開催しました。内容は「Web 名刺」を Web Components で作るというものです。 Web Components についての解説記事はそこそこ出てきましたが、ハンズオンだと国内初の試みかと思います。それなりに難しい技術に関するハンズオンで...
AngularJS への改宗が完了した「mitsuruog」です。 AngularJS に限らず Single page application(以下、SPA)を構築した場合、認証(Authenticate)とその後の WebAPI での証明情報(Credential)の受け渡し方法について最近悩んでいます。 調べていたら Json Web Token(以下、JWT)を利用した方法がCook...
How to internationalize the smart in OpenUI5/SAPUI5 エンタープライズ利用を想定した「OpenUI5」には、企業システムで有用な多くの UI コンポーネントを持っています。 しかし、OpenUI5 の価値は豊富な UI だけではありません。OpenUI5 の本当の価値は、エンタープライズ利用を想定した HTML5 ベースのアプリケーション...
国内での OpenUI5 の注目度の低さに涙が出そうです。でも頑張ります。 今回は「OpenUI5 と OData を使ってどのように Web システムを作成するか」というチュートリアルを作って見ました。 内容はこちらです。 https://mitsuruog.github.io/Openui5-with-OdataService/ Gtihub: https://github.com/...
SAPUI5/OpenUI5 関連の小ネタです。 複数のプロパティをデータバインドする方法についてです。 XMLView の場合、複数プロパティは以下のように割と簡単に実現できるのですが、JSView の場合はどうすればいいのでしょうか? <text text="{Width} x {Depth} x {Height} {DimUnit}"></text> ...