前回までの状況はこちら。
半固定抵抗が秋月電子から届きました。
回路に設置。
LCDモジュールの18番(Vee)を半固定抵抗の3番(左の端子)に接続、
ラズパイの5Vを半固定抵抗の1番(右の端子)に接続、
LCDモジュールの3番(Vo)を半固定抵抗の2番に接続します。
つまみを回すと、それに応じて2番から出力される電圧が変化し、それがVoに入ると、LCDのコントラストが変化します。
これがコントラストMAXの状態。
何も表示されなかった前回より進展しました。
さぁ、ゴリゴリPythonを書こうか。
前回までの状況はこちら。
最新ソースはこちら(gitHub)
https://github.com/takishita2nd/diet-mng
データ一覧画面を作成します。
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading">体重管理</div>
<div class="panel-body">
@if (session('status'))
<div class="alert alert-success">
{{ session('status') }}
</div>
@endif
</div>
<weight-list-component></weight-list-component>
</div>
</div>
</div>
</div>
@endsection
実際に表示するのはVue.jsで作成します。
<template>
<div>
<table class="weightlist">
<tbody>
<tr>
<th class="date">日時</th>
<th class="weight">体重(kg)</th>
<th class="fat_rate">体脂肪(%)</th>
<th class="bmi">BMI</th>
<th class="edit"></th>
<th class="delele"></th>
</tr>
<tr v-for="data in datalists">
<td class="date">{{ data.date}}</td>
<td class="weight">{{ data.weight}}</td>
<td class="fat_rate">{{ data.fat_rate}}</td>
<td class="bmi">{{ data.bmi}}</td>
<td class="edit"><a href="">Edit</a></td>
<td class="delele"><a href="">Delete</a></td>
</tr>
</tbody>
</table>
</div>
</template>データ一覧を取得するAPIを作成します。
class WeightManagementRepository
{
public function list($user)
{
return $user->WeightManagements()->get();
}
}
class ApiController extends Controller
{
/**
* データを取得する
*/
public function list(Request $request)
{
return response()->json(['dataLists' => $this->weightManagement->list(Auth::user())]);
}
Route::post('api/weight/list', 'Weight\ApiController@list');
このAPIを使用してVue.js側からデータの取得を行います。
<script>
export default {
data() {
return {
datalists: [],
};
},
created: function() {
var self = this;
axios.post('api/weight/list').then(function(response){
response.data.dataLists.forEach(element => {
self.datalists.push({
date: element.datetime,
weight: element.weight,
fat_rate: element.fat_rate,
bmi: element.bmi
})
});
}).catch(function(error){
});
}
}
</script>Vue.component('weight-list-component', require('./components/WeightListComponent.vue'));
これで動くはず。
以前、課題で作成したホテル予約管理のコードを参照して作成しました。
こういうの取っておくと便利よね。
今なら言える。
自粛警察くそくらえ！
札幌市では、非常事態宣言解除を受けて、感染症対策ができた店舗から夜のお店も通常営業に戻りつつあります。
このお店も、昨日から営業再開しました。
外で飲むのは一ヶ月半ぶりかな？
ぼっちに優しいのは、このお店、
タッチパネルで注文できるんです。
この生つくねが食べたかった。
このトング考えた人は天才だと思う。
前回までの状況はこちら。
最新ソースはこちら。(gitHub)
https://github.com/takishita2nd/Picross
こちらの問題を解いてみました。
もちろん一発で解けるとは思っていませんでした。
しかし、ここまでハマるとは・・・
解析パターン５にバグがあって、
いろいろコードを書き換えながら試行錯誤していったんですが、
結局、コードと格闘すること５時間。
解けました。
大きな変更としては、解析済みの数字に対して、きちんと解析済みフラグを設定しましょう、ということで、
要するに、
縦の数字を埋めていったら、横の数字も出来上がっているにもかかわらず、解析済みフラグが立っていないケースがあって、それで動きがおかしくなっていたので、きちんと解析完了フラグを立てましょう、ということを入れました。
private void checkAnalyze()
{
checkAnalyzeRowBefore();
checkAnalyzeRowAfter();
checkAnalyzeColBefore();
checkAnalyzeColAfter();
}
private void checkAnalyzeRowBefore()
{
int row = 0;
foreach (var rowList in rowNumbers)
{
if (rowList.IsAnalyzed())
{
row++;
continue;
}
rowList.AnalyzeDatas.Reverse();
int rowIndex = 0;
foreach(var rowData in rowList.AnalyzeDatas)
{
if (rowData.IsAnalyzed())
{
rowIndex++;
}
else
{
break;
}
}
if (rowIndex == rowList.AnalyzeDatas.Count)
{
rowList.AnalyzeDatas.Reverse();
row++;
continue;
}
int painted = 0;
int count = 0;
for (int col = 0; col < colNumbers.Count; col++)
{
if (_bitmapData[row, col].IsPainted())
{
painted++;
}
else if (_bitmapData[row, col].IsMasked())
{
if(count == rowIndex)
{
if (rowList.AnalyzeDatas[rowIndex].Value == painted)
{
rowList.AnalyzeDatas[rowIndex].Analyzed();
rowList.CheckAnalyze();
}
}
else
{
count++;
}
}
else
{
rowList.AnalyzeDatas.Reverse();
row++;
break;
}
}
}
}
private void checkAnalyzeRowAfter()
{
int row = 0;
foreach (var rowList in rowNumbers)
{
if (rowList.IsAnalyzed())
{
row++;
continue;
}
int rowIndex = 0;
foreach (var rowData in rowList.AnalyzeDatas)
{
if (rowData.IsAnalyzed())
{
rowIndex++;
}
else
{
break;
}
}
if(rowIndex == rowList.AnalyzeDatas.Count)
{
row++;
continue;
}
int painted = 0;
int count = 0;
for (int col = colNumbers.Count - 1; col >= 0; col--)
{
if (_bitmapData[row, col].IsPainted())
{
painted++;
}
else if (_bitmapData[row, col].IsMasked())
{
if (count == rowIndex)
{
if (rowList.AnalyzeDatas[rowIndex].Value == painted)
{
rowList.AnalyzeDatas[rowIndex].Analyzed();
rowList.CheckAnalyze();
}
}
else
{
count++;
}
}
else
{
row++;
break;
}
}
}
}
private void checkAnalyzeColBefore()
{
int col = 0;
foreach (var colList in colNumbers)
{
if (colList.IsAnalyzed())
{
col++;
continue;
}
colList.AnalyzeDatas.Reverse();
int colIndex = 0;
foreach (var colData in colList.AnalyzeDatas)
{
if (colData.IsAnalyzed())
{
colIndex++;
}
else
{
break;
}
}
if (colIndex == colList.AnalyzeDatas.Count)
{
colList.AnalyzeDatas.Reverse();
col++;
continue;
}
int painted = 0;
int count = 0;
for (int row = 0; row < rowNumbers.Count; row++)
{
if (_bitmapData[row, col].IsPainted())
{
painted++;
}
else if (_bitmapData[row, col].IsMasked())
{
if (count == colIndex)
{
if (colList.AnalyzeDatas[colIndex].Value == painted)
{
colList.AnalyzeDatas[colIndex].Analyzed();
colList.CheckAnalyze();
}
}
else
{
count++;
}
}
else
{
colList.AnalyzeDatas.Reverse();
col++;
break;
}
}
}
}
private void checkAnalyzeColAfter()
{
int col = 0;
foreach (var colList in colNumbers)
{
if (colList.IsAnalyzed())
{
col++;
continue;
}
int colIndex = 0;
foreach (var colData in colList.AnalyzeDatas)
{
if (colData.IsAnalyzed())
{
colIndex++;
}
else
{
break;
}
}
if (colIndex == colList.AnalyzeDatas.Count)
{
col++;
continue;
}
int painted = 0;
int count = 0;
for (int row = rowNumbers.Count - 1; row >= 0; row--)
{
if (_bitmapData[row, col].IsPainted())
{
painted++;
}
else if (_bitmapData[row, col].IsMasked())
{
if (count == colIndex)
{
if (colList.AnalyzeDatas[colIndex].Value == painted)
{
colList.AnalyzeDatas[colIndex].Analyzed();
colList.CheckAnalyze();
}
}
else
{
count++;
}
}
else
{
col++;
break;
}
}
}
}
細かい所は、直接gitHubのコードを見て欲しく。
何より大変だったのは、既存部分を変更することにより、過去の問題が解けなくなる可能性もあり、その確認のため、過去問を引っ張り出してきたこと。
セーブ＆ロード機能実装してて正解だったわ。
無かったら確実に発狂してる。
とはいえ、この作業に大半の時間を使ってしまったので、他の作業ができなかったので、今日は他の作業に取りかかろう。