現在JavaScriptの設定が無効になっています。このページを利用するにはJavaScriptの設定を有効にしてください。言うと普段自信をもって膨大なプログラムと格闘している諸氏もコード断片のはり付けに終始してしまうことも多いのではないでしょうか。いう私も検索エンジン(を使ってコードを書く)プログラマになっていることが多々あります。あるこのプログラムの自作を妨げるのは、ブラウザごとに仕様が違ったりとか、正しいはずのコードが動作しなかったりと、プログラミング言語としての特殊性が挙げられると思います。目的実現の為に必要となる発想は他の言語と一線を画します。誰でも一度は使ったことがあるだろう灰色の説明文付きの入力欄ですね。簡単な例さて、作ってみましょう、ということで作ってみました。</form>はい、これです。人はこれで満足するんじゃないかと思うぐらいちゃんと動きます。クリックすると文字が消えます。文字を入力すると、ちゃんと黒くなっています。いくつか問題があります。検索されてしまう・入力後にリロードすると文字が灰色になるなどなど。してもありあわせのものを組み合わせて作っていくことになるので、ちょっとした問題がでがちなのです。それにこの機能では不十分ということもあるでしょう。・ページを開いていきなり入力できるようにカーソルが入っていてほしい・初回はグレーの文字も出ていてほしいといったことです。なんとなく、簡単そうな要望に見えますが、実際は上記のバグ修正もあわせてかなり過酷な道のりが待っています。腕におぼえのある方は、ぜひ上記の5つを満たすコードを考えてみてください。完成度を高めた例そこで作ったのが下記です。状態を保存することでこれはユーザーが入力した文字なのか、という判定を行っています。その状態を見て値を消したり、微妙に色を変えて状態を変えてみたりなど、綱渡りの連続と言っていいでしょう。画像で配置する方法もあり、画像が必要になりますが、そちらの方が少しスマートになります。裏側に文字を表示している部品を重ねるといった手も考えられるでしょう。目的を正攻法で達成できない場合、こうした技を利用しなければなりません。今回はあえて正攻法を示してみましたが、腕におぼえのある方の中にはもっとこうすれば簡単に動くよ、というのを思いついた方もいたのではないでしょうか。上記はひとつの題材でしかありませんが、こうした簡単な例であっても正攻法では苦しい、というところから創意工夫が生まれてくる。いうものは面白みも深いと思うのですが、いかがでしょうか。JAPANでは情報技術を駆使して人々や社会の課題を一緒に解決していける方を募集しています。詳しくは採用情報をご覧ください。JAPANのサービス開発を支える技術やデザイン、文化を発信しています。Reserved.このページの先頭へ。