-
ID:t2fQhR さんの質問

実務レベルのコーディングを学ぶには…20代後半の女デザイナーです、初めまして。
今までずっとグラフィックとWEBのデザインをしてきて、10年近くになります。
最近仕事の幅を広げたく、コーディングもできるようになりたいと思っています。
10代の頃に当時のHTML・CSS・DreamWeaverを一通り学んだのですが、化石のような知識です。
WEBのデザインをする際やブラウザの開発環境でサイトの内容を確認したりなどには役立っている程度と思います。
現在は正社員で転職するつもりもなく、副業はNG(少しだけやっていますが…)。
コーダーさんなどが周りにいらっしゃらないので、独学でなんとかするしかなさそうです。
教本などでひたすら学ぶしかないのでしょうか。
会得したいのは「実務的なコーディングの一連の流れ」です。
理想としては、自分で作ったデザインをそのままコーディング、運営保守などそういった「実務感」?が理想です。
もちろん時間がかかるのは承知なのですが、

  • 休日などにレクチャーしてくれる人を探す(謝礼する)
  • スクールに通う(これは実務感覚ではないと思うのですが)
    などしかないでしょうか…お知恵をご教授頂ければ幸いです。

みんなの回答 22 件

ID:/YXMl5 さんの回答

コーディングはデザインがOKになってからする作業なので、自分でデザインしてそれをコーディングする感覚でいいです。
それがそのまま業務になります。
ただ10年前のコーディングと今はHTMLとCSSが完全に分離してて、HTMLは文書構造、CSSは外見その他を司ります。
なので最初にワイヤーフレームなどを組み、構造を確認しつつコーディングする方が良いでしょう。
現代は非同期通信や動的なサイトが多いのでjqueryという技術も学んだ方がいいですね。

ID:t2fQhR

コメントありがとうございます、トピ主です。
自分のデザインを使うのはリアリティがありますよね。
ワイヤーから確認しつつ、できることをやってみます。
jqueryもよく耳にするので、学んでいきたいと思います!

ID:L5NyUt

>jqueryという技術
なんか笑える

ID:..y/iU

jQuery不要派とかじゃないけど、確かに笑える
感覚が10年前と思えば違和感ないけど

ID:t2fQhR

L5NyUtqubvYM様 ..y/iUzCvNax様
私の周りでもまだまだ活用されているように感じるのですが、もう次の技術?があるということでしょうか。無知ですみません。

ID:L5NyUt

>トピ主
いやいや、jQueryはまだまだ使われてるよ。
俺は"技術"って言い方がなんか面白かっただけだよ。
仕事でコーディングするなら、絶対覚えたほうがいいよ。

ID:t2fQhR

なるほど、そのニュアンスの違いが分かるようになりたいです。。
覚えたほうがいいということなので、やってみます!

ID:kWbVcN さんの回答

今までに自分で作ったwebデザインを自分でコーディングしてみたりとか
ドットインストールとかスクーとか見て勉強したり
他のサイトでどうなってるのか気になったらデベロッパーツールで見てみたりとか

ID:t2fQhR

コメントありがとうございます、トピ主です。
ドットインストールとスクー、少しやったのですが「これ実務になるかな?」と途中で止めてしまっていました…
でもまずは基礎ですね、再開してみます…!

ID:cC6JG3 さんの回答

もくもく会に参加するとかですかね・・・//eventdots.jp/calendar

ID:t2fQhR

コメントありがとうございます、トピ主です。
恥ずかしながら、もくもく会を初めて知りました…
あまり勉強会なども参加してこなかったので、ご記載いただいたURLを活用してみたいと思います!

ID:S.YmDZ さんの回答

CSSの知識自体は、ネットの情報や最新の本を1~2冊買って、実際に作ってみるだけで十分です。(常に変わるので)
重要なのは、制作を支えるソフトや環境やサービスをどれだけ知っていて、どれだけ使いこなせているか。
ただ、あくまでメインがデザイン寄りならここまでやらなくても良いと思う。

ID:t2fQhR

コメントありがとうございます、トピ主です。
別トピでもありましたが、デザインだけでは飽和状態で、特に自分の環境では限界がありそうだなと。
武器を手に入れるべく、勉強していきたいと思います…

ID:L5NyUt さんの回答

>休日などにレクチャーしてくれる人を探す(謝礼する)
じゅるり

ID:2NUOBn

ぼくもうギンギンですよ///

ID:t2fQhR

両名様、コメントありがとうございます、トピ主です。
正直なところこれが一番理想的なのですが、都内で、フリーな時間が重なることが多く、教えるのが上手い人に出会えたらなあ、、と思っています…

ID:L5NyUt

ちなみにフリーな時間っていつなの?

ID:t2fQhR

コメ主さま
平日の退勤ごと土日祝、ですね…勤務時間は安定しているので、時間を捻出するのは恵まれてる方です。自分の努力が足りないですね。。

ID:Vn8edC

謝礼の代わりにカラd…ウワァ!ナニヲスル

ID:t2fQhR

Vn8edCWtisPs様
ちょっとおもしろかったです!笑

ID:Xj/ZqN さんの回答

これまでの経験がありそうなので、独学で十分だと思いますよ。
先の方もいってるように、1~2冊ほどでcssの学んで、その次あたりに、今後サイトのコンテンツが増えたりしたときに破綻しないような汎用性の高いクラス名のつけ方の勉強とかでしょうか。そのあたりのことは、「CSS設計の教科書」がお薦めかと。
ちなみに、わたしもデザイナーからコーダーになり、現在コーディングができるのが自分ひとりという職場です。お互いがんばりましょう。

ID:t2fQhR

コメントありがとうございます、トピ主です。
実務的なアドバイスありがとうございます!
まさに「今後こういう想定をしてここはこうすると良い」とか、教本などでのknowだけでなく先輩が後輩に教えるhowのような…
もちろん、それを自学で会得すべきなんでしょうが汗。
境遇もかなり似ていそうです、応援しています!私も続きます。

ID:r9XMJu さんの回答

20代後半なら、経営とかマネジメントとか、そっちら辺を静かに勉強し始めるのも一興かと。周りに勉強してますアピールは厳禁で。

ID:t2fQhR

コメントありがとうございます、トピ主です。
実は転職前はプレイングマネージャーでした。
デザイナー10名のリーダーというだけで、あまり管理職感はなかったですが汗。
プレイヤーだけで進んでいくのも、きっといつか無理がきますね。。

ID:r9XMJu

10名も動かせていたんですか?すげえ。そうなんですよねえ。歳とってきて初めてわかったけど、ずっとこのまま技術職ってのは体力的にも経済的にも無理を感じ始めてきています。

ID:t2fQhR

消去法で自分が残っただけなので、大したことはなかったですが汗。本当に、悩みますよね…女だと妊娠出産もいつか転機になると思うので、今から想定しないと行き詰まりそうです。。お互い打開策が見つかりますように。

ID:Cb2INA さんの回答

もしよろしければお教えしましょうか?
デザイン・コーディング10年以上のキャリアです。

ID:t2fQhR

コメントありがとうございます、トピ主です。
どちらも10年以上なんですか!尊敬します。。
というか、いいのですか…!!!

ID:Cb2INA

はい、お時間がうまくあえばいいですよ^^
よろしければ連絡先お伝えいたします。

ID:t2fQhR

とてもありがたいです!
ただ、まずは独学で基礎を作って、アドバイス頂く方に迷惑のない程度にしたほうが良いかなとも悩んでおります。。

ID:L5NyUt

>トピ主
横ヤリすみません。
でもその基礎ってをどうやって勉強すればいいのか、独学でやってみてそれで合ってるのか不安ですよね?
最初にどの程度できるか言ってみて、ちょっとずつ課題出したり教えたりしてもらえればいいんじゃないかな

ID:Cb2INA

確かにおっしゃる通りですね。
基礎を勉強するのが難しいと思います。まず根本から理解できないと応用もできないですからね。
基礎ができれば独学でどんどん成長できると思いますよ^^
ちょうど会社でも教える機会があったので、上手く教えることができるかなと思った次第です^^

ID:t2fQhR

ですね、教えてもらうにも「何が分からないか分からない」では先生にもストレス与えそうです汗…がんばります!教えるのも一苦労ですよね、応援しています~!(また機会あればぜひお願いします…!)

ID:t2fQhR

L5NyUtqubvYM様
アドバイスありがとうございます!
皆さんにご助言いただき、学び方の方向性が見えてきました…自分の状態がいまあやふやだったので、助かりました…!!

ID:2e.Evn さんの回答

結婚してください

ID:VRwW9.

お前ら20台後半の女性に飛びつくなよw

ID:kWbVcN

一番最高な時期じゃん!

ID:t2fQhR

コメントありがとうございます、トピ主です。
クリエイター同士だと、結婚後の生活とか境遇が似てるしいいかもですね~
あまり周りにクリエイター同士は見かけないのですが、皆さんの周りは多いですか?

ID:Hju30i

お互いの思想とかポリシーとかがぶつかってストレス溜まりそう~

ID:t2fQhR

Hju30iLYbU85様
ああ~たしかにそれは。。深くは話さないかもですね。笑
ライフスタイルが似るのは良さそうですが

ID:Hju30i さんの回答

20代後半というのは具体的においくつなのでしょうか?
26歳と29歳では、対応が変わってきます(冷静)

ID:t2fQhR

コメントありがとうございます、トピ主です。
後半の後半です。若さは揺るぎない価値だと思いつつ、歳を重ねた魅力を得たいなと思います~

ID:nQ/zFN さんの回答

教本なので基礎を勉強するのも良いかと思いますが、デザインと一緒でいろんなサイトのソースコードを見るところから初めてみるのもいいかと思います!
人によって書き方も、プロパティの使い方も、命名規則など違うので勉強になると思いますよ。

ID:t2fQhR

コメントありがとうございます、トピ主です。
実際のソースコードを読む、なるほどたしかに。
化石知識なのでかなり不明点が多いですが、逆にそれがなんなのか調べるようにしてみます!ありがとうございます!

ID:/PSjAN さんの回答

定時に帰宅しているweb制作会社2年目の若造でよければ、スカイプでお教えできます。いかがでしょうか。

ID:t2fQhR

コメントありがとうございます、トピ主です。
ご厚意ありがとうございます!
スカイプだと、どんな流れになるのでしょう…
微妙に疎くて、すみません。。

ID:L5NyUt

まあ話聞いて、スカイプで画面見せ合いながら教える感じですよね~。
合ってやるより(女性的に)安全だしいいと思います。

ID:t2fQhR

L5NyUtqubvYM
いまID?を確認したら、何度か書き込みを頂いてたんですね(認識不足ですみません)親身になってくださり、ありがとうございます…!

ID:Hju30i さんの回答

新スレ建ててコーディング教えたい人オーディションしようぜ

ID:2e.Evn

1番
仕事嫌いクソ適当コーダーです!
好きなプロパティはdisplay:hidden;です!

ID:L5NyUt

2番!
サイト制作できると思ったら更新業務ばかりやらされてます!
好きなcssの記述手法は、インラインスタイルです!

ID:t2fQhR

コメントありがとうございます、トピ主です。
好きな●●シリーズが、面白いです…笑

ID:z9QjlP

display: hiddenに誰もつっこまない悲劇

ID:t2fQhR

さりげなく爆笑してました…笑

ID:2MODQ2 さんの回答

大手のサイトのソースを見てみればいいんじゃないの。コピーしていじくってみたり、わからない箇所はググればいい。コーディングは自己解決能力も大事だよ。

ID:t2fQhR

コメントありがとうございます、トピ主です。
仰ることはごもっともと思います…
それを少しでも短縮して、会得を早められたらなあと考えていました。
まずは自分でできることを考えてみます。

ID:XFKSsi さんの回答

1にも2にも命名規則です。これさえちゃんと決まっていれば、コーディングの99%は出来たも同然です。

ID:t2fQhR

コメントありがとうございます、トピ主です。
とても格言なかんじですね…φ(..)メモメモ
学生時代に学んだ祭も、そういえばそう感じた気がします。
同業であれば、ここで熟練度が分かるのでしょうか。尊敬です…!

ID:by5wmO さんの回答

実務レベルですと正に実務でしか身につかないんじゃないですかね
基礎はスクールとかいいですよ、自分も夜間の行ってました。 本だといつでも学べる=後回しになりがちでっていうのでかなりやる気が必要です。スクールは高いのですけど、お金無駄にしたくないってので、一応やる気はでました笑
あとは個人で知人のHPとか受けてみたりしたら応用できるかも

ID:t2fQhR

コメントありがとうございます、トピ主です。
ですね、なので実務なさっている方にご教授頂ければな~と考えていました。
ただまずは自分のやる気次第だと思うで、時間作って制作してみます。

ID:Ql9WP0 さんの回答

HTMLやCSSなんてのは現場の人間からしたら勉強する価値がない雑務です。
化石なような技術でも個人的には十分だと思いますね。
重要なのは開発環境・テストを最適化して、チームで効率よくできること。命名規則、パッケージ管理、バージョン管理ルール、テストルールに関するツール、ワークフローをしっかり理解すること。
タイピングがちゃんと出来てない素人でも、これらを抑えて、作りたいもののソースを検索して見つけて仕様に合うように作ることはできます。
時代の流れでコロコロ変わるパララックスやMQ、負荷分散用のモダンjsフレームワークなどは無理に着手するより必要に迫られて…でしょうね。

ID:t2fQhR

コメントありがとうございます、トピ主です。
羅列された用語、理解できるものとできないものがあります。
というか、まさに実務・現場ならではのことで、そこを知りたいと思っています。
独学で難しいのが、そこなのではと感じています…

ID:Ql9WP0

現場のレベルも会社によりけりですが、書いた内容は現場でこそ重要視されるチームプレイの為のものです。
恐らく、市販の本で、フロントエンド開発環境づくりに特化したワークフローのモデルになるものがあるのでそれを一読して、勉強会に臨むのがいいと思いますよ。
あと最近のフロントエンドは複雑化かつ進化が早いので、それぞれの管理ツールがどういう不便さを解消してきたものなのかという読み物をオススメします。

ID:t2fQhR

あ、ワークフローでまとまっている本はDTPなどのほうで確かに持っていました。そのweb版ですね、入手してみます。ものすごく具体的なアドバイス、何度もありがとうございます、うれしいです。

ID:BcOXRu さんの回答

まだ彼氏は募集してますでしょうか?
間に合えば自分も立候補したいです。
遅くなり申し訳ございません。

ID:BcOXRu

お付き合いしていただければwebのことはある程度お教え出来るかと思います!

ID:t2fQhR

皆さんの大喜利?のような感じ、思わぬ展開ですがとても癒やされております…!笑

ID:M7SiDz さんの回答

今は未経験で不安でしょうが、コーディングなんて簡単に身につくので
それができたからって大した付加価値にならないですよ。
なので心配しないで大丈夫です。
周りと差をつけたいなら早いうちに
マーケティング勉強するといいですよ。

ID:t2fQhR

コメントありがとうございます、トピ主です。
大した価値はないでしょうか…「紙もwebもできるデザイナーです」といつも濁してしまい、ハッキリ「webデザイナー」と言えないのも不甲斐なく感じていました。求人票などでもwebデザイナーであればコーディング必須がほとんどなので…ただ確かに、強みとするならマーケティングなどですね。コーディングは現状で足りない部分を補完するだけで、武器とは言えないかも。。

ID:.TVE0Z

私も紙15年やってからWEBきましたけど、
コーディングは2年やれば
かなり身につきます。
もちろんコーディングは奥深いですけど、
それ以上奥深さを自分で突き詰めたところで
単価は上がりません。
それよりもマーケティング学んで
デザイン力を武器とした
企画やブランディングなどの
上流やった方がいい。
そっちの人材は超不足してますよから
すごく求められますし単価も高いです。
2年自分でやって
コーディングを理解してれば
優秀なコーダーの選別もできるし
外注管理もできます。
がんばってね!

ID:t2fQhR

ベテランですね…!!
「突き詰めても単価が上がらない」にグサッときました。
あくまで短所?の補完として、ほんと別の武器を作らないとですね…
デザインを活かして、たとえばマーケだったりプランニングしてみます!

ID:v4K29r さんの回答

即戦力コーダーを目指すならこの書籍でしょうね。
Web業界の常識ですよ。

HTML教本

https://www.amazon.co.jp/dp/4893693662/
ID:t2fQhR

コメントありがとうございます、トピ主です。
URL拝見しました、ひとり一冊必携!な感じでしょうか…
自分が小学生になったくらいに出版された本のようで、歴史を感じました。。

ID:z9QjlP さんの回答

どーでもいーけど、エロパワーすげーな、おい

ID:VRwW9.

お前らすぐエ呂サイトみるからなあ

ID:t2fQhR

思わず大喜利?のような展開になり、驚きました…!

ID:t2fQhR さんの回答

こんにちは、トピ主です。
思った以上に多くのコメントを頂き、とても嬉しく思っています。
コーディングのできないwebデザイナーなんて…と絶望していましたが、
まずは基礎を身につけ少しでも自信、実績を得られるよう努力します。
もし行き詰まったらぜひまた相談に乗って頂きたいです。

ID:SQ7nFm

あなたなかなかの男垂らしね!

ID:VRwW9.

みんな溜まってるんだなあw

ID:..y/iU

20代後半女性を名乗るとみんな優しいということが分かった

ID:t2fQhR

相談するうえで自己紹介?と思ったまででなのですが汗。
少しでも具体的な人柄がネット上でも感じられると、皆さん親切にしてくださるのかな~とほっこりしました。
コメント、ありがとうございました!

最終更新日:2017-02-06 (4,920 views)

関連するトピックス

ページ上部に戻る