Category Archives: Javascript

[GCE][DevOps][Docker] Google Compute EngineでDockerを試す

By |1月 15, 2014|CI, DevOps, Javascript, |

今年はImmutable Infrastructureの年だそうです。PaaSしか使わない人にはあまり関係ないかもしれませんが、IaaSからインフラを構築してサービスを提供するような場合は興味深い分野ではあります。このImmutable Infrastructureを具体的に実現するツールとしてDockerが上げられます。Dockerについては仮想環境構築に docker を使うが詳しいです。端的に言うと以下のような感じですかね

Read More

[AWS][SWF] AWS SWF(Simple Workflow Service)をNode.jsで試してみた

By |1月 10, 2014|AWS, Javascript, Node.js, |

あけましておめでとうございます。本年もよろしくお願いします。さて、年末から分散するシステム(コンポーネント)の連携処理を綺麗に管理する方法を模索してまして、今回はAWSのSWF(Simple Workflow Service)を試してみます。多分、実装より概念を理解する方が大変だと思いますがクラスメソッドさんのAmazon Simple Workflow Service (SWF) 入門が詳しいので御覧ください。すごく乱暴に言うとdeciderとworkerがSWFを介して処理のキャッチボールをしてるような感じです。

Read More

[salesforce][DevOps][CI] CasperJSを利用したキャプチャ取得

By |12月 10, 2013|CI, DevOps, Javascript, salesforce, |

Force.com Advent Calendarの10日目として執筆させて頂きました。

CasperJSは前に当ブログでも紹介したphantomJSやSlimerJSといったヘッドレスブラウザの上で動作するユーティリティです。
今回はwindows環境にさくっとセットアップを行い動かしてみました。

インストール方法は他サイトが多数ありますので詳細は割愛させて頂きますが、phantomjs.exeとcasperjs.batをダウンロードしてパスを通しただけです。(本家にはpythonが必要とあり試したPCにもインストールされています)
今回は下記ステップをシミュレートしています。
1.Salesforceにログイン
2.ダッシュボードタブをクリックしダッシュボードページに遷移し
3.ダッシュボードヘッダーのキャプチャを取得(更新前)
4.更新ボタンをクリック
5.ダッシュボードヘッダーのキャプチャを取得(更新後)
基本的にSalesforceページのタグに付与されているid/classを利用してページの操作を行っています。
ポイントとしてはSalesforceではアカウントを作成した後、別IPなどでログインを試みると確認コードによる認証が必要となります。
なので最初の起動では確認コードの送信処理のみを行います。
メールで確認コードを取得したら–checkcodeパラメータに確認コードを渡して再度起動します。
キャプチャでは特定の部品のみ指定する事が可能なので、今回は更新時間の違いを確認するためダッシュボードヘッダーの部分のみキャプチャしました。
またLinux環境でも上記コードを利用して試してみましたが問題なく動作しました。
(Linux環境では日本語の文字化け対応のためIPAフォントをインストールしました。)

今回はお試しで動かしてみましたが、Salesforce自体のメンテナンス時などはガイダンスなどが表示されるため、起動部分にはもう一工夫必要です。今度Salesforceのメンテナンスのガイダンスが確認できた際に試してみたいと思います。

Read More

[salesforce] GoInstant API + force.com でブラウザ共有

By |12月 5, 2013|Javascript, salesforce, |

Dreamforce’13 で発表された Salesforce1 API の中に GoInstant API というものがあります。GoInstant とはブラウザ共有サービスです。以下の2つのフォームを別タブで開いて片方のタブのフォームを編集してみると、もう片方に編集内容がリアルタイムに共有される、というのが基本です

Read More

[salesforce][DevOps][CI] force.comでGruntを利用したフロント開発

By |11月 12, 2013|CI, DevOps, Javascript, Node.js, salesforce, |

以前のエントリーでGrunt(grunt-force)を使ってforce.comへデプロイ紹介させて頂きましたが、今回は実際にフロントエンドの開発部分の利用方法を紹介させて頂きます。

force.comにおいてもSingle Page Application (SPA) Aarchitectureが定着してくると、JSやCSSの比重が大きくなりが1つのファイルで管理する事が難しくなってきます。
coffeescriptやscssなどを利用することでコードの記述量も減り、見やすいコードで開発する事が可能になります。
またgruntにはgrunt-contrib-watchといった対象ファイルを監視して自動的にコンパイルを行ってくれる便利なモジュールもありますので興味がある方はぜひ試してみてください。

Read More

[salesforce][SPA][AngularJS] AngularJS+force.comでSingle Page Application

By |11月 6, 2013|Javascript, salesforce, SPA, |

さて、前回の[salesforce][SPA] force.comでSingle Page Applicationの続きとして今回はAngularJSを活用する例をご紹介します。作成するアプリケーションの仕様としては取引先の一覧画面があって任意の取引先名をクリックすると詳細画面が開くという、Salesforce標準のViewから詳細画面のような流れを実装してみます

Read More

[salesforce][SPA] force.comでSingle Page Application

By |10月 29, 2013|Javascript, salesforce, SPA, |

最近はモバイルアプリケーションによる新しいユーザ体験を業務アプリケーションでも活用したいとか、業務アプリケーションへモバイルアクセスした場合はモバイル端末に最適化されたユーザインターフェイスで表示したいなど、フロントエンドにおけるユーザの高度な要求が増えてきました

Read More

[CI][DevOps] Yeomanでフロントエンド自動リロード

By |8月 15, 2013|CI, DevOps, Javascript, Node.js, |

YeomanはGruntとBowerを内包するツールで、Yeoman自体はアプリケーションのひな形を作成するscaffoldingを提供するツールであり、Gruntは前回ご説明した通りビルドツール、BowerはJavascriptライブラリを管理するツールです。それぞれ独立して開発されていてYeomanからGruntもBowerも扱えるようなイメージです

Read More

[salesforce][DevOps][CI] Grunt(grunt-force)を使ってforce.comへデプロイ

By |8月 8, 2013|CI, DevOps, Javascript, Node.js, salesforce, |

Gruntはいわゆるデプロイツールと呼ばれるツールです。デプロイツールとは端的に言いますとデプロイに必要な作業を自動化してくれるツールです。force.com開発では「デプロイ、デプロイ」良く言いますので言葉としてそんなに違和感ないと思います。開発チームによっては「デプロイ=修正した内容のforce.comへの転送」と単純な場合はIDEからのデプロイで事足りますが、Javascriptの構文チェックやJSファイルの結合/圧縮、less/scss (sass) + compassでCSSを生成してみたり、デプロイの度にテストを実行したり、バージョン管理をしていたりするチームですとデプロイの度にやることいっぱい!ということになります

Read More

[salesforce][AngularJS ] force.comでAngular.jsを覚える

By |5月 28, 2013|Javascript, salesforce, |

以前からAngular.jsのAngularJS Hello Worldを見た感動をforce.com開発にも適用したいと思ってたんですが、VisualforcePageはHTMLのカスタム属性NGだったので「ダメじゃん」と諦めていました。しかし先日developerforceにAngularJS and ngForce: More Fun in the Javascript Playgroundという記事が上がったので早速中身を見てforce.comでのAngular.jsの活用方法を整理してみました

Read More