Computer Technology archive

Sitecore,C#,AngularJs,redis

AngularJsを使ってみる(1)

はじめに

AngularJsに興味がありサンプルを作りました。

コードはチュートリアルを改造して作りました。公開します。

 

<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.4/angular.min.js"></script>
</head>
<body>
<div ng-init="urlList = [{url:'http://www.goo.ne.jp/', name:'goo'},
 {url:'http://www.google.co.jp', name:'Google'},
 {url:'http://www.msn.co.jp', name:'MSN'},
 {url:'http://www.yahoo.co.jp', name:'Yahoo'}]">
</div>
Search Site Search:
<input ng-model="searchText.name">
<div ng-show="searchText.name">
<table id="searchTextResults">
<tr>
<th>Url</th>
<th>Name</th>
<th>Link</th>
</tr>
<tr ng-repeat="urlData in urlList | filter:searchText:strict">
<td>{{urlData.url}}</td>
<td>{{urlData.name}}</td>
<td><a href="{{urlData.url}}">{{urlData.name}}</a></td>
</tr>
</table>
</div>
</body>
</html>

簡単なフィルター処理です。

<div ng-show="searchText.name">

で入力がある場合はフィルターしたデータを表示させています。

WindowsでRedisを試してみる

はじめに

キャッシュ等に利用される事が多い、処理速度の早いNoSQL「Redis」を Windowsのデスクトップで試しに動かしてみる場合の手順を詳細します。

手順

①redisのバイナリーをダウンロード

redis/bin/release/redisbin64.zip at 2.6 · MSOpenTech/redis · GitHub

 ※2013年11月時点の最新版
②ファイルを解凍

③サーバーアプリを起動

 redis-server.exeをダブルクリック

④クライアントから操作

 redis-cli.exeをダブルクリック

 

Redisを試しに使ってみるだけであれば、手順は上記手順で出来ます。

 

DropBoxを開発で使う

はじめに

開発をする際に公開して確認したい時もあると思います。

モック等。その際にDropBoxのPublicが役に立ちます。

ですが、初期設定ではPublicは使えないので、

使えるように設定する必要があります。

 

1.設定

DropBoxで新規アカウント作成後、以下のページをクリック。

Dropbox - Sign in

2.解説

Publicフォルダー有効後はHtmlファイルもWebサーバーにアクセスしたように

表示されます。