ホームページ作成講座はつづく（実習でコーディングの流れを知る）

予定されていた4ヶ月（全15回各2時間）の講座は無事終了…
在宅ワーカーとして働きたい人たちが集まり、コーディングの技術を学びました。

デザイナーさんのデザインと同じものがパソコン上で表現できるようになるのが目標です。

企業さんも、
社内で仕事をしてくれる社員さんのほかに、
在宅ワーカー人材は欲しいところだと思います。

講座を修了した私たち、さぁどうでしょう？

どうって…
これで仕事が一人でできるとは到底思えません…。

どうするの？

ホント、どうするのって感じです。
勉強を続けます。
スマホ対応、ワードプレスなどの講座を引き続き受講させていただけることになりました。

（ありがとうございます！m(__)m）

しかし、
とても厳しい道のりということには変わりないでしょうね…^^;

------------
（※注　ここからダラダラ書きますヽ(^。^)ノﾔｯﾎｰ）←すでに壊れている

4ヶ月のうちの講座の中で、大変だったのは修了制作でした。

え？もうそんなことやるの？
何にもわかっちゃいないですよぉ～

と言っている間に…
修了制作ーー！！
「デザインデータを基に、パソコン上で同じ表現になるようにコーディングする」

・私たち生徒で一つのサイトを作り上げます
（私がベースになるページとトップページを担当、他の方は下層ページを担当）

キホンは自分で検索してコーディングしていく、
という感じです。
わからないところは、先生がヒントをくれたり参考サイトを紹介してくれたりします。

それがね…
これが、さっぱり進まないのです。

ちょっとコーディングの流れと苦労・反省を書いておきますか。

①
まず、ディレクターさんがサイトの説明をしてくれるところから始まります。
この時PSDデータをもらいます。
指示書はなく口頭で承ります。

「サイトの幅は980pxになります」
「ヘッダーは固定になります」
「ロゴはh1タグで、次の見出しはh2タグで」
「ここの画像をマウスオンした時に透明度の付いた白い枠の画像が重なります・・・」
というようなことでした。

言われたことを絶対にもらさないように、必死でメモしました。

（その他のことは、デザインされたPSDデータから全てを読み解く、ということなのですね）

②
baseページをコーディングします。
（最大6日間）
（このbaseを基に、topページ下層ページの作成に入ります）

③
topページ下層ページの作成に入ります。

------------
まず①と②
さあ、始めようとなった時…PSDデータから読み解く時に、

まったくわからない！！

ページデザインは1480pxで来ているのに980pxのサイト幅？？

ここですでにつまずきます。
「ブラウザ幅に100%表示」すること、というのはその後教えてもらいましたが、これを解決するのに5日もかかってしまいました。

そして、
ディレクターさんの説明時にはわからなかったのですが、後でPSDデータを確認してみると、それはそれは複雑なデザインで…。

PSDのデザインを読み解くのにも、とても苦労しました。
・ヘッダー部分とメニュー部分とメイン画像にそれぞれ透明度を設定してある
・スクロールして下まで行くと、ヘッダーメニューと全く同じデザインのフッターメニューが上下に並ぶけどいいのかな？
・トップへ戻るのボタンの位置が上過ぎるけど？
・普通ならセンター揃えになると思うけど、5項目のうち一つが左に寄ってるけど、これはそういうデザイン？
・背景ではなく、メインでも幅の980px超えているけど？

生徒の身でディレクターさんに問い合わせも出来ず…(T_T)

そして③
トップページのコーディングにとりかかります。

まず、最初のスライダー（メイン画像が変わっていく）設置ができないです。
jQueryを使うのだということは教えてもらいましたが、
jQuery自体がわかっていません。

スライダー設置のサイトを検索すると、
簡単だ簡単だって書いてありますが、どこが簡単？
その通りにコピペしてみても、まぁ動かないわね。

わからないということはホントにわからないのです。

何日もかかって、いくつかのスライダー設置のサイトを読み、
ファイルをダウンロードしなければ始まらない、ということにやっと気付くのです。（とほほ）

最初からこんな感じですよ。

ページはふんだんにデコレーション（イメージ画像）があり、
見出し・ボタン・内容それぞれが思いのままに配置されている（規則正しい配列ではない）ので、
全部位置の指定をしなければならなくて大変です。

大変なのはいいとして（よくないが）、
こういう整然としていないデザインで本当にいいのだろうか？？
という疑問が結局抜けないままでした。
（ペーパーのデザインならいいのかもしれませんが）

下層ページは他の皆さんが担当です。

しかしここにきて（baseとtopページができてから）、
「reboot.css」にリンクする指示がきて、
（リンクすることにより、余白などが変わってしまうので）苦労しました。

「reboot.css」も意味不明だったしね。

------------
全体的にはですね…
こんなちっぽけなことに悩んでいたのか、と愕然とすることが多々ありました。

コーディングって時間がかかるものなのですね。

とにかく時間がないので、形になることが優先になってしまい、必ずしも理解していないことがたくさん出てきてしまいました。
検索したサイトに載っているコードをコピペ。
形にならないと、また次のサイトからコピペ。
あとで振り返っても、まったく理解できていなくて愕然としますね…。当たり前ですが。

質問はメールになるので、意味が通じるように、また失礼がないように、時間をかけて質問文を作っているのですが…
うまく伝えることは難しいなと感じました。

私がそうなのですが、
噛み合ってないと感じて読み直してみると、違う意味で解釈していたり、読んでウンウンと頷いたはずなのに抜け落ちていたり…。

修了課題を提出して、さあ終わりだー、となった時、
苦労して出来上がったにもかかわらず、
充実感が感じられませんでした。

さぞ開放感にあふれるのかと思ったんですけどね。

自分の力のなさに愕然としたと言うか、思い知ったという感じです。

でも、なんとかモノにしたいですね！
講座を開催してくれた企業さんと講師の先生、いっしょに勉強できた皆さんには感謝です！

------------
講座が終わって…
（修了制作の間できなかった）通信教育の勉強を再開しようと、
後期の真新しい教科書をドンと机に置き、授業を見ようとパソコンを開けました。

そうしたらナント授業の視聴そっちのけで、
コーディングのギモンを調べ始めていましたわ。

もう離れられなくなったかも。

寝ても覚めてもコーディング

市が主催する講座（ホームページ作成コース）に通っていることは前にブログで書きました。
（週１回２時間の講座、全15回。そのうちコーディングの講座は７回）

まだ生徒ではあるのですが、
生徒同士のグループで、ホンモノのお仕事をすることになりました。
（もちろん私たちはお金をいただきません）

デザインをいただいて、サイトとして機能するようにコーディングをするのです！

しかし…
まったくわからない！！

もらったpsdデータ（デザイン）を見て、
ひとしきり呆然として、
途方に暮れ…

(T_T)

泣く…。

なんとか気を取り直して、
この複雑そうなデザインを読み解いていきます…。

いったいデザイナーさんはどうしたいんだろな？

これはテキスト入力でなく画像。
ひぇっ(゜o゜)ノ　こんなのも画像…こんなのも…こんなのも…。

この部分は透過処理、ここも、ここも…。
わぉ(゜o゜)ノ　1枚の画像の中で3段階で透過の値が違う？

途方に暮れます…。

そしてため息をついたところで、デザインデータをもらった日のメモを読み返します。
「サイト幅は980ピクセルです」と口頭で指示がありました…。

しかし…
は？？

なんでしょうか。それは？
デザインは幅が1480ピクセルで来ています。

(T_T)

泣く…。

それから18日が過ぎました。

キホンは自分で調べて解決する！
ということで、検索検索の毎日。
ただ今このサイトのコーディングを中心に一日が回っております。

寝ても覚めても、
とは、まさしくこの事！

眠っている間も（夢の中で）コーディングを続け、
夜中にパッと目が覚めて、夢の中の続きを考えている…。←ﾎﾝﾄ
けっきょく眠れなくなってパソコンを開ける…てな感じです。

その苦労をまたここで吐露させていただくことになろうかと思いますが^^;
ごカンベンをm(__)m

腰痛持ちじゃないけど腰痛ですわ。

在宅ワーカープログラム養成講座に参加する

これはワタクシにとって最後のチャンスですぞ。

松本市で行われる「在宅ワーカープログラム養成講座」に参加できることになりました。

先日の説明会では、わんさわんさの人だかり…
まぁ人だかりって言葉は適切ではないかもしれませんが、とにかく盛況でした。

その中で、今回講座を受けることができたのは幸運なことで、とても感謝しております。

今回の講座は、
・WEB総合コース
・デザインコース
・ホームページ制作コース
（各６名）の３つです。

ワタクシはホームページ制作コースです。

え？でも在宅？
もう在宅ワークしてるだろ！って感じですが、
年々仕事も少なくなり(-_-;)
仕事の幅をさらに広げたいと思い、講座に応募したというわけです。

昨日は第１日目。

緊張して参りましたが、
最初に隣に座った方（30代ママさん）がとても感じがよく、ホッとしました。

ワタシを、オバサンじゃなくて同じ受講者として接してくれて、話もしてくれて嬉しかったワ。
（三人の並びで端っこにワタシ。でも両隣に同じように話してくれたワ(ToT)）←オバサンならわかるエピソード

何と言っても、
やはり若いママさんが中心（と思われる）の講座です。

ちょっと気後れしちゃうのよねー^^;

でも、あまり気負うことなく自然体でいきます！
講師の先生やほかのメンバーの方たちも、とてもいい方ばかりでした。

（心配することなかった^^;）

講座はだいたい週イチで、
宿題をこなしていって先生に見ていただく、というようなやり方です。

（第１回目は自己紹介やインターネットの環境準備といったところでした）

ウワサによると宿題は大変そうですが、
何とか頑張っていけそうな気がします！

無事に講座が終了し、在宅ワークにつながりますように。

在宅ワークをしたい松本市・塩尻市・安曇野市のみなさん、
次の秋も講座が開かれるかもしれませんよ。

常にチェックしましょう！
　↓
https://fabb.doorkeeper.jp/
（FABB)

全国
　↓
https://www.doorkeeper.jp/
（Doorkeeper）

仕事の達成感は求められない

ウェディングアルバムを作る、ということをやっております。
１冊分のデザインをするのに、けっこう時間がかかったりします。

お客さまの希望を入れるのはもちろんなのですが、
自分が作りたいイメージにデザインできるまで、もんもんとすることもあったりします。

毎回、毎回、
送られてきた“ここにある”写真だけで、
決められたページ内に本当に完成するのだろうか？と思うのですが、

毎回、毎回、
ちゃんと出来上がるので不思議です。
30ページのアルバムなのに、28ページで終わってしまってどうしようヽ(´Д｀)ノということは、少なくともありません。

だから、一つの仕事が終わったとき、
さぞ達成感があるだろうと思われがちなのですが、実はそういった感覚は皆無なのですね…。

そう。
大きなプロジェクトが成功に終わったとき、
皆でワーッとはじけるような喜び！

そういうものはないのです。

お客様に喜んでもらえたとき、

それはとてもとても嬉しいことなのですが、
ホッとしたという気持ちで終わります。

また、身に余る言葉をいただいたときは感謝の気持ちしかありません。
「ありがとうございます」という気持ちとともに、
やっぱりホッとするという感じなのですね。

ワーッとはじけるような喜びは、やっぱり誰かと共有するものなのでしょう。

実は私も、
1人ではなく、2～3人でこの仕事をしたいと思い、人を誘ったりしたのですが、叶いませんでした(^_^;)

ですから、
やりがい…
やりがいを求めて、仕事を続けていこうと思います！

サイトリニューアル！（格安ウェディングアルバム）またもや

もうお気付きになった方もいらっしゃるかもしれませんが、（一人くらいは）
ホームページをリニューアルいたしました。

数ヶ月前にリニューアルしたばかりなのに、
またかよ！という感じでご報告するのもお恥ずかしい限りです(..)

どーしてもデザインの乱れが出てしまうところがあり、
どーしてもわからないので、そのままにします。
（さあどこでしょう(-.-)）

でも、ワタクシはしつこいのでゼッタイ原因を見つけてやりますっ（￣＾￣）

前は、無料ホームページ作成のWixを使わせていただいたんですが、
作成中、または作成後にいろいろと問題があり、やはり思い切って作り直すことにしました。

（Wixの長所と短所　過去の記事です↓）

Wixでホームページを作った感想（追記あり2回）

Wixでホームページを作ったときの、気になるスマホ画面

リニューアルで再度アドレスが変わってしまったことは、ホント引っかかりますが…(-_-;)

今度のアドレスで落ち着く予定です(^_^;)

http://honhana.com/