F.E.A.R.2 バグ画像と最近のゲームのスクショ

f:id:surume_Reflection:20170220013833j:plain


F.E.A.R.2 バグ画像

PC版とPS3の両方で最初のエレーベーターを上がった屋外のシャッター左で壁通過を確認

f:id:surume_Reflection:20170220013957j:plain f:id:surume_Reflection:20170220014012j:plain f:id:surume_Reflection:20170220014029j:plain f:id:surume_Reflection:20170220014044j:plain f:id:surume_Reflection:20170220014107j:plain f:id:surume_Reflection:20170220014115j:plain f:id:surume_Reflection:20170220014129j:plain f:id:surume_Reflection:20170220014135j:plain f:id:surume_Reflection:20170220014154j:plain f:id:surume_Reflection:20170220014202j:plain f:id:surume_Reflection:20170220014251j:plain f:id:surume_Reflection:20170220014300j:plain f:id:surume_Reflection:20170220014218j:plain

homesick画像

こういうのもいいな、働きたくないでござる

f:id:surume_Reflection:20170220013846j:plain

f:id:surume_Reflection:20170220013903j:plain

f:id:surume_Reflection:20170220013908j:plain

f:id:surume_Reflection:20170220013921j:plain

ディスガイア1画像



f:id:surume_Reflection:20170220014525p:plain

f:id:surume_Reflection:20170220014515p:plain

1は中二要素なくて純粋にストーリーとかキャラが良かった


f:id:surume_Reflection:20170220014546p:plain

日向電工しりとり終わりか?

www.nicovideo.jp

眠いので明日…

月の民よ太陽に焼かれるなら反転せよ

任天堂の株価をJSでグラフ化してみた

暇だったので株価データグラフ化してみた。
2016/07になにが起こったんだwポケモンGoか? f:id:surume_Reflection:20170212233729p:plain


<head>
  <title>任天堂株価</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.min.js"></script>
</head>
<body>
  <script type="text/template" id="Nintendo_stock_price">
    [
       {  "日付" : "2017-01-04",  "始値" : "24540",  "高値" : "24545",  "安値" : "24330",  "終値" : "24480",  "出来高" : "1437600",  "終値調整値" : "24480"  },
       {  "日付" : "2017-01-05",  "始値" : "24555",  "高値" : "24840",  "安値" : "23875",  "終値" : "24085",  "出来高" : "2546200",  "終値調整値" : "24085"  },
       {  "日付" : "2017-01-06",  "始値" : "24000",  "高値" : "24215",  "安値" : "23920",  "終値" : "24050",  "出来高" : "1443500",  "終値調整値" : "24050"  },
       {  "日付" : "2017-01-10",  "始値" : "24490",  "高値" : "24530",  "安値" : "24185",  "終値" : "24370",  "出来高" : "1725900",  "終値調整値" : "24370"  },
       {  "日付" : "2017-01-11",  "始値" : "24650",  "高値" : "25350",  "安値" : "24580",  "終値" : "25145",  "出来高" : "3224400",  "終値調整値" : "25145"  },
       {  "日付" : "2017-01-12",  "始値" : "25300",  "高値" : "25410",  "安値" : "24700",  "終値" : "25200",  "出来高" : "2581800",  "終値調整値" : "25200"  },
       {  "日付" : "2017-01-13",  "始値" : "24900",  "高値" : "25085",  "安値" : "23620",  "終値" : "23750",  "出来高" : "7589200",  "終値調整値" : "23750"  },
       {  "日付" : "2017-01-16",  "始値" : "23300",  "高値" : "23450",  "安値" : "22905",  "終値" : "23200",  "出来高" : "3675600",  "終値調整値" : "23200"  },
       {  "日付" : "2017-01-17",  "始値" : "22945",  "高値" : "23795",  "安値" : "22945",  "終値" : "23585",  "出来高" : "3212300",  "終値調整値" : "23585"  },
       {  "日付" : "2017-01-18",  "始値" : "23515",  "高値" : "23705",  "安値" : "23155",  "終値" : "23465",  "出来高" : "2830200",  "終値調整値" : "23465"  },
       {  "日付" : "2017-01-19",  "始値" : "23285",  "高値" : "24095",  "安値" : "23050",  "終値" : "23800",  "出来高" : "3607900",  "終値調整値" : "23800"  },
       {  "日付" : "2017-01-20",  "始値" : "23815",  "高値" : "24130",  "安値" : "23540",  "終値" : "23630",  "出来高" : "2092400",  "終値調整値" : "23630"  },
       {  "日付" : "2017-01-23",  "始値" : "23520",  "高値" : "23700",  "安値" : "23280",  "終値" : "23510",  "出来高" : "1208300",  "終値調整値" : "23510"  },
       {  "日付" : "2017-01-24",  "始値" : "23440",  "高値" : "23570",  "安値" : "23250",  "終値" : "23265",  "出来高" : "1106800",  "終値調整値" : "23265"  },
       {  "日付" : "2017-01-25",  "始値" : "23500",  "高値" : "23655",  "安値" : "23280",  "終値" : "23595",  "出来高" : "1193100",  "終値調整値" : "23595"  },
       {  "日付" : "2017-01-26",  "始値" : "23600",  "高値" : "23710",  "安値" : "23455",  "終値" : "23570",  "出来高" : "1453300",  "終値調整値" : "23570"  },
       {  "日付" : "2017-01-27",  "始値" : "23630",  "高値" : "23630",  "安値" : "23405",  "終値" : "23490",  "出来高" : "836000",  "終値調整値" : "23490"  },
       {  "日付" : "2017-01-30",  "始値" : "23550",  "高値" : "23650",  "安値" : "23425",  "終値" : "23565",  "出来高" : "718700",  "終値調整値" : "23565"  },
       {  "日付" : "2017-01-31",  "始値" : "23230",  "高値" : "23510",  "安値" : "23100",  "終値" : "23120",  "出来高" : "1350200",  "終値調整値" : "23120"  },
       {  "日付" : "2017-02-01",  "始値" : "22500",  "高値" : "22720",  "安値" : "22005",  "終値" : "22625",  "出来高" : "3082600",  "終値調整値" : "22625"  },
       {  "日付" : "2017-02-02",  "始値" : "22815",  "高値" : "22965",  "安値" : "22450",  "終値" : "22520",  "出来高" : "1624500",  "終値調整値" : "22520"  },
       {  "日付" : "2017-02-03",  "始値" : "22845",  "高値" : "23975",  "安値" : "22820",  "終値" : "23945",  "出来高" : "3698300",  "終値調整値" : "23945"  },
       {  "日付" : "2017-02-06",  "始値" : "24000",  "高値" : "24160",  "安値" : "23570",  "終値" : "23735",  "出来高" : "1593200",  "終値調整値" : "23735"  },
       {  "日付" : "2017-02-07",  "始値" : "23360",  "高値" : "23560",  "安値" : "23200",  "終値" : "23230",  "出来高" : "1210000",  "終値調整値" : "23230"  },
       {  "日付" : "2017-02-08",  "始値" : "23330",  "高値" : "23425",  "安値" : "22905",  "終値" : "23260",  "出来高" : "1404700",  "終値調整値" : "23260"  },
       {  "日付" : "2017-02-09",  "始値" : "23230",  "高値" : "23690",  "安値" : "23050",  "終値" : "23405",  "出来高" : "1605200",  "終値調整値" : "23405"  },
       {  "日付" : "2017-02-10",  "始値" : "23650",  "高値" : "23730",  "安値" : "23355",  "終値" : "23645",  "出来高" : "1319100",  "終値調整値" : "23645"  }
    ]
  </script>
  <canvas id="stage"></canvas>

  <script>
  //データ取得と整形
  var nintendo_stock_price = JSON.parse(document.getElementById("Nintendo_stock_price").innerText);
  var date = nintendo_stock_price.map(function(value, index){
    return value['日付'];
  });
  var final_price = nintendo_stock_price.map(function(value, index){
    return value['終値'];
  });

  //グラフ表示
  var canvas = document.getElementById('stage');
  var mydata = {
    labels: date,
    datasets: [
      {
        label: '終値',
        backgroundColor: "rgba(99,170,170,0.3)",
        data: final_price,
      }
    ]
  };
  var chart = new Chart(canvas, {
    type: 'line',
    data: mydata,
    options: {
        title: {
          display: true,
          text: '任天堂株価チャート'
        }
    }
  });
  </script>
</body>

グラフ参考URL

www.webtoolnavi.com

Chart.js | Documentation

株価をjsonで取得するAPI

今回CSVから整形したので大変だった、調べたら↓があった

qiita.com

FirebaseでのWebアプリ開発構成の再考170208

想定環境

基本ローカルのみでのFirebase開発、シンプルなZenHab管理

独自のユニークな機能のためのAPIサーバー
現状どうしても追記したAPIサーバーが必要になるように思う
※上層の要望や機能洗い出しや資料作成は含めてない

構成

  • [管理]
    • Githubでの世代管理
    • ZenHubでのGit issue管理
  • [開発]
    • APIサーバー:SailsJS
    • DBサーバー:mongoDB
    • Appサーバー:Firebase
    • Appフレームワーク:RiotJS
  • [環境]
    • インストール
    • Chrome
    • Atom
      • おすすめプラグイン
        • autocomplete-paths
        • pigments
        • minimap-pigments
        • merge-conflicts
        • minimap-bookmarks
        • japanese-menu
        • git-plus
        • Project Manager
        • Save Session
        • Minimap Find And Replace
        • Command Toolbar
        • git-log
        • autocomplete-plus
        • gist-it
        • recent-files
        • symbols-tree-view
        • jshint
        • open-in-browser
        • emmet

解説

  • SailsJSによるRailsのようなサーバーサイド開発
  • FirebaseとRiotJSを利用したフロントサイドの自由度の高いアプリケーション開発

追記:不完全なBaas開発

サーバーに Firebase を追加  APIサーバーとして使う事で
クライアントのFirebaseのバージョンの統一や不足機能をAPI側で実現できる

https://firebase.google.com/docs/server/setup?hl=ja







www.youtube.com

JSでこのブログアイコンのキャラ画像の読み込み

<div id="get_tiruno_img_url_test">
  <div><img/><動くよ!!</div>
  <hr>
</div>

<script>
var tiruno_img_url = {
  "up" : [
    "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131020640.png?1485796241",
    "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131020639.png?1485796031"
  ],
  "down" : [
    "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131004443.png",
    "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131004440.png"
  ],
  "left" : [
    "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131004442.png",
    "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131004441.png"
  ],
  "right" : [
    "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131004439.png",
    "http://cdn-ak.f.st-hatena.com/images/fotolife/s/surume_Reflection/20170131/20170131004438.png"
  ]
}
function load_splite_image(url_splite){
  var us = url_splite;
  for(action in url_splite){
    for(var i=0;i<url_splite[action].length;i++){
      var url = url_splite[action][i];
      var img = document.createElement("img");
      img.src = url;
      us[action][i] = img;
    }
  }
  return us;
}

var tiruno_img = load_splite_image(tiruno_img_url);
var test_dom = document.getElementById("get_tiruno_img_url_test");

for(action in tiruno_img){
  for(var i=0;i<tiruno_img[action].length;i++){
    test_dom.appendChild( tiruno_img[action][i] );
  }
}


var counter = 0;
var test_dom_img = test_dom.getElementsByTagName("img")[0];
console.log(test_dom_img);

setInterval(function(){
  test_dom_img.src = tiruno_img.down[ counter%tiruno_img.down.length ].src;
  counter++;
}, 600);
</script>

■Firebase(Baas)等でWeb開発のタスク管理方法

タスクやプロジェクト管理の方法、人口知能の無い不完全なBaaS

外部サーバー

  • 独自のAPI サーバー
  • CodeTree[プロジェクト管理]
  • Github issue[タスク管理]

Web開発PC

・Firebaseにより、完全に静的なフロント開発が可能になり
サーバーもHostingに頼る事ができそうだが、完全なBassが不可能な事を考えると
`独自のAPIサーバー`が必須となりそう

※GitからIssueのラベルを付ける運用でボードが自動整理される
(参照)http://techblog.timers-inc.com/entry/codetree




この方法(タスク管理としてのGithub)であれば、
slack上などのお客さんからの要望を、CodeTreeに昇華できる。
増えるわかめのような、スプレッドシートでのタスク管理は滅びろ!!

ツールなどが普及していく様子を見ているとやはりエンジニアは
すばらしいツールや言語を祭り上げてしまう傾向があると思う。
*バンドワゴン効果*


ちなみに、仕様書のような物の管理方法は書いていない
世代管理が必要な事を考えるとGit上が適正かも知れないが
即座にお客さんやエンジニアに共有したいのが本音だろう。

メイドラゴン2話!カンナちゃんが可愛い画像集

f:id:surume_Reflection:20170128005610p:plain

プログラマの主人公女だったのか、勝手に男だと思ってた。

難しい話の所で、主人公と同業なので背景の言葉が気になった。
どこまで依頼された仕事をカバーするか、的な話だった。
正直そこまで難しい話ではないし、サービス提供する会社ならよくある事

本能的に取ってきた画像集↓

f:id:surume_Reflection:20170128005653p:plain

f:id:surume_Reflection:20170128005708p:plain

f:id:surume_Reflection:20170128005717p:plain

f:id:surume_Reflection:20170128005737p:plain

f:id:surume_Reflection:20170128005743p:plain

f:id:surume_Reflection:20170128005804p:plain

f:id:surume_Reflection:20170128005810p:plain

f:id:surume_Reflection:20170128005817p:plain

f:id:surume_Reflection:20170128005832p:plain

f:id:surume_Reflection:20170128005839p:plain

f:id:surume_Reflection:20170128005851p:plain

f:id:surume_Reflection:20170128005859p:plain

f:id:surume_Reflection:20170128005909p:plain

f:id:surume_Reflection:20170128005922p:plain

f:id:surume_Reflection:20170128005930p:plain

餌付け・・・
f:id:surume_Reflection:20170128010005p:plain

f:id:surume_Reflection:20170128010024p:plain

f:id:surume_Reflection:20170128010135p:plain