tyoshikawa1106のブログ

- Force.com Developer Blog -

Angular

SFDC:NG-LIGHTNINGを試してみました

Angular2を使った開発でLightning Design Systemを利用できるNG-LIGHTNINGを試してみました。 ng-lightning - Native Angular 2 components and directives for Lightning Design System 使い方はトップページのGetting startedに記載されています。 ヘッダ…

SFDC:Salesforce Development 2016 - Part 2

Salesforce Development 2016 - Part 1の記事の続きです。Part 1でSalesforceプロジェクトの作成からGitリポジトリの準備、gulp-jsoforce-deployによる静的リソースへのデプロイを確認しました。今回はAngularJSをつかってVisualforceページを作成するときの…

SFDC:DreamHouse Web Appを試してみました

TrailheaDXで発表されたDreamHouseを試してみました。 今回試してみたのはdreamhouse-web-appです。 Herokuボタンも用意されているので自分の環境で簡単に動作確認することができます。 Herokuにデプロイするとこんなアプリが表示されました。 Node / Angula…

Angular2 Quick Start Tutorial 2016の動画

良さそうです。

Angular 2 StarterとAngular 2 Style Guideについて確認してみました

Angular 2 StarterとAngular 2 Style Guideについて確認してみました。Angular2の基本的な使い方はQuick StartとTutorialで確認できましたが、実際にアプリ開発を進めていく場合、どのようなファイル構成にすればいいのかなとなりました。 Angular 2 Starter…

Angular2のTutorialをやってみました

Angular2のTutorialをやってみました。Quick Startで用意したコードからの続きになります。 Tutorial: Tour of Heroes - ts Quick Startでは空のままだったアプリケーションロジック部分の実装を確認できます。また、service.jsやRoutingの設定、複数コンポ…

Angular2のQuick Startをやってみました

GulpにWebpackとビルドツールの使い方をなんとなく理解できてきたので、Angular2のQuick Startをやってみました。 5 Min Quickstart - ts 1. Download the code QuickStart用にサンプルコードが用意されています。これをダウンロードして進めていけばいいみ…

SFDC:S1アプリ開発と$rootScope:inprogエラー (AngularJS × RemoteAction)

Salesforce1アプリ開発でAngularJsとRemoteActionをつかっていたときに、$rootScope:inprogエラーに遭遇しました。 このエラーは、applyメソッド呼び出しがあり、 更新処理が多重実行されてしまったときに発生するみたいです。 今回のケースでは、inputフィ…

SFDC:S1アプリ開発とスクロールがトップに戻る問題の回避方法

Salesforce1アプリ用にVisualforceページを開発しようとすると、スクロールがトップに戻される問題に遭遇します。 この問題はiOS版のSalesforce1アプリで発生するみたいです。回避方法がこちらで紹介されていました。 Salesforce1 - page automatically scro…

SFDC:RemoteActionから日付と日時を登録する方法

Visualforceのapexタグをつかってデータ登録するときは、データ型とか特に意識する必要はありませんが、JavaScript Remotingな画面開発ということでRemoteActionをつかって日付/日時を登録する場合は、すこし意識することがあります。 たとえば日付型のsObje…

SFDC:Visualforce × AngularJSとautoscrollについて

AngularJSをつかってシングルページアプリケーションを開発するときですが、何も気にせず実装すると画面遷移時にスクロール位置がそのままになってしまいます。 ↓ ↓ ↓ どうすればスクロール位置を上に戻せるのかなと検索したところ、stackoverflowで解決方法…

SFDC:【改良版】RemoteActionと複数ファイルのアップロードについて

少し前にRemoteActionをつかってファイルアップロードする方法についてブログにまとめました。 SFDC:AngularJSでファイル添付ができるVFページをつくってみました SFDC:RemoteActionと複数ファイルのアップロード これを書いた後ですが、テストのときに大…

SFDC:AngularJSのng-patternと正規表現をつかった電話番号の入力チェックについて

AngularJSのng-patternをつかった電話番号の形式チェックで正規表現がうまく書けなくて悩んでいたのですが、やりたかったことがそのまま解説された記事がQiitaで公開されていました。 正規表現を簡単に検証できるサイトはこちらとのことです。 正規表現の読…

SFDC:AngularJSのng-disabledでボタンの連続クリック操作をブロックする

保存ボタンをクリックするときですが、連続でクリックされて処理が複数回実行されないようにブロックしなくてはいけないケースがあると思います。AngularJSの場合、ng-disabledで簡単に対応することができます。 サンプルです。デフォルトではLockボタンが活…

SFDC:RemoteActionと複数ファイルのアップロード

JavaScript Remotingでファイルの一括アップロードする方法についてです。input type="file"にmultiple属性を宣言することで一括アップロードが可能になります。accept属性でアップロード対象を特定のファイル種別に絞込できます。 <input type="file" name="attamentFile[]" id="attamentFile" multiple="multiple" accept="image/*" />セットしたファイル情報は…

SFDC:VisualforceとAngularJSで登録ページをつくってみました

VisualforceとAngularJSで入力ページをつくってみました。CSS部分はLightning Design Systemを利用していています。 apexタグに頼らないJavaScript Remoting中心の作りになっています。 ページ構成 ページ構成は以下のとおりです。 AngularValidation.page …

AngularJSのTemplateで使える機能

AngularJSのTemplateで使える機能について書籍などで確認してみました。 ngApp ngAppを設定すると、自動でAngulerJSが実行されます。これは各htmlにつき、ひとつずづだけ設定してください。 ng-app="ApplicationModule" ngBind ngBindは指定してテキストを、…

Ionic BlogのAngular 2 Series: Componentsを読んでみました

Angular 2 Series: Components | The Official Ionic Blog Ionic BlogのAngular 2 Series: Componentsを試してみました。Angular 2 Seriesの記事の第二回目です。 最初は『The death of scope』という話から。Angular2が発表されたときにけっこう批判とかあ…

Ionic Blogで紹介されていたAngular 2 Series: Introductionを試してみました

Ionic BlogのAngular 2 Series: Introductionという記事でAngular2のQuick Startについて紹介されていたので試してみました。最初、Ionicで動かすものかと思ったのですが、今回の記事ではIonicに関係なくAngurar2の紹介となっていました。 ちなみにAngular2…