Demo: http://codepen.io/suin/pen/EjpBgK
const words = ["進捗", "どう", "です", "か"];
class Shinchokudodesuka extends React.Component {
constructor(props) {
super(props);
this.state = {message: "", done: false};
}
componentDidMount() {
this.dodesuka();
}
componentDidUpdate() {
this.dodesuka();
}
dodesuka() {
if (this.state.done === false) {
setTimeout(() => {
const nextMessage = this.state.message + words[Math.floor(Math.random()*words.length)];
this.setState({message: nextMessage, done: /進捗どうですか$/.test(nextMessage)});
}, 10);
}
}
render() {
return (
<div>
{this.state.message}
{this.state.done ? <span>???<br/>{this.state.message.length}文字で煽られました。</span> : ""}
</div>
);
}
}
React.render(
<Shinchokudodesuka/>,
document.getElementById('example')
);
- 「進捗・どう・です・か」をランダムに表示し「進捗どうですか」が完成したら煽ってくるClojure
- 「進捗・どう・です・か」をランダムに表示し「進捗どうですか」が完成したら煽ってくるプログラム C++
- 「進捗・どう・です・か」をHaskellで書いてみた
- golang の進捗どうですか
- Elixir - 進捗どうですか？
- 進捗どうですかブーム?にrubyでのっかってみる
- 進捗どうですかブーム??にPythonでのりかかってみる
- 進捗どうですかブーム???にShellScriptで挑むフリしてExpectに逃げる
- 進捗どうですかブーム???に Perl でのりかかる
- 「進捗・どう・です・か」をPHPで書いてみた
- bat - 「進捗・どう・です・か」をランダムに表示し「進捗どうですか」が完成したら煽ってくるバッチ
- 「進捗・どう・です・か」をランダムに表示し「進捗どうですか」が完成したら煽ってくるプログラム（C#で挑戦）