ハロワのWEBデザイン講座で「◯時から本気出す時計」を作ってみた

1：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:33:29.28 ID:2GJ3VTkF0

ハロワの職業訓練校でwebデザイン講座を３ヶ月受けて、そこで習ったhtmlとcssとjavascript使って作った。
時間ごとにコピーと背景が変わるようにしてる。コピーは定番のやつを改変した。
web制作未経験者が手打ちで作ったのでいろいろ荒いと思うが、
よかったら見てください。んでアドバイスください。
http://honkidasu-tokei.com/

---

2：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:35:12.36 ID:7zW9hZdO0

ちょっといいとおもっちゃったぞ！がんばれ！

3：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:35:34.91 ID:2GJ3VTkF0

>>2
ありがとう！叩かれると思ってドキドキしてる。

4：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:37:04.15 ID:2GJ3VTkF0

調子に乗ってtwitter botも作ったが、フォロワー２www
悲しすぎるwww

5：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:37:08.45 ID:K09xztX30

>>1
センスはよいと思う
Webデザインだけの奴はダメだろうけど
このセンスのよさは武器になりそう

6：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:39:04.05 ID:2GJ3VTkF0

>>5
WEBデザインで食っていけるとは思ってないっす。
でも他の人に見られて評価されたらどうなるのか知りたくて。
自身になります。ありがとう！

7：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:39:10.57 ID:vUJ8LqDG0

就職は出来なかったんだ

9：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:40:55.71 ID:2GJ3VTkF0

>>7
まだ訓練校やってて、ちゃんとした就活やってないっす。
もうすぐ終わるんで、このままじゃ自宅警備の定職に戻ってしまう。。。

8：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:40:24.60 ID:gTLKPbfQ0

スマホだからかな？
一秒ごとに時計が時の大きさで横に動く

12：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:41:45.65 ID:2GJ3VTkF0

>>8
多分フォントの設定のせいです。
すみません。
そこ気になってたけどどうしたらいいのか分からず。

14：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:42:31.52 ID:7NRcGlTH0

>>8
たしかに
PCでも同じだな

センスは好き

17：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:44:15.58 ID:2GJ3VTkF0

>>14
技術不足です。
すんません。

でもありがとうございます。

13：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:42:27.01 ID:G2SC+6q20

でもhtmlとcssとjavascriptやっててもまともな職なんてないんだよな・・

17：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:44:15.58 ID:2GJ3VTkF0

>>13
ブラック確定なのが分かるので、旅にでも出たいけど、そんな度胸がない。

16：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:43:38.67 ID:kyLB6ewG0

Android用のアプリにしてくれ、Android用だけでいい

18：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:45:04.35 ID:2GJ3VTkF0

>>16
ほんとはandroidアプリを作ろうと思ってて。
でもすぐ作れないから、先にWebサイト作りました。

頑張って作ります。

19：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:46:42.07 ID:2GJ3VTkF0

サイトの右下のギャラリーをクリックしたら、
各時間のキャプチャが見られます。

画像を貼っていきます。

20：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:48:20.76 ID:2GJ3VTkF0

0時



1時



2時



3時

21：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:49:44.64 ID:2GJ3VTkF0

4時



5時



6時



7時



8時



9時



10時

25：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:51:40.00 ID:mUmQBHWF0

>>21
4、5、6時ずれてね？

30：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:53:42.25 ID:2GJ3VTkF0

>>25
気づいてなかった。
ありがとうございます。
あとで修正します。

22：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:50:02.44 ID:FKQFVD8H0

Androidでギャラリー表示して拡大
するとおかしなことになるな

30：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:53:42.25 ID:2GJ3VTkF0

>>22
すんません。対応できてなくて。

23：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:50:20.66 ID:mUmQBHWF0

センスあるなｗｗ
面白いじゃないか
これのスクリーンセーバーが欲しいわ

30：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:53:42.25 ID:2GJ3VTkF0

>>23
ありがとうございます。
そっちも作れるようになってみたいです。

24：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:50:55.55 ID:2GJ3VTkF0

11時



12時



13時



14時



15時



16時



17時

26：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:52:08.34 ID:2GJ3VTkF0

18時



19時



20時



21時



22時



23時

27：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:52:16.28 ID:BcWnQTkQ0

確かにスクリーンセーバーで欲しい

32：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:55:07.25 ID:2GJ3VTkF0

>>27
スクリーンセーバー作り頑張ってみます。
時間だけはいくらでもあるし。

28：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:53:14.67 ID:2u5cq0IA0

良いと思うし俺は好き

がんばれー

29：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:53:16.49 ID:FKQFVD8H0

456時間ずれてるな

32：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:55:07.25 ID:2GJ3VTkF0

>>29
あとでなおします。ありがとうございます。

31：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:54:12.97 ID:Dp1S6iSW0

元からプログラミングの知識はあったの？
それとも全くの未経験から職業訓練を受けたの？

35：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:56:56.81 ID:2GJ3VTkF0

>>31
プログラミング知識はほぼなしです。
webの営業マンをちょこっとだけやってたので、htmlがなんなのか？javascriptがどんなことするか？くらいはわかってましたけど、中身なんてさっぱり。
htmlを自分で打つのは訓練が初めてでした。

33：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:55:40.92 ID:Dp1S6iSW0

似たようなのiPhoneAppにあったな

38：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:58:24.31 ID:2GJ3VTkF0

>>33
調べたら本みたいなのはあったんですが、
時計は確か無かったので、アプリ作りたいと思ってます。

34：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:55:53.51 ID:45/n/XR90

意外とセンスよくてワロタ
羨ましい

38：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:58:24.31 ID:2GJ3VTkF0

>>34
笑ってくれたら、嬉しい。

36：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:57:02.62 ID:dk59Rof70

気に入ったのでフォローしてみた

41：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:00:06.30 ID:2GJ3VTkF0

>>36
１人増えた！
まじでありがとうございます！

37：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:58:14.06 ID:9HvRUvsc0

いいねこれ面白い
スクリーンセーバーwktk

41：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:00:06.30 ID:2GJ3VTkF0

>>37
スクリーンセーバー需要あるなー。
やってみたいですね。
がんばります。

39：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 00:59:05.19 ID:VVFpTmeX0

センスいいじゃねーか
ぶっちゃけ就職するより自分で始めたほうが儲かるよ

42：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:00:49.75 ID:2GJ3VTkF0

>>39
全く自信無いです。人脈ないし。

43：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:01:16.66 ID:gTLKPbfQ0

いいなこれ

45：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:03:55.83 ID:2GJ3VTkF0

>>43
ありがとうございます！


こうやってほめられる体験って久しぶりだから嬉しいです。
ハロワの職業訓練、侮れねえっす。
金もらいながら技術身につけられて３ヶ月最高。
マジでオススメ。

44：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:02:45.40 ID:PTc7XLBF0

職業訓練校って言ってる間お金貰えるんだっけ

46：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:04:36.39 ID:2GJ3VTkF0

>>44
もらえます。6割くらい。失業手当と同じだけ。
働いたら負けな気分にさせてくれる天国です。

57：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:15:42.29 ID:PTc7XLBF0

>>46
おおー無職だし行きてぇー
どうやって探した？

60：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:20:30.97 ID:2GJ3VTkF0

>>57
ハロワです。
失業手当金がでていて、残日数があるなら絶対行くべきです。
なぜなら給付が伸びるから。

あともし失業手当が終わっていても、訓練を受けたことがなかったら補助金がもらいながら勉強できる制度があったはずです。
詳しくはハロワで聞くのが一番かと。
ググって調べてもケースバイケース過ぎたり、表現が曖昧でわかりにくかったりします。
電話でも基本的な相談には乗ってくれますよ。

47：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:06:40.59 ID:JwM/PLT70

職業訓練ってどんな感じなの？自力でそこそこできる場合行っても無意味？

50：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:10:08.04 ID:2GJ3VTkF0

>>47
学校にもよるみたいですけど、基礎中心です。
うちは、html、css、perl、javascript、SQLをざっくり教えてもらいました。
そのかわりPhotoshopもDreamweaverもないですけどw
学校によってはあるみたいです。

自分でできちゃうなら、知識の補強＋給付受取のために行く位のつもりのほうがいいかもです。
自分でできちゃう人はそう言ってました。

55：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:13:43.02 ID:JwM/PLT70

>>50
そうかあ、やっぱり能力別カリキュラムとかはないよね

58：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:17:55.84 ID:2GJ3VTkF0

>>55
カリキュラムによってはありました。
androidアプリプログラミング上級とか。JAVA上級とか。
あと基本資格取らせるためにやるようなところもあるので、多くを期待しちゃダメだって自分でデキる人が言ってました。

59：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:19:51.96 ID:JwM/PLT70

>>58
お、あるんだ
それならやってみたいな。調べてみるかな

61：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:22:15.24 ID:2GJ3VTkF0

>>59
時期によってはあるもの、無いものがあるので注意です。
自分は本当はandroidのプログラミングを受けてみたかったのですが、
なかったのでwebデザインにしました。
なんにせよ、面倒ですがgo to ハロワですw

63：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:24:37.51 ID:JwM/PLT70

>>61
常設ってわけじゃないんだね。
とりあえず行ってみる、ありがとう

66：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:27:59.78 ID:2GJ3VTkF0

>>63
件から学校が委託を受けてやっているようなのでバラバラみたいです。
でも何かしらやってるはずです。
期間も講座によっては半年とか一年とかあるし。
是非行ってみてください！

48：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:07:43.16 ID:Dp1S6iSW0

営業経験あるなら仕事も見つかるだろう

53：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:12:08.95 ID:2GJ3VTkF0

>>48
みつかるといいなーと思いつつ、前職でストレスから過食症になって体壊したので若干働くのがまだ怖かったりします。

49：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:10:01.71 ID:R9HiaSEm0

各時間の言葉の元ネタとかあるの？

53：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:12:08.95 ID:2GJ3VTkF0

>>49
2ちゃんの有名な「◯月から本気出す」コピペをベースに時間に置き換えて、
足りないところは考えました。

51：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:10:28.45 ID:zou05SX30

訓練申請したらお金もらえるの？　条件とかあるのか？

56：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:15:23.26 ID:2GJ3VTkF0

>>51
条件あります。
自分が受けてるのは、失業手当の日数が残っている間に申請しなきゃいけなかったパターンです。
３ヶ月目に合格したので計半年もらってることになります。
他にも待機期間に受けてお金を先にもらってる人もいたような気がします。
細かい条件は人によって異なるので、ハロワで問い合わせるのが一番かと。

52：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:11:21.27 ID:EhlNg14e0

すげえなきれいだわ
よくわかんないけど時間がテキストみたいにカーソル出てくるのがな

56：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:15:23.26 ID:2GJ3VTkF0

>>52
すんません。技術のなさがそういう所で露呈してます。
フォーム使ってるので、仕様なんです。

54：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:13:04.24 ID:6+Ar4eWG0

これすごいな
これみてたら本気ださなくてもいいかなと思えてきたｗ

58：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:17:55.84 ID:2GJ3VTkF0

>>54
そう言っていただけると嬉しいです。
なぜなら自分が一番本気出したくないと思ってる時に作ったのでw

65：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:26:31.48 ID:G/dtLAw20

職業訓練は雇用保険料を納めてる人しか受けられないでしょたしか

68：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:29:23.28 ID:2GJ3VTkF0

>>65
確かそうですが、雇用保険の適用外の人も受けられる別の制度があるはずです。
（うろ覚え・・・）
条件は厳しくなるみたいですが。

71：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:31:29.65 ID:G/dtLAw20

>>68
求職者支援制度でしょ？
あれは要件けっこう厳しいよ

69：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:31:19.06 ID:HX3gLnh/0

土日以外毎日行かないとダメ？

72：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:32:58.33 ID:2GJ3VTkF0

>>69
実は結構休める。
休むと受講手当がもらえないので、休まないほうがいいんですが、
私のエリアでは1ヶ月5日以上の休みor70時間以上の欠課が訓練を追い出される条件です。

70：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:31:25.35 ID:2GJ3VTkF0

ググったらこんなのありました。
求職者支援制度というらしいです。

http://www.sankeibiz.jp/econome/news/110929/ecc1109290918002-n1.htm

76：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:40:55.96 ID:rxgB+j190

LOLIPOPか

77：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:42:09.26 ID:2GJ3VTkF0

>>76
そうです。金ないし。
これはweb営業時代の知識が役に立ちました。

78：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:44:10.42 ID:2GJ3VTkF0

フォロワーが増えてる！
みなさんありがとうございます。

心折れてたけどvipのハロワスレで背中を押され
ハロワで職業訓練を受けて、
vipに叩かれる覚悟で帰ってきたら意外とほめられた。

調子に乗って本気出してがんばれる気がしてきた。

79：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:47:06.52 ID:uOjaB83e0

html css jsだけで時間ってとれるの？

81：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 01:52:15.53 ID:2GJ3VTkF0

>>79
最初やった時はjsやる前だったので、
ググってソースコピペでやりました。
んでjsやってから微調整しました。

83：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 02:02:50.28 ID:1khmNCNd0

けっこういい感じでワロタ
Androidアプリ作るならウィジェットにできるようにしてほしいな
待受に置いときたい

84：以下、名無しにかわりましてVIPがお送りします：2012/02/20(月) 02:06:39.51 ID:aFjhiCYl0

俺も三年前、職業訓練でWeb学んで
今は細々仲間と事務所構えて食ってる
なんとかなるもんだ
がんばれ

---