何やればいいのかと悩んだ人を助けるものをつくってみました。
人は誰でも、今何をやればいいんだろう。やる気が出ないな。何から手をつければいいのだろうと悩んでしまうものです。
悩んで悩んで悩んでなにもしない。というのはとても良くないことだと思うのですが、みなさんはどう感じるでしょうか?
しかし、人間というのは楽な方に楽な方に流れてしまう生き物ですし、わたしもその一人に違いありません。
(いや、むしろ、私の方が、、、、)
だからタスク管理を行って、自分を律するのです。
自分ではなく、タスク管理に「あかんで!」と突っ込んでもらうのですが、そんなことよりも、今日1日何をやるのか。それをきめてくれる、お母さん的なものがあったなら、嬉しいのではないでしょうか。
夏休みの宿題も、お母さんがやれ!と言わなければやらなかった私のように、何をやれば良いのかを天の人が教えてくれる。そんなアプリケーションを作りました。
タイトルは
今日のおまえ
あなたがなにをすれば良いのか。あなたがなにを勉強すればいいのか、天からの声が教えてくれちゃいます。
じゃあ天の言葉という天からのメッセージが見えると思いますが、
そこをクリックすると指令が現れます・
おおっと
なんと天はあなたにクラブにいけといっています。もしかしたらいい出会いがあるかもしれません。今すぐ支度をしましょう。
天はくそつまらない奴のようです。先日クラブに行けとか言ってたのに、今日は勉強しろと。。くそが。。
天は意外とわかる奴かもしれないですね。
あなたが勉強や将来に対し、不安で不安でしょうがないとき、一度眠ってスッキリした状態でもう一度考える。そんなときもひつようなのではないでしょうか。
おみくじのプログラムを簡単に改造して、というよりめちゃくちゃ簡単すぎてなにもやってないのですが、よかったらぜひ。。。。
ソースコードをかいときますー
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>今日のおまえ。</title>
<style>
body {
background: #e0e0e0;
text-align: center;
font-size: 16px;
color: #fff;
font-family: Arial, sans-serif;
}
#result {
margin: 30px auto;
width: 180px;
height: 180px;
border-radius: 50%;
line-height: 180px;
font-size: 48px;
font-weight: bold;
background: blue;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
#btn {
margin: 0 auto;
width: 200px;
padding: 5px;
border-radius: 5px;
background: #00aaff;
box-shadow: 0 4px 0 #0088cc;
cursor: pointer;
}
#btn:hover {
opacity: 0.8;
}
#btn.pushed {
margin-top: 32px;
box-shadow: 0 2px 0 #0088cc;
}
</style>
</head>
<body>
<div id="result">?</div>
<div id="btn">じゃあ俺が決めてやる!</div>
<script>
(function(){
"use strict";
document.getElementById('btn').addEventListener('click' , function(){
var results = ['html','css','mysql','クラブ','php','寝ろ','クラブ']
var result = Math.floor(Math.random() * results.length);
document.getElementById('result').innerHTML = results[result];
//document.getElementById('result').innerHTML = 'hit';
});
document.getElementById('btn').addEventListener('mousedown', function(){
this.className = 'pushed';
});
document.getElementById('btn').addEventListener('mouseup', function(){
this.className = 'pushed';
});
})();
</script>
</body>
</html>