常連

回答者

ベストアンサー

拍手喝采

自己紹介

家でも、rubyを使いたくてダウンロードしたのですが、sdlもダウンロードしなければならないことが分かり、とりあえず、学校のファイルをすべてコピーして家のパソコンに貼り付けたのですが、実行できません。ちなみにバージョンはruby1.9.3p551
sdlはrubysdl-2.1.1.1-mswin32-1.9.1-p245
です。
別にこのバージョンではなくてもいいのですが、インターネット等でいろいろ調べたのですが、どのサトでどのようにダ
ウンロードすればいいのか分かりません。やり方を詳しく説明してください。
後、rubysdl-2.1.1.1-mswin32-1.9.1-p245のファイルに入っていたinstall_rubysdl.rbを実行すると
install_rubysdl.rb:17:Use RbConfig instead of obsolete and deprecated Config.
mkdir -p C:/Ruby/bin
mkdir -p C:Ruby/lib\ruby/site_ruby/1.9.1
mkdir p C:/Ruby193/lib/ruby.site_ruby/1.9.1/i386-msvcrt
というエラーが出ています。
お忙しいとは思いますが、回答よろしくお願いします。
---追記
![エラー](1f785d4b274925062bfd8161cbf69913.png)
![sdl](807834af5dd7e02f2efe7e2c3c2d5d53.png)
![3](c2fa69c4e1d2b43cf53e62740e59a3be.png)

rubysdlダウンロード

こんにちは。
WPFのDataGridについて教えてください。
下記のようにcellのなかにimageを表示するのをC#で書きたいです。

```xaml
<Window x:Class="DataTableAnimation.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DataGrid x:Name="AdditionGrid" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="Status">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image x:Name="Status" Height="50" Width="50" Source="/imageDataGrid;component/Images/Ok.png"></Image>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>
```


```C#
			//AdditionGrid.Columns.Header = "Status";//<- Headerを指定できない。
			DataGridTemplateColumn dataGridTemplateColumn = new DataGridTemplateColumn();
			dataGridTemplateColumn.CellTemplate = new System.Windows.DataTemplate();
			Image okImage = new Image();
			Uri uri = new Uri(@"C:\ok.jpg", UriKind.RelativeOrAbsolute);
			BitmapImage source = new BitmapImage(uri);
			Image image = new Image();
			image.Source = source;
			dataGridTemplateColumn.CellTemplate = image;//<-この行で、System.Windows.Controls.ImageをSystem.Windows.Data.Templateに変換できないとエラー。
```
このようにしてみたのですが、Imageを表示できずにいます。
よろしくお願いします。

アドバイスよろしくお願いします。 

補足情報(言語/FW/ツール等のバージョンなど)

Microsoft Visual Studio Community 2015  
 Version 14.0.25424.00 Update 3  
 Microsoft .NET Framework  
 Version 4.6.01038  

インストールされているバージョン:Community  

Visual C# 2015   00322-20000-00000-AA575  
 Microsoft Visual C# 2015  

です。  
 よろしくお願いします。

C#でDataGridにImageを表示したい。

以下の構成において、サーバ上に存在するPythonソースコード及びPython実行環境に対して、クライアントからPythonソースコードを編集・実行したいと思っています。
現状は、Samba経由でサーバ上のソースコードにアクセスしNotepad++を使用して編集し、TeraTerm経由で実行しています。
しかし、この方法は入力補助が使えない(Notepad++はテキストエディタに毛が生えた程度)、グラフを描画できない(TeraTermでグラフィカルな描画は不可)という欠点があり、この欠点を克服する手段を模索しています。

クライアント上にサーバと同等のPython環境を構築し、ソースコードをコピーして開発後、サーバにデプロイする、といった方法はなるべくとりたくありません。

スマートな手段をご教示頂きたくお願い致します。

サーバ：Ubuntu 14.04 64bit, Python 2.7, RDP使用不可
クライアント：Windows 7 64bit
※どちらもLAN内PC
※インストールソフトに特に制限なし

## 補足事項 ##
サーバ上で動作させたい理由は、ディープラーニングの処理を高速に行いたいからです。
サーバではGPUを搭載していますが、クライアントではGPUを搭載していないため、ディープラーニングの実行に
数10倍の性能差があります。
また、単純にサーバと同等の環境を構築するのが面倒というのもあります。

理想的には、Rで言うところのRStudioのように、サーバでRStudio Serverを動かし、クライアントのブラウザ上で
開発・実行するような方法でできたら、と思っています。

Pythonのリモート開発環境

###前提・実現したいこと
yoemanのangular fullstack generator を使ってtwitter風のアプリケーションを作りたい。
###発生している問題・エラーメッセージ
generatorで作成されたソースコードがangular1.5でよく分からない。
```
エラーメッセージ
ReferenceError: Auth is not defined
    at MainController.isMyStar (main.component.js:65)

```ここに言語を入力

```ここに言語を入力
[client/app/main/main.html]

<header class="hero-unit" id="banner">
  <div class="container">
    <h1>'Allo, 'Allo!</h1>
    <p class="lead">Kick-start your next web app with Angular Fullstack</p>
    <img src="assets/images/yeoman.png" alt="I'm Yeoman">
  </div>
</header>

<div class="container">
  <br/>
  <form>
    <div class="input-group">
      <input type="text" class="form-control" placeholder="Message" ng-model="$ctrl.newThing">
      <span class="input-group-btn">
        <button type="submit" class="btn btn-primary" ng-click="$ctrl.addThing()">Add New</button>
      </span>
    </div>
  </form>

  <div ng-repeat="thing in $ctrl.awesomeThings" class="tweet">
  <div class="row">
    <h2 class="col-xs-2">
      {{thing.user.name}}
    </h2>
    <div class="arrow_box col-xs-10">
      <button ng-if="$ctrl.isMyTweet(thing)" type="button" class="close" ng-click="$ctrl.deleteThing(thing)">&times;</button>
<button ng-if="$ctrl.isMyStar(thing)" type="button" class="close" ng-click="$ctrl.unstarThing(thing)">
  <span class="glyphicon glyphicon-star" style="color: #CF7C00;" ></span>
</button>
<button ng-if="!$ctrl.isMyStar(thing)" type="button" class="close" ng-click="$ctrl.starThing(thing)"  >
  <span class="glyphicon glyphicon-star-empty"></span>
</button>

      <h2 class="message">
        {{thing.name}}
      </h2>
      <span style="float: right;">({{thing.createdAt}})</span>
    </div>
  </div>
</div>
</div>

```ここに言語を入力
コード
```
[client/app/main/main.component.js]

import angular from 'angular';
const ngRoute = require('angular-route');
import routing from './main.routes';

export class MainController {

  /*@ngInject*/
  constructor($http, $scope, socket, Auth) {
    this.$http = $http;
    this.socket = socket;
    this.$scope = $scope;
    this.Auth = Auth;

    this.isLoggedIn = Auth.isLoggedIn;
    this.getCurrentUser = Auth.getCurrentUser;
    // this.awesomeThings = [];

    $scope.$on('$destroy', function() {
      socket.unsyncUpdates('thing');
    });
  }



  $onInit() {
    this.$http.get('/api/things')
      .then(response => {
        // this.awesomeThings = response.data;
        this.awesomeThings = response.data;
        console.log(response.data)
        this.socket.syncUpdates('thing', this.awesomeThings);
      });
  }

  isMyTweet(thing){
    Auth.isLoggedIn() && thing.user && thing.user._id===Auth.getCurrentUser()._id;
  };

  isMyStar(thing){
    Auth.isLoggedIn() && thing.stars && thing.stars.indexOf(Auth.getCurrentUser()._id)!==-1;
};


  starThing(thing) {
      this.$http.put('/api/things/' + thing._id + '/star').success(function(newThing){
          this.awesomeThing[this.awesomeThings.indexOf(thing)] = newThing;
          });
        };


  unstarThing(thing) {
    this.$http.delete('/api/things/' + thing._id + '/star').success(function(newThing){
      this.awesomeThings[this.awesomeThings.indexOf(thing)] = newThing;
    });
  };




  addThing() {
    if (this.newThing) {
      this.$http.post('/api/things', {
        name: this.newThing
      });
      this.newThing = '';
    }
  }

  deleteThing(thing) {
    this.$http.delete('/api/things/' + thing._id);
  }
}

export default angular.module('babelApp.main', [ngRoute])
  .config(routing)
  .component('main', {
    template: require('./main.html'),
    controller: MainController
  })
  .name;
```ここに言語を入力
コード
```


[server/api/thing/thing.controller.js:]


'use strict';

import jsonpatch from 'fast-json-patch';
import Thing from './thing.model';

function respondWithResult(res, statusCode) {
  statusCode = statusCode || 200;
  return function(entity) {
    if(entity) {
      res.status(statusCode).json(entity);
    }
  };
}

function patchUpdates(patches) {
  return function(entity) {
    try {
      jsonpatch.apply(entity, patches, /*validate*/ true);
    } catch(err) {
      return Promise.reject(err);
    }

    return entity.save();
  };
}

function removeEntity(res) {
  return function(entity) {
    if(entity) {
      return entity.remove()
        .then(() => {
          res.status(204).end();
        });
    }
  };
}

function handleEntityNotFound(res) {
  return function(entity) {
    if(!entity) {
      res.status(404).end();
      return null;
    }
    return entity;
  };
}

function handleError(res, statusCode) {
  statusCode = statusCode || 500;
  return function(err) {
    res.status(statusCode).send(err);
  };
}

// // Gets a list of Things
// export function index(req, res) {
//   return Thing.find().exec()
//     .then(respondWithResult(res))
//     .catch(handleError(res));
// }
//

// Gets a list of Things
export function index(req, res) {
  return Thing.find().sort({_id:-1}).limit(20).exec()
    .then(respondWithResult(res))
    .catch(handleError(res));
}

// Gets a single Thing from the DB
export function show(req, res) {
  return Thing.findById(req.params.id).exec()
    .then(handleEntityNotFound(res))
    .then(respondWithResult(res))
    .catch(handleError(res));
}

// Creates a new Thing in the DB
export function create(req, res) {
  req.body.user = req.user;
  return Thing.create(req.body)
    .then(respondWithResult(res, 201))
    .catch(handleError(res));
}



// Upserts the given Thing in the DB at the specified ID
export function upsert(req, res) {
  if(req.body._id) {
    delete req.body._id;
  }
  return Thing.findOneAndUpdate(req.params.id, req.body, {upsert: true, setDefaultsOnInsert: true, runValidators: true}).exec()

    .then(respondWithResult(res))
    .catch(handleError(res));
}

// Updates an existing Thing in the DB
export function patch(req, res) {
  if(req.body._id) {
    delete req.body._id;
  }
  return Thing.findById(req.params.id).exec()
    .then(handleEntityNotFound(res))
    .then(patchUpdates(req.body))
    .then(respondWithResult(res))
    .catch(handleError(res));
}

// Deletes a Thing from the DB
export function destroy(req, res) {
  return Thing.findById(req.params.id).exec()
    .then(handleEntityNotFound(res))
    .then(handleUnauthorized(req, res))
    .then(removeEntity(res))
    .catch(handleError(res));
}

// exports.star = function(req, res) {
export function star(req,res) {
  Thing.update({_id: req.params.id}, {$push: {stars: req.user._id}}, function(err, num){
    if (err) { return handleError(res)(err); }
    if(num===0) { return res.send(404).end(); }
    exports.show(req, res);
  });
};

// exports.unstar = function(req, res) {
export function unstar(req,res) {
  Thing.update({_id: req.params.id}, {$pull: {stars: req.user._id}}, function(err, num){
    if (err) { return handleError(res)(err); }
    if(num === 0) { return res.send(404).end(); }
    exports.show(req, res);
  });
};

function handleUnauthorized(req, res) {
  return function(entity) {
    if (!entity) {return null;}
    if(entity.user._id.toString() !== req.user._id.toString()){
      res.send(403).end();
      return null;
    }
    return entity;
  }
}

```ここに言語を入力
コード
```

[server/api/thing/index.js:]

'use strict';

var express = require('express');
var controller = require('./thing.controller');

var router = express.Router();

var auth = require('../../auth/auth.service');

router.get('/', controller.index);
router.get('/:id', controller.show);
router.post('/', auth.isAuthenticated(), controller.create);
router.delete('/:id', auth.isAuthenticated(), controller.destroy);

router.put('/:id/star', auth.isAuthenticated(), controller.star);
router.delete('/:id/star', auth.isAuthenticated(), controller.unstar);

module.exports = router;```




```

###試したこと
課題に対してアプローチしたことを記載してください
[twitte風のアプリケーションを作る](http://paiza.hatenablog.com/entry/2015/07/09/1%E6%99%82%E9%96%93%E3%81%A7Twitter%E9%A2%A8%E3%83%95%E3%83%AB%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%83%BBWeb%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%82%92%E4%BD%9C%E3%82%8B%EF%BC%81-_MEAN%E3%82%B9)

このサイトを参考に作りましたが、angularjsのバージョンが古い時のもので書かれています。
main.htmlで
<button ng-if="$ctrl.isMyTweet(thing)" type="button" class="close" ng-click="$ctrl.deleteThing(thing)">&times;</button>

このように記述しましたが、認証されても、ボタンんが表示されない。

ng-ifを消して、とりあえずお気に入りボタンを押してみたら
```ここに言語を入力
  starThing(thing) {
      this.$http.put('/api/things/' + thing._id + '/star').success(function(newThing){
          this.awesomeThing[this.awesomeThings.indexOf(thing)] = newThing;
          });
        };


  unstarThing(thing) {
    this.$http.delete('/api/things/' + thing._id + '/star').success(function(newThing){
      this.awesomeThings[this.awesomeThings.indexOf(thing)] = newThing;
    });
  };
```
この部分のawesomeThingsがundefinedというエラーがブラウザのconsoleに出てしまいます。
どなたか、どこが違うのか、
または、この参考にしたサイトのangular1.5の書き方で教えてくれないでしょうか。

バージョンは
node v6.3.1
npm v3.10.6
generator-angular-fullstack@4.0.0-rc.0 
です。