Clik here to view.
webpackのチュートリアルをやってみました
公式サイトのTutorialページを見ながらwebpackの使い方を確認しました。webpackとはgulpと同じでJSファイルなどのビルドツールとのことです。tutorials/getting-startedwebpackのインストール次のコマンドでwebpackコマンドを利用できるようにします。$ npm install webpack...
View ArticleClik here to view.
TypeScript：Quick Startをやってみました
TypeScriptのQuick Startをやってみました。Quick StartはメニューのDocumentationからアクセスできます。TypeScript - JavaScript that scales.TypeScriptのインストール$ npm install -g typescriptインストール後は次のコマンドでバージョンを確認できます。$ tsc...
View ArticleClik here to view.
Node：nodebrewでv6.0.0にアップデートしてみました
Nodeにバージョン6.0.0が登場していたので、nodebrewでアップデートしてみました。作業開始前に一応チェック。$ brew update $ brew doctor v6.0.0がインストールできるか確認。$ nodebrew ls-remoteインストール実行。$ nodebrew install-binary...
View ArticleClik here to view.
gulp-connectとgulp-webserver
Gulpについての勉強中にgulp-connectというライブラリがでてきたので、どういうものか確認してみました。簡単に開発用Webサーバーを用意できる便利なライブラリとのことです。使い方はQiitaの記事を参考にさせてもらいました。一年前の記事でしたが、追記があって、gulp-connectはdeprecateされたのでgulp-webserverを利用しましょうとありました。インストールはこんな...
View ArticleClik here to view.
Gulpタスクの実行順序を指定する方法についてのメモ
Gulpの勉強でTypeScriptファイルをコンパイル後にJSファイルに圧縮するという処理を試してみたのですが、Gulpのタスクは通常並列処理されるので順番指定したいなと思いました。何かいい方法はないかと検索してみたところQiitaに探していた方法について紹介されていました。『run-sequence』を利用すればいいみたいです。Qiitaの方でサンプルコードの紹介もあったのでそれを参考に試してみ...
View ArticleClik here to view.
TypeScript：型定義ファイル(~.d.ts)の使い方
TypeScriptのサンプルを試していると『d3.d.ts』というようなファイルがでてきました。これは何かなと検索してみるとTypeScriptで使える型定義ファイルとのことです。TypeScript内でD3の書き方を利用したりJQueryを利用したりする際に必要になるみたいです。使用するにはtsdコマンドを利用できるようにしておくと便利みたいです。$ npm i -g...
View ArticleClik here to view.
Angular2のQuick Startをやってみました
GulpにWebpackとビルドツールの使い方をなんとなく理解できてきたので、Angular2のQuick Startをやってみました。5 Min Quickstart - ts1. Download the codeQuickStart用にサンプルコードが用意されています。これをダウンロードして進めていけばいいみたいです。GitHubに公開されているのでgit cloneコマンドで取得できます。$...
View ArticleClik here to view.
Angular2のTutorialをやってみました
Angular2のTutorialをやってみました。Quick Startで用意したコードからの続きになります。Tutorial: Tour of Heroes - ts Quick...
View ArticleClik here to view.
Angular 2 StarterとAngular 2 Style Guideについて確認してみました
Angular 2 StarterとAngular 2 Style Guideについて確認してみました。Angular2の基本的な使い方はQuick StartとTutorialで確認できましたが、実際にアプリ開発を進めていく場合、どのようなファイル構成にすればいいのかなとなりました。Angular 2...
View ArticleClik here to view.
SFDC：react-lightning-design-systemのデモアプリを動かしてみました
だいぶ前から公開されているものですが、react-lightning-design-systemのデモアプリを動かしてみました。ReactとLightning Design Systemを組み合わせを確認できます。GitHub - stomita/react-lightning-design-system: Salesforce Lightning Design System components...
View ArticleSalesforce World Tour Washington, D.C. Keynote 2016
ワシントンDCで行われたSalesforce World Tour 2016の動画が公開されたみたいです。
View ArticleClik here to view.
Google Keep Chrome 拡張機能を試してみました
Google Keep Chrome 拡張機能を試してみました。URLをちょっとメモに残しておきたい時に活躍します。Google Keep Chrome Extension - Chrome Web...
View ArticleClik here to view.
Heroku：React Starter Kitを試してみました
React Starter Kitというのがあったので、ちょっと確認してみました。以下の手順でアプリを起動してみることができます。$ git clone git@github.com:kriasoft/react-starter-kit.git $ cd react-starter-kit/ $ npm i $ npm startデモアプリはこんな感じ。ページ遷移も利用できます。React...
View ArticleClik here to view.
SFDC：Lightning ComponentとCommunity Builder
Lightning ComponentはAppBuilderなどで利用できますが、Community Buiderでも利用することができます。利用したい場合は、『implements』の宣言が必要になります。<aura:component implements="forceCommunity:availableForAllPageTypes" access="global">...
View ArticleClik here to view.
SFDC：Community BuilderのプレビューモードとCSS
CSSのbackgroundをつかって背景画像を表示するということはよくあると思います。background: url(/resource/LEX_Library/Images/salesforce-logo-sfxHeader.png)...
View ArticleClik here to view.
SFDC：Lightning CLI Heroku Pluginを試してみました
2016年4月にLightning CLI Heroku Pluginというツールが公開され、Salesforce Developer Blogで紹介されていました。このツールを利用すると開発しているLightning Componentのセキュリティチェックてきなことができるみたいです。Lightning CLI Heroku Plugin | Salesforce Developers...
View ArticleClik here to view.
Heroku：WebSockets in Rails 5 with Action Cableを試してみました
HerokuのブログにRails5をつかったデモアプリについての記事が公開されていたのでちょっと試してみました。Getting Started: Application ArchitectureHeroku Buttonも用意されていて自分の環境で簡単に動かすことができるみたいです。Sign...
View ArticleRails：バージョンを下げる方法のメモ
Railsのβ版を試してみた後に元に戻そうと思ったのですが、方法が分からなくて検索したのでメモです。Qiitaに投稿されていた方法の通りにやってうまくいきました。いろいろ難しい。。
View ArticleClik here to view.
Node：JadeテンプレートでJavascriptとCSSを読み込む方法
Node.jsで開発するときに、Jadeテンプレートというのが用意されています。普通のHTMLとはちょっと書き方が違ったりします。例えばこんな感じ。--- title: React.js Starter Kit component: ContentPage --- div div h3 Runtime Components dl dt <a...
View Article